@font-face{font-family:SourceSans;src:url("../fonts/SourceSans3VF.woff2") format("woff2");font-weight:200 900;font-display:swap}
:root{--ink:#142b35;--paper:#fbf8ef;--white:#fffef9;--lime:#c6e88d;--green:#245c48;--muted:#405563;--line:#becdbf;--soft:#eaf0e3;--focus:#165ac4;--radius:16px}
*{box-sizing:border-box}html{font-size:20px;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 SourceSans,Arial,sans-serif}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}a{color:var(--green);text-underline-offset:.18em;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:3px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}h1,h2,h3,p,ul,ol,blockquote,figure{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2rem,5.1vw,3.5rem);font-weight:700;max-width:19ch;margin-bottom:.5em}h2{font-size:clamp(1.45rem,3vw,1.9rem);margin-bottom:.65em}h3{font-size:1.22rem;margin-bottom:.45em}p{margin-bottom:1.05em}li+li{margin-top:.45em}strong{font-weight:650}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.prose{max-width:60ch}.skip{position:absolute;left:20px;top:-100px;padding:12px 18px;background:var(--white);z-index:10}.skip:focus{top:12px}.preview{background:var(--soft);border-bottom:1px solid var(--line);font-size:.85rem;padding:8px 0}.preview .wrap{display:flex;gap:6px 18px;justify-content:space-between;flex-wrap:wrap}.preview strong{font-weight:650}.site-head{background:var(--ink);color:var(--white)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--white);text-decoration:none;font-size:1.25rem;font-weight:650;white-space:nowrap}.brand img{width:42px;height:42px;padding:4px;border-radius:8px;background:var(--paper)}.primary-nav{display:flex;gap:8px;list-style:none;margin:0;padding:0}.primary-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px 14px;border-radius:7px;color:var(--white);font-size:.9rem;text-align:center;text-decoration:none}.primary-nav a:hover{background:#29424b;text-decoration:underline}.primary-nav a[aria-current=page]{background:var(--lime);color:var(--ink);font-weight:650}.site-head :focus-visible{outline-color:var(--lime)}main{padding-block:48px 64px;min-height:65vh}.eyebrow{display:block;font-size:.9rem;color:var(--green);font-weight:650;margin-bottom:12px}.intro{font-size:1.15rem;line-height:1.55;max-width:55ch}.hero{padding-block:8px 34px;border-bottom:1px solid var(--line)}.hero .intro{margin-bottom:1em}.actions{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin:28px 0 20px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:12px 21px;background:var(--ink);border:2px solid var(--ink);border-radius:8px;color:var(--white);font-weight:650;font-size:1rem;line-height:1.3;text-decoration:none;text-align:center}.btn:hover{background:#274750;border-color:#274750;text-decoration:none}.btn.secondary{background:var(--white);color:var(--ink);border-color:#8caaa0}.btn.secondary:hover{background:var(--soft)}.quiet-link{display:inline-flex;align-items:center;min-height:48px;padding-block:8px;font-weight:600}.welcome-note{display:flex;align-items:center;gap:18px;max-width:60ch;margin-top:28px;background:var(--soft);padding:18px 22px;border-radius:12px}.welcome-note img{width:58px;flex:0 0 58px}.welcome-note p{margin:0;font-size:.95rem}.section{margin-top:44px}.section-title{max-width:60ch}.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.step-card{display:flex;gap:18px;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink)}.step-card:hover{border-color:var(--green);box-shadow:0 4px 0 #d8e4cd}.step-card h3{text-decoration:underline;text-underline-offset:5px}.step-card p{margin:0;font-size:.95rem}.step-number{display:flex;align-items:center;justify-content:center;align-self:flex-start;flex:0 0 42px;min-height:42px;border-radius:50%;background:var(--lime);font-size:1.1rem;font-weight:700}.route-note{color:var(--muted);font-size:.95rem}.step-progress{margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none}.step-progress li{margin:0}.step-progress a{display:flex;gap:8px;align-items:flex-start;min-height:56px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:.85rem;line-height:1.3;text-decoration:none;background:var(--white);color:var(--ink)}.step-progress a[aria-current=step]{border:2px solid var(--green);background:var(--soft);font-weight:650}.step-progress .number{font-weight:700}.lesson-head{margin-bottom:32px}.lesson-head h1{max-width:24ch}.lesson-section{max-width:60ch;margin-top:34px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;max-width:60ch}.panel p:last-child,.panel ul:last-child,.panel ol:last-child{margin-bottom:0}.plain-list{padding-left:1.2em}.example-row{padding:20px 0;border-bottom:1px solid var(--line)}.example-row:last-child{border-bottom:0;padding-bottom:0}.example-row h3{margin-bottom:.35em}.example-row p{margin-bottom:0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;max-width:60ch}.tool-card{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.tool-card h3{font-size:1.35rem;margin-bottom:.15em}.tool-maker{font-size:.95rem;color:var(--muted);margin-bottom:12px}.tool-card p:last-child{margin-bottom:0}.callout{border-left:5px solid var(--green);background:var(--soft);padding:20px 24px;max-width:60ch;border-radius:0 10px 10px 0}.callout p:last-child{margin-bottom:0}.details{margin-top:28px;max-width:60ch;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:0 22px}.details summary{min-height:56px;padding:15px 0;font-weight:650;cursor:pointer;line-height:1.4}.details .details-body{padding:4px 0 18px}.details .details-body>:last-child{margin-bottom:0}.sources{font-size:.9rem;color:var(--muted);margin-top:36px}.sources summary{font-size:.95rem;color:var(--ink)}.sources li+li{margin-top:12px}.sources a{display:inline-block;padding:3px 0}.label{display:inline-block;background:var(--soft);padding:4px 10px;border-radius:6px;color:var(--green);font-weight:650;font-size:.85rem;margin-bottom:14px}.prepared{border:2px solid #789b75;border-radius:var(--radius);background:var(--white);padding:26px 28px;margin:24px 0;max-width:60ch}.prepared blockquote{margin:0;padding:0;font-size:1.1rem;line-height:1.65}.prepared h3{font-size:1.1rem}.fictional-notes{margin-top:18px}.fictional-notes li{padding-left:4px}.prompt-text{padding:18px 20px;background:var(--soft);border-radius:10px;margin-bottom:0}.checks{border:0;padding:0;margin:0;max-width:60ch;min-width:0}.checks legend{font-size:1.45rem;line-height:1.25;font-weight:650;margin-bottom:12px}.checkline{display:flex;align-items:flex-start;gap:16px;padding:15px 18px;margin-top:12px;min-height:58px;background:var(--white);border:1px solid var(--line);border-radius:10px;cursor:pointer}.checkline input{width:25px;height:25px;flex:0 0 25px;margin:5px 0 0;accent-color:var(--green)}.status{font-size:.95rem;color:var(--muted);min-height:1.7em;margin:15px 0}.wrong-example{border-left:4px solid #836528;padding:15px 20px;background:#fbf1d9}.wrong-example p:last-child{margin-bottom:0}.explanation{padding:18px 20px;background:var(--soft);border-radius:10px;margin-top:18px}.explanation p:last-child{margin-bottom:0}.link-list{list-style:none;padding:0;margin-bottom:0}.link-list li{margin:0}.link-list a{display:block;min-height:48px;padding:14px 0;border-bottom:1px solid var(--line);font-weight:600}.link-list li:last-child a{border-bottom:0}.route-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:48px;padding-top:26px}.route-nav .next{justify-self:end}.route-nav .home{justify-self:center;min-height:48px;display:flex;align-items:center;padding:8px}.route-nav .btn{font-size:.95rem}.site-foot{background:var(--soft);border-top:1px solid var(--line);padding-block:28px 36px;font-size:.85rem}.footer-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.site-foot p{margin-bottom:10px}.footer-links{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:flex-end}.footer-links a{display:inline-flex;align-items:center;min-height:48px}.site-foot .fine{color:var(--muted);font-size:.8rem;max-width:64ch}[hidden]{display:none!important}
.primary-nav li{margin:0;display:flex}.primary-nav a{width:100%;height:100%}.brand{min-height:48px}.preview a{display:inline-flex;align-items:center;min-height:48px}.sources a{min-height:48px;padding-block:10px}
@media(max-width:850px){.header-inner{flex-direction:column;align-items:flex-start;gap:14px}.header-inner>nav{width:100%;min-width:0}.primary-nav{width:100%}.primary-nav li{flex:1;min-width:0}.primary-nav a{width:100%;border:1px solid #537077}.step-progress{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}main{padding-block:30px 42px}.header-inner{padding-block:16px}.brand{font-size:1.16rem}.primary-nav{gap:6px}.primary-nav a{font-size:.85rem;padding:8px 7px;line-height:1.2}.preview{font-size:.8rem}.preview .wrap{gap:2px 12px}.steps-grid,.tool-grid{grid-template-columns:1fr}.step-card{padding:20px;gap:14px}.welcome-note{align-items:flex-start;padding:18px;gap:14px}.welcome-note img{width:45px;flex-basis:45px}.panel,.prepared{padding:22px 20px}.details{padding-inline:18px}.actions{align-items:flex-start;flex-direction:column;gap:8px}.actions .btn{width:100%}.step-progress{gap:8px;margin-bottom:25px}.step-progress a{font-size:.8rem;padding:10px;min-height:60px}.route-nav{grid-template-columns:1fr 1fr;gap:12px}.route-nav .home{grid-column:1/-1;grid-row:2}.route-nav .next{justify-self:stretch}.route-nav .btn{width:100%;font-size:.9rem;padding:12px 11px}.route-nav>:first-child{justify-self:stretch}.intro{font-size:1.1rem}.checks legend{font-size:1.35rem}.checkline{padding:14px;gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Homepage choices follow the learning order at every width. */
.home-start-actions{display:grid;align-items:stretch;gap:12px;max-width:28rem}
.home-start-actions .btn{justify-content:flex-start;width:100%;text-align:left}