/* Division content; the brand, Index and appearance controls use shared files. */
:root { color-scheme:dark; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; color:#edf2e9; background:#152227; }
* { box-sizing:border-box; }
body { margin:0; background:#152227; color:#edf2e9; font-size:16px; line-height:1.65; }
a { color:#c8e6a0; text-underline-offset:4px; }
a:hover { text-decoration-thickness:2px; }
a:focus-visible { outline:3px solid #e5ce8e; outline-offset:5px; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:Georgia,"Times New Roman",serif; font-weight:500; line-height:1.15; }
h1 { max-width:20ch; font-size:clamp(2.6rem,5.4vw,5.5rem); letter-spacing:-.035em; }
h2 { font-size:clamp(1.8rem,3vw,2.6rem); letter-spacing:-.02em; }
h3 { font-size:1.8rem; }
p { max-width:65ch; }
p + p { margin-top:16px; }
.skip-link { position:absolute; left:16px; top:-100px; z-index:2000; padding:10px 16px; background:#c8e6a0; color:#152227; }
.skip-link:focus { top:8px; }
main { min-height:60vh; padding-bottom:80px; }
.intro { padding-block:76px 52px; }
.eyebrow { margin-bottom:18px; color:#b3c4b8; font-size:14px; font-weight:600; letter-spacing:.04em; }
.lead { margin-top:26px; max-width:53ch; color:#b3c4b8; font-size:clamp(1.15rem,2vw,1.4rem); line-height:1.6; }
.intro-note { margin-top:22px; color:#b3c4b8; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:12px 20px; background:#c8e6a0; color:#152227; border:1px solid #c8e6a0; border-radius:6px; font-weight:650; text-decoration:none; line-height:1.5; }
.intro > .button { margin-top:30px; }
.section { padding-block:28px; }
.section-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:12px 24px; margin-bottom:26px; }
.section-heading p { color:#b3c4b8; font-size:15px; }
.tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.tool-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:28px; border:1px solid #34494a; background:#1c2d31; border-radius:8px; }
.tool-card p { margin-top:16px; color:#b3c4b8; }
.tool-card a { margin-top:auto; padding-top:24px; font-size:15px; font-weight:600; }
.next-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:40px; padding:38px; border-top:1px solid #34494a; background:#1c2d31; border-radius:8px; }
.next-panel > div > p:not(.eyebrow) { color:#b3c4b8; }
.text-link { display:inline-block; margin-top:22px; font-weight:600; }
.roadmap-section { padding-top:0; }
.roadmap { max-width:1000px; list-style:none; padding:0; margin:0; counter-reset:steps; }
.roadmap li { display:grid; grid-template-columns:48px minmax(0,1fr); gap:24px; padding:30px 0; border-top:1px solid #34494a; counter-increment:steps; }
.roadmap li::before { content:counter(steps,decimal-leading-zero); color:#c8e6a0; font-size:18px; font-weight:600; padding-top:3px; }
.roadmap h2 { font-size:clamp(1.5rem,3vw,2rem); }
.roadmap p { margin-top:14px; color:#b3c4b8; }
.roadmap-end { margin-top:28px; }
.contact-panel { max-width:800px; padding:38px; border:1px solid #34494a; border-radius:8px; background:#1c2d31; }
.email-link { display:inline-block; max-width:100%; margin-block:18px 24px; font-size:clamp(1.2rem,3vw,1.8rem); overflow-wrap:anywhere; }
.contact-panel p { color:#b3c4b8; }
.page-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:30px; }
.page-actions .text-link { margin:0; }
.site-footer { padding-block:30px; border-top:1px solid #34494a; color:#b3c4b8; font-size:14px; }
.footer-main { display:flex; align-items:center; flex-wrap:wrap; gap:12px 28px; margin-bottom:12px; }
.site-footer a { color:#b3c4b8; }
.site-footer nav { display:flex; flex-wrap:wrap; gap:4px 24px; }
.site-footer nav a { display:inline-flex; align-items:center; min-height:44px; }
.footer-bottom { margin-top:22px; font-size:13px; }
@media (max-width:1000px) { .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:650px) {
  .intro { padding-block:46px 30px; }
  main { padding-bottom:48px; }
  .section { padding-block:22px; }
  .section-heading { margin-bottom:20px; }
  .tool-grid,.next-panel { grid-template-columns:minmax(0,1fr); }
  .tool-grid { gap:14px; }
  .tool-card,.next-panel,.contact-panel { padding:24px; }
  .next-panel { gap:22px; }
  .roadmap li { grid-template-columns:32px minmax(0,1fr); gap:14px; padding-block:24px; }
  .roadmap-section { padding-top:0; }
}
@media print { body { font-size:12pt; } main { padding-bottom:20px; } .tool-grid { grid-template-columns:1fr 1fr; } .tool-card,.roadmap li { break-inside:avoid; } }