*{box-sizing:border-box;margin:0;padding:0}
body{background:#fff;color:#3a2a1e;font:400 16px/1.65 'Space Grotesk',system-ui,sans-serif;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 50% 0%,rgba(251,91,0,.14),transparent 70%)}
.doc{position:relative;max-width:720px;margin:0 auto;padding:40px 24px 40px}
.back{color:#7A6858;text-decoration:none;font-size:14px}
.back:hover{color:#1B120C}
.orb{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:900 32px 'Fraunces',serif;color:#fff;margin-top:36px;
  background:radial-gradient(circle at 34% 28%,#ffb07a,#FB5B00 45%,#c43f00);box-shadow:0 12px 30px rgba(251,91,0,.35)}
h1{font:900 clamp(38px,6vw,56px)/1 'Fraunces',serif;color:#1B120C;margin-top:20px}
.date{color:#9a887a;font-size:14px;margin:10px 0 30px}
h2{font:800 22px 'Fraunces',serif;color:#1B120C;margin:36px 0 10px}
p{margin:10px 0}
ul{padding-left:20px;margin:10px 0}
li{margin:6px 0}
b{color:#1B120C;font-weight:700}
a{color:#FB5B00}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #F0DFCC;vertical-align:top}
th{color:#1B120C;font-weight:700}
td:first-child{font:800 18px 'Fraunces',serif;color:#FB5B00;width:90px}
.lf{text-align:center;padding:30px 16px 50px;font-size:13px;color:#9a887a;border-top:1.5px solid #F0DFCC}
.lf a{color:#7A6858;text-decoration:none}
@media (max-width:560px){.doc{padding:28px 16px}}

[data-theme=dark] body{background:#0d0805;color:rgba(255,255,255,.82)}
[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] b,[data-theme=dark] th{color:#fff}
[data-theme=dark] .back,[data-theme=dark] .lf a{color:rgba(255,255,255,.6)}
[data-theme=dark] .date,[data-theme=dark] .lf{color:rgba(255,255,255,.45)}
[data-theme=dark] th,[data-theme=dark] td{border-color:rgba(255,255,255,.1)}
[data-theme=dark] .lf{border-color:rgba(255,255,255,.08)}
[data-theme=dark] a{color:#FF8A3D}