:root { --ink:#102a35; --deep:#073642; --aqua:#0d8a8c; --mint:#d9f3ed; --sun:#f9b848; --paper:#f7f7f2; --line:#cbd6d2; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.55 Arial,Helvetica,sans-serif; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { line-height:1.08; letter-spacing:0; } h1 { font-size:clamp(2.5rem,5vw,5rem); max-width:780px; } h2 { font-size:clamp(2rem,3vw,3.25rem); max-width:680px; } h3 { font-size:1.25rem; } .site-header { display:flex; justify-content:space-between; align-items:center; padding:22px clamp(20px,6vw,88px); border-bottom:1px solid var(--line); } .brand { color:var(--deep); text-decoration:none; font-size:1.35rem; font-weight:800; } .brand span { color:var(--aqua); } .header-link { color:var(--deep); font-weight:700; } .hero { padding:clamp(60px,9vw,140px) clamp(20px,6vw,88px); display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr); gap:60px; background:var(--deep); color:#fff; } .article-hero { padding-bottom:clamp(45px,7vw,90px); } .lede { max-width:650px; font-size:1.18rem; color:#d9e9e5; } .eyebrow,.card-label { letter-spacing:0; font-size:.75rem; font-weight:800; } .eyebrow { color:var(--aqua); } .hero .eyebrow { color:var(--sun); } .actions { display:flex; gap:12px; flex-wrap:wrap; margin:30px 0 20px; } .button { display:inline-block; padding:13px 18px; border:1px solid transparent; text-decoration:none; font-weight:800; } .primary { background:var(--sun); color:#20251d; } .quiet { border-color:#91b7b4; color:#fff; } .disclosure { max-width:600px; font-size:.85rem; color:#b9d2cc; } .issue-card { align-self:end; padding:28px; background:var(--mint); color:var(--deep); } .issue-card ul { list-style:none; padding:0; margin:20px 0 0; } .issue-card li { padding:13px 0; border-top:1px solid #a9d6cb; font-weight:700; } .issue-card span { color:var(--aqua); margin-right:10px; } .section,.split-section,.request { padding:clamp(55px,8vw,110px) clamp(20px,6vw,88px); } .service-grid,.guide-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:38px; } .service-grid article,.guide-grid article { padding:22px; background:#fff; border-top:5px solid var(--aqua); } .guide-grid { grid-template-columns:repeat(3,1fr); } .resource-links { margin-top:28px; font-weight:700; } .resource-links a,.service-grid a { color:var(--deep); } .article-body { max-width:860px; } .article-body h2 { margin-top:2.25rem; font-size:clamp(1.7rem,2.4vw,2.35rem); } .article-body p,.article-body li { max-width:760px; } .article-body .notice { padding:20px; background:var(--mint); border-left:5px solid var(--aqua); } .split-section { display:grid; grid-template-columns:1fr 1fr; gap:70px; background:var(--mint); } ol { margin:0; padding-left:22px; } li { margin-bottom:20px; } .request { display:grid; grid-template-columns:1fr 1fr; gap:55px; background:#f1dfbc; } .placeholder-form { padding:25px; background:#fff9ed; border:1px solid #dfc37f; } label { display:block; margin-bottom:14px; font-weight:700; } input,button { display:block; width:100%; margin-top:6px; padding:12px; border:1px solid var(--line); background:#e7ebe8; } button { border:0; background:#9da7a3; color:#fff; font-weight:800; } footer { display:flex; justify-content:space-between; gap:25px; padding:28px clamp(20px,6vw,88px); background:var(--deep); color:#bdd4cf; font-size:.85rem; } footer p { margin:0; max-width:530px; } @media (max-width:760px) { .hero,.split-section,.request { grid-template-columns:1fr; gap:34px; } .service-grid,.guide-grid { grid-template-columns:1fr 1fr; } footer { display:block; } footer p + p { margin-top:14px; } } @media (max-width:480px) { .site-header { align-items:flex-start; gap:14px; flex-direction:column; } .service-grid,.guide-grid { grid-template-columns:1fr; } }