/* Area guides share the homepage's type, colours and buttons. Content and
   navigation remain usable without JavaScript, including on small screens. */
.area-page .skip-link{position:absolute;left:20px;top:-80px;padding:12px 18px;background:#102b49;color:#fff;z-index:100;border-radius:8px}
.area-page .skip-link:focus{top:12px}
.area-page .site-header{height:auto;min-height:90px;padding-top:20px;padding-bottom:20px}
.area-page .site-header nav{display:flex;position:static;gap:24px}
.area-page .site-header .brand{min-width:0}
.area-page .site-header .brand img{width:260px}
.area-page .site-footer{padding-bottom:35px}
.area-page p{line-height:1.7;color:var(--ink-muted)}
.area-breadcrumb{gap:10px;flex-wrap:wrap;padding-top:30px;font-size:13px;color:var(--ink-muted)}
.area-breadcrumb a,.area-text-link,.area-other a,.area-related a{color:#087449;text-decoration:underline;text-underline-offset:4px}
.area-hero{max-width:870px;padding:48px 0 58px}
.area-hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1.1;letter-spacing:-2px;margin:0 0 24px}
.area-page .eyebrow{color:#087449;line-height:1.4}
.area-lede{font-size:21px;max-width:780px;margin-bottom:28px}
.area-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.area-text-link{font-size:15px;font-weight:650}
.area-coverage-note{font-size:14px;max-width:650px;margin:24px 0 0}
.area-section{padding:50px 0;border-top:1px solid var(--line)}
.area-section-head{max-width:760px;margin-bottom:30px}
.area-page h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-1px}
.area-page h3{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0 0 10px}
.area-grid,.area-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.area-card{display:block;border:1px solid var(--line);border-radius:18px;padding:27px;transition:border-color .15s,background .15s}
.area-card:hover{border-color:var(--green);background:#f6fbf8}
.area-card .eyebrow{display:block;margin-bottom:16px}
.area-card h3{margin-bottom:15px}
.area-card p{font-size:15px;margin-bottom:0}
.area-other{font-size:15px;margin:25px 0 0;max-width:760px}
.area-questions{list-style:none;padding:0;margin:0;counter-reset:area-step}
.area-questions li{padding:24px;border:1px solid var(--line);border-radius:18px;counter-increment:area-step}
.area-questions li:before{content:"0" counter(area-step);display:block;color:#087449;font-size:13px;font-weight:750;margin-bottom:18px}
.area-questions p{font-size:15px;margin-bottom:0}
.area-example{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;padding:34px;border-radius:22px;background:#f0f8f4;margin:8px 0 48px}
.area-example>div{align-self:center}
.area-example dl{background:#fff;border:1px solid #d8e8df;border-radius:16px;padding:24px;margin:0}
.area-example dl>div+div{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.area-example dt{font-size:11px;font-weight:750;letter-spacing:.7px;text-transform:uppercase;color:#087449;margin-bottom:5px}
.area-example dd{font-size:15px;line-height:1.6;margin:0}
.area-split{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.area-checklist{padding:0 0 0 23px;margin:0}
.area-checklist li{padding:0 0 20px 10px;line-height:1.7;color:var(--ink-muted)}
.area-checklist li::marker{color:#087449;font-weight:700}
.area-checklist strong{color:var(--navy)}
.area-boundary{border-left:3px solid var(--green);padding:10px 0 10px 25px;max-width:850px;margin:0 0 50px}
.area-boundary h2{font-size:26px}
.area-faq h2{margin-bottom:22px}
.area-faq details{border-bottom:1px solid var(--line);max-width:880px}
.area-faq summary{padding:20px 4px;font-size:17px;font-weight:650;line-height:1.5;cursor:pointer}
.area-faq details p{padding:0 4px;margin-top:0;max-width:780px}
.area-related{gap:22px;font-size:14px;flex-wrap:wrap;padding-bottom:40px}
.area-related span{font-weight:650}
.area-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:40px;background:#f0f8f4;border-radius:22px;margin:0 0 56px}
.area-cta .area-actions{flex-direction:column;align-items:stretch;gap:12px;text-align:center}
.area-cta .area-text-link{padding:10px 0}
.area-cta .area-terms{font-size:13px;margin-bottom:0}
.guide-contents{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-size:14px}
.guide-contents a,.guide-answers a{color:#087449;text-decoration:underline;text-underline-offset:4px}
.guide-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.guide-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.65}
.guide-table caption{text-align:left;padding:20px;background:#f0f8f4;font-weight:650}
.guide-table th,.guide-table td{padding:20px;text-align:left;vertical-align:top;border-top:1px solid var(--line);min-width:150px}
.guide-table th{color:var(--navy)}
.guide-table td{color:var(--ink-muted)}
.guide-answers{max-width:880px}
.guide-answers article{padding:18px 0;border-bottom:1px solid var(--line)}
.guide-answers article p{margin-bottom:8px}
.guide-page :target{scroll-margin-top:25px}
@media(max-width:900px){.area-page .site-header{gap:20px;flex-wrap:wrap}.area-page .site-header nav{gap:20px}.area-grid,.area-questions{grid-template-columns:1fr}.area-card{padding:24px}.area-example,.area-split,.area-cta{grid-template-columns:1fr;gap:24px}.area-section-head{margin-bottom:24px}.area-cta .area-actions{max-width:420px;width:100%}.area-example>div>p:last-child{margin-bottom:0}}
@media(max-width:700px){.area-page .site-header{padding:20px;gap:20px}.area-page .site-header nav{width:100%;padding:0;box-shadow:none;border:0;gap:12px;justify-content:space-between;align-items:center;font-size:13px}.area-page .site-header nav a{padding:8px 0}.area-page .site-header nav .button{font-size:12px;padding:9px 13px;min-height:40px}.area-breadcrumb{padding-top:23px;font-size:12px}.area-hero{padding:34px 0 40px}.area-hero h1{letter-spacing:-1.4px}.area-lede{font-size:18px}.area-hero .area-actions{align-items:stretch;flex-direction:column;gap:19px}.area-hero .area-text-link{text-align:center}.area-section{padding:35px 0}.area-example{padding:24px 20px;margin-bottom:34px;border-radius:17px}.area-example dl{padding:20px}.area-boundary{margin-bottom:35px;padding-left:20px}.area-boundary h2{font-size:24px}.area-faq summary{font-size:16px}.area-related{gap:16px}.area-related span{flex-basis:100%}.area-cta{padding:28px 22px;margin-bottom:38px}.area-page .site-footer nav{gap:18px;line-height:1.8}}

.guide-swipe{display:none}
@media(max-width:700px){.guide-swipe{display:block;font-size:13px;margin-bottom:12px}}