/* Draft additions use the current Dry Sky navy, green, system fonts and assets. */
:root { --retro-navy:#03124d; --retro-green:#4f7d12; --retro-ink:#243248; --retro-muted:#536071; --retro-rule:#dce3e9; }
.retro-section { padding:clamp(3rem,6vw,5.5rem) 1.5rem; color:var(--retro-ink); }
.retro-shell { max-width:1152px; margin:0 auto; }
.retro-section h2,.retro-review h1,.retro-review h2 { color:var(--retro-navy); font-weight:750; line-height:1.12; letter-spacing:-.025em; margin:0 0 1.25rem; }
.retro-section h2 { font-size:clamp(1.9rem,3.2vw,2.8rem); max-width:25ch; }
.retro-section h3 { color:var(--retro-navy); font-size:1.15rem; font-weight:750; line-height:1.3; margin:0 0 .75rem; }
.retro-section p { line-height:1.75; margin:0 0 1.1rem; }
.retro-section .retro-kicker,.retro-kicker { color:var(--retro-green); font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin:0 0 1rem; }
.retro-lead { font-size:1.13rem; line-height:1.75; max-width:65ch; }
.retro-inline-link,.retro-text-link { color:inherit; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.22em; font-weight:650; }
.retro-inline-link:hover,.retro-text-link:hover { text-decoration-thickness:2px; }
[data-homepage-hero] .retro-inline-link { color:#d4f299; }
[data-homepage-hero] h1 { font-size:clamp(2.3rem,4.25vw,3.65rem); line-height:1.08; max-width:22ch; }
[data-homepage-hero] .retro-hero-intro { line-height:1.65; max-width:58ch; }
.retro-business { background:#fff; border-top:1px solid var(--retro-rule); border-bottom:1px solid var(--retro-rule); }
.retro-business-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,7vw,6rem); align-items:center; }
.retro-facts { border-left:3px solid var(--retro-green); padding-left:2rem; }
.retro-facts dl { margin:0 0 1.5rem; display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.retro-facts dt { font-size:.76rem; text-transform:uppercase; letter-spacing:.055em; color:var(--retro-muted); margin-bottom:.35rem; }
.retro-facts dd { margin:0; line-height:1.5; font-weight:700; color:var(--retro-navy); }
.retro-section .retro-source { font-size:.78rem; color:var(--retro-muted); line-height:1.65; margin:0; }
.retro-source a { text-decoration:underline; text-underline-offset:.18em; }
.retro-section-head { display:flex; justify-content:space-between; gap:3rem; align-items:end; margin-bottom:2rem; }
.retro-section-head>p { max-width:24rem; }
.retro-profiles { background:#f7f9fc; }
.retro-profile-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--retro-rule); gap:0 2.5rem; }
.retro-profile { display:grid; grid-template-columns:2rem 1fr auto; gap:1rem; align-items:center; padding:1.3rem 0; border-bottom:1px solid var(--retro-rule); color:var(--retro-navy); font-weight:700; text-decoration:none; }
.retro-profile:hover { color:var(--retro-green); }
.retro-profile-number { font-size:.75rem; color:var(--retro-muted); font-weight:400; }
.retro-locality { background:#f7f9fc; }
.retro-locality h2 { max-width:28ch; }
.retro-locality-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:4rem; }
.retro-resource-box { padding:1.75rem; background:#fff; border-top:3px solid var(--retro-green); align-self:start; }
.retro-resource-box ul { list-style:none; padding:0; margin:0 0 1rem; }
.retro-resource-box li { padding:.8rem 0; border-bottom:1px solid var(--retro-rule); font-size:.95rem; line-height:1.5; }
.retro-resource-box a { text-decoration:underline; text-underline-offset:.2em; }
.retro-decision { background:#fff; }
.retro-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin:2.5rem 0; }
.retro-three article { border-top:1px solid var(--retro-rule); padding-top:1.5rem; }
.retro-step { color:var(--retro-green); font-weight:800; font-size:.82rem; display:block; margin-bottom:1rem; }
.retro-storm-note { background:#f5f8ee; padding:1.5rem 2rem; border-left:3px solid var(--retro-green); }
.retro-storm-note p { margin:0; }
.retro-skip { position:fixed; top:0; left:1rem; z-index:10000; background:#fff; color:var(--retro-navy); padding:.8rem 1.2rem; transform:translateY(-150%); }
.retro-skip:focus { transform:translateY(0); }
.retro-section a:focus-visible,.retro-review a:focus-visible { outline:3px solid var(--retro-green); outline-offset:5px; }
.retro-section[id],main[id] { scroll-margin-top:12rem; }
.retro-preview-status { border:1px solid #b9ce8e; background:#f5f8ee; padding:.6rem; color:#243248; font-size:.85rem; margin-top:.5rem; }
.retro-review { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--retro-ink); background:#f7f9fc; }
.retro-review main { padding:5rem 1.5rem; }
.retro-review h1 { font-size:clamp(2.8rem,6vw,5.2rem); }
.retro-review h2 { font-size:1.5rem; }
.retro-review p,.retro-review li { line-height:1.75; }
.retro-review section { border-top:1px solid var(--retro-rule); padding:2rem 0; }
.retro-review-links { display:flex; flex-wrap:wrap; gap:.8rem; margin:2rem 0 3rem; }
.retro-button { display:inline-block; background:var(--retro-navy); color:#fff; padding:1rem 1.25rem; text-decoration:none; border-radius:4px; font-weight:700; }
.retro-button:first-child { background:var(--retro-green); }
.retro-area-links { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; row-gap:.6rem; }
main img.max-w-md { max-width:min(100%,28rem); }
@media(max-width:767px) { .retro-business-grid,.retro-locality-grid,.retro-three { grid-template-columns:1fr; gap:1.6rem; } .retro-profile-grid { grid-template-columns:1fr; } .retro-section-head { display:block; } .retro-facts { padding-left:1.25rem; } .retro-facts dl { gap:1rem; } .retro-section { padding:2.75rem 1.2rem; } .retro-review main { padding-top:3rem; } [data-homepage-hero] h1 { font-size:2.4rem; } [data-homepage-hero] .relative.z-10 { padding-top:2.75rem; padding-bottom:2rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto !important; } *,*::before,*::after { animation:none !important; transition:none !important; } }
@media print { .retro-section { break-inside:avoid; padding:1rem 0; } .retro-review-links,.retro-skip { display:none; } .retro-section a[href^="https"]::after { content:" (" attr(href) ")"; font-size:.7em; overflow-wrap:anywhere; } }