.planner-hero{position:relative;background:linear-gradient(90deg,rgba(2,35,26,.98),rgba(2,35,26,.84) 42%,rgba(2,35,26,.08) 80%),url('hero-1536.webp') center 48%/cover;color:var(--cream);padding:66px 0 70px}.planner-copy{max-width:620px;width:56%}.planner-copy h1{font-size:clamp(3rem,5vw,4.9rem)}.planner-copy p{max-width:42ch}.planner-copy .eyebrow{color:var(--gold)}.photo-credit{position:absolute;right:18px;bottom:10px;font-size:11px;background:#043326cc;padding:3px 9px}.planner{padding-top:48px;padding-bottom:30px}.tool-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:48px}.tool-nav a{border:1px solid var(--line);padding:18px 16px;text-decoration:none;font-size:14px;line-height:1.4;display:flex;gap:12px;align-items:center;min-height:68px;transition:background .15s}.tool-nav a span{font-family:Georgia;font-size:25px;color:var(--muted)}.tool-nav a[aria-current=true]{background:var(--green);color:var(--cream);border-color:var(--green)}.tool-nav a[aria-current=true] span{color:var(--gold)}.tool-nav a:hover{border-color:var(--green)}.tool-heading{max-width:820px;margin-bottom:28px}.tool-heading h2{margin-bottom:16px}.tool-heading .eyebrow{margin-bottom:13px}.workbench{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);background:#fffefb}.inputs{padding:32px}.example{padding:13px 16px;border-left:3px solid var(--gold);background:var(--cream);font-size:13px;margin-bottom:24px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:19px}fieldset{min-width:0;border:1px solid var(--line);padding:17px;margin:0 0 20px}legend{font:20px Georgia;color:var(--green);padding:0 8px}.inputs .button{margin-top:20px}label{line-height:1.45}.answer{background:var(--green);color:var(--cream);padding:34px;min-width:0}.answer h3{font-size:30px;color:var(--cream);margin-bottom:24px}.answer .eyebrow{color:var(--gold);margin-bottom:14px}.answer .big{font:clamp(2.5rem,4vw,3.6rem)/1.15 Georgia;color:var(--gold);display:block;margin:16px 0 5px}.answer p{font-size:14px}.answer .metric{border-top:1px solid #52816d;padding:17px 0}.answer .metric b{font:24px Georgia;display:block;margin:6px 0;color:var(--gold)}.answer .results-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.answer .fine{font-size:12px;color:#e0e6dc}.answer .callout{border:1px solid #8ca68d;padding:15px;margin-top:22px;font-size:14px}.answer ul{padding-left:20px;font-size:14px}.bar{height:7px;background:#759282;margin:12px 0 3px;overflow:hidden}.bar span{height:100%;display:block;background:var(--gold)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;min-height:30px}details p{font-size:14px;margin:18px 0 8px;max-width:90ch}.planner-end{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 0 15px;margin-top:25px}.planner-end h2{font-size:32px;margin-bottom:12px}.planner-end p{font-size:15px;margin:0}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;margin:14px 0;min-height:32px}.check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--green);margin:1px 0}.answer button{background:var(--gold);color:var(--green);border:0;padding:14px 20px;font-size:14px;min-height:48px}.feedback{color:#9b2828;font-size:14px;margin:14px 0 0}.copy-status{min-height:24px;margin:10px 0 0}.tool[hidden]{display:none}.answer .comparison{width:100%;border-collapse:collapse;font-size:13px}.comparison th,.comparison td{border-bottom:1px solid #52816d;padding:10px 5px;text-align:left}.answer pre{white-space:pre-wrap;font:14px/1.6 Arial;overflow-wrap:anywhere}.answer .outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
@media(max-width:1000px){.workbench{grid-template-columns:1fr 1fr}.duo{grid-template-columns:1fr;gap:0}.inputs,.answer{padding:24px}.tool-nav{gap:8px}.tool-nav a{font-size:13px;padding:14px 10px}}
@media(max-width:700px){.planner-copy{width:100%;max-width:500px}.planner-hero{padding:44px 0 55px;background:linear-gradient(90deg,rgba(2,35,26,.96),rgba(2,35,26,.78)),url('hero-1536.webp') 65% center/cover}.planner-copy h1{font-size:3.2rem}.tool-nav{grid-template-columns:1fr 1fr;margin-bottom:32px}.tool-nav a{font-size:13px;min-height:78px}.tool-nav a span{font-size:23px}.workbench{grid-template-columns:1fr}.planner-end{display:block}.planner-end .button{margin-top:20px}.answer .results-duo{gap:14px}.inputs,.answer{padding:22px}.planner{padding-top:30px}.tool-heading h2{font-size:2.4rem}}
.feedback{color:var(--green)}.answer b,.answer .big{overflow-wrap:anywhere}.answer .results-duo>*{min-width:0}

.tool-nav{grid-template-columns:repeat(2,1fr)}
