:root{--ink:#0a0b10;--bone:#edeae2;--gold:#c2a15c;--deep:#8a6d35;--hair:rgba(194,161,92,.18);--card:#10121a;--serif:'Fraunces',Georgia,serif}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--bone)}
body{font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}
a:hover{color:#d8bd7f;text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:60px 20px 120px}
header{text-align:center;margin-bottom:8px}
.eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:500}
h1{font-family:var(--serif);font-weight:500;font-size:44px;line-height:1.05;margin:14px 0 10px}
.lede{color:#b9b4a8;max-width:580px;margin:0 auto;font-size:16px}
.meta{color:#7d786d;font-size:13px;margin-top:14px}
.tabs{display:flex;gap:8px;justify-content:center;margin:26px 0 0;flex-wrap:wrap}
.tabs button{background:var(--card);border:1px solid var(--hair);color:#b9b4a8;padding:8px 16px;border-radius:999px;font-size:13px;letter-spacing:.04em;cursor:pointer;transition:.2s}
.tabs button:hover{color:var(--bone);border-color:rgba(194,161,92,.4)}
.tabs button.on{background:rgba(194,161,92,.14);color:var(--gold);border-color:rgba(194,161,92,.5)}
.search{display:block;width:100%;max-width:460px;margin:16px auto 0;padding:12px 16px;background:var(--card);border:1px solid var(--hair);border-radius:10px;color:var(--bone);font-size:15px}
.search::placeholder{color:#6f6a5f}
.search:focus{outline:none;border-color:rgba(194,161,92,.45)}
.theme{margin-top:48px}
.theme>h2{font-family:var(--serif);font-weight:500;font-size:14px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;border-bottom:1px solid var(--hair);padding-bottom:10px;margin:0 0 4px;display:flex;justify-content:space-between;align-items:baseline}
.gc{font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;color:#6f6a5f;letter-spacing:.1em}
.verse{padding:18px 0;border-bottom:1px solid rgba(194,161,92,.08)}
.verse.feat{}
.ref{font-family:var(--serif);font-size:19px;color:var(--bone);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
a.ref:hover{color:#fff;text-decoration:none}
.count{font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7d786d}
blockquote{margin:8px 0 0;font-family:var(--serif);font-style:italic;color:#cfc9bb;font-size:17px}
.why{margin:10px 0 8px;color:#b9b4a8}
.vmeta{margin:6px 0 0;font-size:12px;letter-spacing:.05em;color:#7d786d;text-transform:uppercase}
.star{color:var(--gold)}
.lockhint{color:#7d786d;white-space:nowrap}
a.ref.gated .count{color:var(--deep)}
.lockline{color:#7d786d;font-size:13px;margin:-4px 0 20px;letter-spacing:.02em}
.empty{text-align:center;color:#7d786d;padding:60px 0}
footer{margin-top:80px;text-align:center;color:#7d786d;font-size:13px}
.detail{max-width:720px}
.crumb{text-align:left;font-size:14px;margin:0 0 28px}
.dhead{text-align:center;margin-bottom:12px}
.big{font-size:24px;line-height:1.5;color:#e4dfd2;font-style:italic;max-width:640px;margin:14px auto 0}
.big cite{display:block;font-style:normal;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7d786d;margin-top:16px}
.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.chip{background:var(--card);border:1px solid var(--hair);color:#b9b4a8;padding:6px 13px;border-radius:999px;font-size:12px;letter-spacing:.03em}
a.chip:hover{color:var(--gold);border-color:rgba(194,161,92,.45);text-decoration:none}
.notfeat{color:#7d786d;max-width:520px;margin:22px auto 0;font-size:14px}
.detail section{border-top:1px solid var(--hair);padding-top:28px;margin-top:36px}
.detail section>h2{font-family:var(--serif);font-weight:500;font-size:15px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin:0 0 16px}
.whyblock p{font-size:18px;color:#cfc9bb;margin:0}
.group{margin-bottom:18px}
.group h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7d786d;margin:0 0 8px}
.group ul{margin:0;padding-left:18px}
.group li{margin:5px 0}
.links{font-size:14px;line-height:1.9}
.links .dot,.siblings .dot{color:#4b4740;margin:0 8px}
.detail footer{text-align:center}
@media(max-width:600px){h1{font-size:34px}.wrap{padding:44px 16px 100px}.big{font-size:20px}}