:root{--paper:#f4ece4;--card:#FAFAF7;--deep:#e9e1d5;--ink:#21211F;--soft:#57544E;--gold:#b8862f;--bright:#d4a437;--pale:#f2d98b;--deepgold:#8a5f1c;--char:#141312;--ivory:#f5efe1;--line:rgba(33,33,31,.16)}
*{margin:0;box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:Newsreader,Georgia,serif;padding:0 20px 70px}
@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-latin.woff2') format('woff2')}
@font-face{font-family:'Newsreader';src:url('/fonts/newsreader-normal.woff2') format('woff2')}
@font-face{font-family:'Newsreader';src:url('/fonts/newsreader-italic.woff2') format('woff2');font-style:italic}
.nav{max-width:860px;margin:0 auto;padding:22px 0;display:flex;align-items:center;gap:26px;font-family:'Space Grotesk',sans-serif}
.nav .word{font-weight:700;letter-spacing:.12em;text-decoration:none;color:var(--ink);font-size:17px}
.nav .word .gu{background:linear-gradient(100deg,var(--deepgold),var(--bright) 45%,var(--pale) 55%,var(--bright) 70%,var(--deepgold));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav .back{margin-left:auto;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--deepgold);text-decoration:none}
.panel{max-width:860px;margin:26px auto 0;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:10px 12px 0 rgba(33,33,31,.08);padding:46px 52px 40px;position:relative;overflow:hidden}
.panel::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(100deg,var(--deepgold),var(--bright) 40%,var(--pale) 55%,var(--bright) 70%,var(--deepgold))}
.receipt{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.receipt .no{font-size:21px;font-weight:700;color:var(--ink);letter-spacing:.04em;text-transform:none}
.grade{border:1.5px solid;border-radius:999px;padding:4px 13px;font-size:11.5px}
.grade-strong{color:#1d7a4f;border-color:rgba(29,122,79,.55);background:rgba(29,122,79,.06)}
.grade-moderate{color:#33507c;border-color:rgba(51,80,124,.55);background:rgba(51,80,124,.06)}
.grade-emerging{color:#8a5f1c;border-color:rgba(138,95,28,.55);background:rgba(138,95,28,.06)}
.grade-unverified{color:#6d4fa1;border-color:rgba(109,79,161,.55);background:rgba(109,79,161,.06)}
h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(27px,4.4vw,39px);line-height:1.22;margin-top:24px}
.ann{font-size:20.5px;line-height:1.55;color:var(--soft);margin-top:18px}
.caveat{margin-top:16px;font-size:16.5px;font-style:italic;color:#a62b3a}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.btn{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-radius:999px;padding:13px 26px}
.btn-src{background:var(--char);color:var(--ivory)}
.btn-shelf{border:1.5px solid var(--deepgold);color:var(--deepgold)}
.hero{max-width:860px;margin:8px auto 0;background:var(--char);color:var(--ivory);border-radius:20px;padding:42px 52px 36px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 86% 18%,rgba(212,164,55,.22),transparent 70%),radial-gradient(35% 45% at 2% 100%,rgba(138,95,28,.20),transparent 70%)}
.hero>*{position:relative}
.hero .k{display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--pale)}
.cp-ic{width:21px;height:21px;color:var(--bright);flex:none}
.hero .no{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;letter-spacing:.14em;color:var(--bright);margin-top:26px}
.hero h1{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:clamp(30px,4.6vw,43px);line-height:1.16;margin-top:10px;max-width:24ch}
.hero .ledger{display:flex;flex-wrap:wrap;gap:14px 34px;border-top:1px solid rgba(242,217,139,.30);margin-top:28px;padding-top:17px;font-family:'Space Grotesk',sans-serif}
.hero .ledger div span{display:block;font-size:16.5px;font-weight:700;color:#fff;text-transform:none;letter-spacing:.02em}
.hero .ledger div i{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.22em;color:#CFC6B4;text-transform:uppercase}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero{animation:rise .7s cubic-bezier(.22,.8,.3,1) both}
@media (prefers-reduced-motion: reduce){.hero{animation:none}}
@media(max-width:640px){.hero{padding:32px 24px 28px}}
.cite{max-width:860px;margin:22px auto 0;font-family:'Space Grotesk',sans-serif;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);line-height:1.9}
.cite b{color:var(--deepgold)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.panel{animation:rise .7s cubic-bezier(.22,.8,.3,1) both}
.nav{animation:rise .7s cubic-bezier(.22,.8,.3,1) both}
@media (prefers-reduced-motion: reduce){.panel,.nav{animation:none}}
@media(max-width:640px){.panel{padding:34px 24px 30px}}