:root{--bg:#f7efe4;--panel:#fffaf0;--ink:#1f2428;--muted:#6e6259;--accent:#263d63;--accent2:#b06a3c;--tail:#e9f0f1;--line:#d8cab9}*{box-sizing:border-box}body{background:linear-gradient(135deg,var(--bg),#eef4f1);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}.site-header{z-index:5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#fffaf0eb;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.brand{color:var(--accent);font-family:Georgia,serif;font-size:1.45rem;font-weight:800;text-decoration:none}.brand span{color:var(--accent2);margin-left:.14em}nav{flex-wrap:wrap;gap:.9rem;display:flex}nav a{color:var(--muted);font-size:.92rem;text-decoration:none}main{min-height:70vh}.hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);align-items:center;gap:2rem;padding:clamp(3rem,8vw,7rem) clamp(1rem,4vw,4rem);display:grid}.hero h1{color:var(--accent);margin:0 0 1rem;font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.95}.hero p{max-width:720px;font-size:1.12rem}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.button.secondary{background:var(--accent2)}.text-link{color:var(--accent2);margin-left:1rem;font-weight:800}.signature-panel{background:var(--panel);border:1px solid var(--line);border-radius:2rem;align-content:space-between;min-height:320px;padding:2rem;display:grid;box-shadow:18px 18px #263d631f}.signature-panel .mark{background:radial-gradient(circle at center,var(--panel) 0 18%,var(--accent2) 19% 32%,var(--accent) 33% 100%);border-radius:50%;width:120px;height:120px;display:block;box-shadow:0 0 0 18px #efe1cf}.rail{gap:.65rem;display:grid}.rail i{background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.8;border-radius:999px;height:10px}.topic-strip,.guide-shelf{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:0 clamp(1rem,4vw,4rem) 3rem;display:grid}.topic-tab,.guide-card{border:1px solid var(--line);background:#fffaf0eb;border-radius:1.25rem;padding:1.2rem;text-decoration:none}.topic-tab span,.guide-card a{color:var(--accent);font-weight:900}.planner-preview,.tool-intro,.article,.results,.sorter-form,section>h2{margin-left:clamp(1rem,4vw,4rem);margin-right:clamp(1rem,4vw,4rem)}.planner-preview{background:var(--accent);color:#fff;border-radius:2rem;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:1.5rem;margin-bottom:3rem;padding:2rem;display:grid}.planner-preview ol{background:#ffffff1f;border-radius:1.25rem;padding:1.5rem 1.5rem 1.5rem 2.5rem}.article{border:1px solid var(--line);background:#fffaf0c7;border-radius:1.5rem;max-width:860px;margin-top:2rem;margin-bottom:3rem;padding:clamp(1rem,4vw,3rem)}.article h1,.article h2,section>h2,.tool-intro h1{color:var(--accent);font-family:Georgia,serif}.lede{color:var(--muted);font-size:1.15rem}.review-status,.source-box{border-left:6px solid var(--accent2);background:#fff7eb;border-radius:1rem;margin:1.4rem 0;padding:1rem}.related div,.signal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.sorter-form{gap:1rem;max-width:980px;display:grid}.sorter-form fieldset{border:1px solid var(--line);background:var(--panel);border-radius:1.25rem;gap:1rem;padding:1.25rem;display:grid}.sorter-form label{gap:.35rem;font-weight:800;display:grid}select,input{font:inherit}.form-actions{flex-wrap:wrap;gap:1rem;display:flex}.results{background:var(--tail);border-radius:1.5rem;max-width:980px;margin-top:1.5rem;margin-bottom:3rem;padding:1.5rem}.signal-grid article{background:#fff;border-radius:1rem;padding:1rem}.signal-grid span{color:var(--muted);font-size:.9rem;display:block}footer{color:#f8efe4;background:#162333;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);display:grid}footer nav a{color:#f8efe4}@media (width<=760px){.site-header,.hero,.planner-preview{grid-template-columns:1fr}.site-header{position:static}.text-link{margin:.9rem 0 0;display:block}.hero{padding-top:2rem}.signature-panel{min-height:220px}nav{gap:.6rem}.topic-strip,.guide-shelf{grid-template-columns:1fr}}