:root{--bg:#eef8f5;--panel:#fbfffc;--ink:#1d2b34;--muted:#607078;--accent:#256b7c;--accent2:#79bda7;--tail:#e3f0f7;--line:#cbe0df}*{box-sizing:border-box}body{background:linear-gradient(135deg,var(--bg),#f9fbf4);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:#fbfffcf0;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:900;text-decoration:none}.brand span{color:var(--accent2);margin-left:.1em}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.08fr) minmax(280px,.72fr);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.6rem);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:900;text-decoration:none;display:inline-flex}.button.secondary{background:var(--accent2)}.text-link{color:var(--accent);margin-left:1rem;font-weight:900}.signature-panel{border:1px solid var(--line);background:#fbfffce6;border-radius:2rem;align-content:space-between;min-height:320px;padding:2rem;display:grid;box-shadow:18px 18px #256b7c1f}.signature-panel .mark{background:linear-gradient(135deg,#dff4f2,var(--accent2));border-radius:28px;width:120px;height:120px;display:block;box-shadow:inset 0 0 0 12px #fff}.rail{gap:.65rem;display:grid}.rail i{background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.82;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:#fbfffcf0;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:#ffffff24;border-radius:1.25rem;padding:1.5rem 1.5rem 1.5rem 2.5rem}.article{border:1px solid var(--line);background:#fbfffccc;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:#f2fbf8;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:850;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:#f5fffc;background:#17323b;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);display:grid}footer nav a{color:#f5fffc}@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}}