:root{--bg:#f6efe6;--panel:#fffaf2;--ink:#20252a;--muted:#6a5f55;--accent:#1d3557;--accent2:#c36f3b;--tail:#efe5d2;--line:#dbcbb9}*{box-sizing:border-box}body{background:linear-gradient(135deg,var(--bg),#f0f4f7);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:#fffaf2f0;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);letter-spacing:-.03em;font-family:Georgia,serif;font-size:1.45rem;font-weight:900;text-decoration:none}.brand span{color:var(--accent2);margin-left:.12em}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.7rem);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(--accent2);margin-left:1rem;font-weight:900}.signature-panel{background:var(--panel);border:1px solid var(--line);border-radius:1.2rem;align-content:space-between;min-height:320px;padding:2rem;display:grid;position:relative;overflow:hidden;box-shadow:18px 18px #1d35571f}.signature-panel:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;width:72%;height:12px;position:absolute;inset:1rem auto auto 1rem}.signature-panel .mark{background:linear-gradient(135deg,var(--accent),var(--accent2));clip-path:polygon(50% 0,90% 78%,50% 60%,10% 78%);border-radius:28px;width:120px;height:120px;display:block}.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);border-left:8px solid var(--accent2);background:#fffaf2f0;border-radius:1rem;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:1.4rem;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:1.5rem;margin-bottom:3rem;padding:2rem;display:grid}.planner-preview ol{background:#ffffff21;border-radius:1rem;padding:1.5rem 1.5rem 1.5rem 2.5rem}.article{border:1px solid var(--line);background:#fffaf2c7;border-radius:1.3rem;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:#fff5e8;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.1rem;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.3rem;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:#fff4e8;background:#172233;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);display:grid}footer nav a{color:#fff4e8}@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}}