:root{--bg:#f7f7f2;--ink:#142753;--muted:#53627d;--accent:#1539ad;--accent2:#e45f49;--line:#ccd5e5;--panel:#fff;--tail:#e7eeff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}.site-header{border-bottom:4px solid var(--accent);background:#fff;justify-content:space-between;align-items:center;gap:24px;padding:17px 3vw;display:flex}.brand{letter-spacing:-.08em;font-size:1.8rem;font-weight:900;text-decoration:none}.brand span{color:var(--accent2)}nav{flex-wrap:wrap;gap:13px;display:flex}nav a{font-size:.86rem;font-weight:700;text-decoration:none}.hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:stretch;gap:2rem;padding:0 3vw;display:grid}.hero>div:first-child{padding:clamp(3rem,8vw,7rem) 0}.hero h1{text-transform:uppercase;letter-spacing:.01em;max-width:850px;margin:0 0 26px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(3.3rem,8vw,8rem);line-height:.91}.hero p{max-width:590px;font-size:1.12rem}.hero-actions,.form-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.button{background:var(--accent2);color:#fff;cursor:pointer;border:0;border-radius:3px;padding:12px 20px;font:700 1rem Arial;text-decoration:none;display:inline-flex}.button.secondary{color:var(--accent);background:#fff}.text-link{font-weight:700}.signature-panel{background:var(--accent);color:#fff;flex-direction:column;justify-content:flex-end;min-height:430px;padding:34px;display:flex;position:relative;overflow:hidden}.signature-panel:before{content:"";border:30px solid var(--accent2);border-radius:50%;width:300px;height:300px;position:absolute;top:40px;right:-90px}.signature-panel .mark{width:80px;height:80px;box-shadow:115px 80px 0 -20px var(--accent2);background:#fff;border-radius:50%;position:absolute;top:40px;left:40px}.rail{gap:12px;display:grid}.rail i{opacity:.6;background:#fff;height:3px;display:block}.signature-panel p{font-family:Impact,Arial Narrow,sans-serif;font-size:2.4rem;line-height:1.1}.topic-strip{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);grid-template-columns:repeat(5,1fr);gap:0;margin:0 3vw;display:grid}.topic-tab{border-right:1px solid var(--line);min-width:0;padding:20px;text-decoration:none}.topic-tab span{text-transform:uppercase;font-weight:900}.topic-tab p{color:var(--muted);font-size:.86rem}.planner-preview{background:var(--tail);grid-template-columns:1.5fr .5fr;gap:30px;margin:4rem 3vw;padding:3rem;display:grid}.planner-preview h2,section>h2,.tool-intro h1,.article h1{text-transform:uppercase;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1}.planner-preview ol{font-weight:700}.guide-shelf{border-top:2px solid var(--ink);grid-template-columns:repeat(2,1fr);gap:0;margin:1rem 3vw 5rem;display:grid}.guide-card{border-bottom:1px solid var(--line);background:#fff;padding:19px}.guide-card a{font-weight:800;text-decoration:none}.guide-card p,.lede{color:var(--muted)}section>h2,.tool-intro,.sorter-form,.results{margin-left:3vw;margin-right:3vw}.article{max-width:830px;margin:3rem auto 5rem;padding:0 20px}.article h2{margin-top:36px;font-size:1.5rem}.breadcrumb{font-size:.85rem}.review-status,.source-box{border-left:5px solid var(--accent2);background:var(--tail);margin:26px 0;padding:16px}.related>div,.signal-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sorter-form{gap:20px;max-width:950px;display:grid}.sorter-form fieldset{border:2px solid var(--accent);gap:12px;padding:22px;display:grid}.sorter-form label{gap:7px;font-weight:700;display:grid}select,input{font:inherit}.results{background:var(--tail);margin-top:28px;margin-bottom:60px;padding:24px}.signal-grid article{background:#fff;padding:20px}.signal-grid span{color:var(--muted);display:block}footer{background:var(--ink);color:#fff;gap:16px;padding:3rem 3vw;display:grid}footer nav{display:flex}:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}@media (width<=850px){.site-header{flex-direction:column;align-items:flex-start}.topic-strip{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.signature-panel{min-height:260px}.planner-preview{grid-template-columns:1fr}}@media (width<=520px){.topic-strip,.guide-shelf,.related>div,.signal-grid{grid-template-columns:1fr}.hero h1{font-size:3.5rem}.hero>div:first-child{padding:3rem 0}.signature-panel{min-height:220px}}
