body{margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;color:#14293e;background:#FBFAF6}
a{color:#0D1E56}a:hover{color:#8a6d18}
.serif{font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-0.01em}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.nav a{color:#d6deef;text-decoration:none;font-size:15px;font-weight:500}
.nav a:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;font-weight:700;font-size:15px;text-decoration:none}
.btn-gold{background:#c9a02e;color:#1a1208}.btn-gold:hover{background:#d4af37;color:#1a1208}
.btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.ph{background:#fff4d6;border:1px dashed #b8860b;color:#5c4407;border-radius:6px;padding:2px 6px;font-size:.9em}
.foot a{color:#9fb0d3;text-decoration:none}.foot a:hover{color:#fff}
.vs{background:#fff;border:1px solid #E4E1D6;border-radius:14px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px 40px}
.vs h2{margin:0;font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:30px;line-height:1.15}
.vs h3{margin:0 0 6px;font-size:14px;color:#47617a;font-weight:700}
.vs p{margin:0;line-height:1.65}
.ans{font-size:19px;color:#0D1E56;font-weight:600}
.src{font-size:13px;color:#47617a}
.src a{color:#47617a}
.jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #D3CFC1;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;background:#fff}
.jump a:hover{border-color:#0D1E56}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#14293e;padding:8px 12px;border-radius:4px;z-index:100}.skip:focus{left:8px}
:focus-visible{outline:3px solid #d4af37;outline-offset:3px}
html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}