:root{--paper:#f6f3eb;--ink:#173f36;--muted:#53665e;--line:#d6dbcf;--accent:#edbf65;--sage:#cbd8c9;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,.button{background:var(--ink);color:var(--white);border:1px solid var(--ink);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:24px;padding:14px 22px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#285b4e}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{color:var(--ink);border-color:var(--line);background:0 0}:focus-visible{outline-offset:5px;outline:3px solid #986500}header,main,footer{max-width:1240px;margin:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:27px 40px;display:flex}header nav{align-items:center;gap:30px;font-size:14px;display:flex}header nav a{text-decoration:none}.brand{letter-spacing:-1.8px;font-size:29px;font-weight:750;line-height:1;text-decoration:none}.brand>span{letter-spacing:-.5px;margin-left:4px;font-size:17px}.brand small{letter-spacing:2px;margin-top:10px;font-size:8px;font-weight:600;display:block}.small{padding:12px 15px;font-size:13px}.skip{z-index:100;background:var(--white);padding:10px;position:fixed;top:-100px;left:15px}.skip:focus{top:10px}main>section{margin:0 40px;padding:72px 0}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-2px;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.08}h1{margin-bottom:26px;font-size:clamp(42px,4.8vw,68px)}h1 em,h2 em{color:#587867;font-weight:400}h2{margin-bottom:23px;font-size:42px}h3{letter-spacing:-.5px;font-size:22px;line-height:1.3}.eyebrow{letter-spacing:1.7px;margin-bottom:20px;font-size:11px;font-weight:700;line-height:1.5}.lead{max-width:610px;font-size:21px;line-height:1.55}.intro{color:var(--muted);max-width:470px}.fine{color:var(--muted);font-size:12px;line-height:1.7}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;padding-top:80px;padding-bottom:78px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:20px;margin:30px 0 18px;display:flex}.actions>a:not(.button){font-size:13px}.hero-art{background:var(--sage);border-radius:50% 50% 5px 5px;min-height:460px;padding:52px 38px 40px;position:relative}.paper{background:var(--white);border:1px solid #e4e5da;padding:30px 29px;transform:rotate(-5deg);box-shadow:0 10px 30px #173f3612}.paper h2{font-size:52px}.paper h2 em{color:var(--ink)}.paper-row{border-top:1px solid var(--line);align-items:center;gap:15px;padding:12px 0;font-size:12px;display:flex}.paper-row span{color:var(--muted);font-size:10px}.paper-row b{margin-left:auto}.sticker{background:var(--accent);text-align:center;border-radius:50%;place-content:center;width:112px;height:112px;font-family:Georgia,serif;font-size:21px;line-height:1.1;display:grid;position:absolute;bottom:38px;right:8px;transform:rotate(12deg)}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;padding:23px 0;font-size:13px;display:flex}.strip span:before{content:"✳";margin-right:12px}.section-head{justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px;display:flex}.section-head h2{margin-bottom:0}.section-head>p{max-width:360px;color:var(--muted);margin:0;font-size:14px}.section-head>a{font-size:14px}.field{background:var(--ink);color:var(--white);border-radius:8px;grid-template-columns:1.2fr 1fr;text-decoration:none;display:grid;overflow:hidden}.field>div{padding:44px}.field h3{letter-spacing:-1px;margin:25px 0 20px;font:38px/1.15 Georgia,serif}.field p{color:#d9e4d8;max-width:470px;font-size:15px}.pill{letter-spacing:1.4px;background:#ffffff15;border-radius:20px;padding:8px 12px;font-size:10px}.text-link{margin-top:25px;font-size:14px;font-weight:600;display:block}.field-graphic{background:#245044;flex-direction:column;justify-content:center;align-items:center;display:flex}.field-graphic>span{letter-spacing:2px;font-size:10px}.field-graphic>div{align-items:end;gap:14px;height:130px;margin:25px;display:flex}.field-graphic i{background:#cbd8c9;width:35px;height:60%;display:block}.field-graphic i:nth-child(2){height:80%}.field-graphic i:nth-child(3){background:var(--accent);height:65%}.field-graphic i:nth-child(4){height:90%}.field-graphic i:nth-child(5){background:var(--accent);height:100%}.field-graphic strong{text-align:center;font:29px/1.15 Georgia,serif}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.lesson-card{background:var(--white);border:1px solid var(--line);border-radius:7px;text-decoration:none;transition:transform .18s;overflow:hidden}.lesson-card:hover{transform:translateY(-4px)}.card-art{background:var(--sage);height:180px;padding:23px;overflow:hidden}.card-art>span{letter-spacing:1.5px;font-size:9px}.card-art>strong{letter-spacing:-1px;margin-top:22px;font:32px Georgia,serif;display:block}.art-1{background:#e9cb8e}.art-2{background:#d7dfdd}.art-lines{margin-top:16px}.art-lines i{opacity:.16;background:currentColor;width:70%;height:5px;margin:8px 0;display:block}.art-lines i:nth-child(2){width:90%}.art-lines i:nth-child(3){width:50%}.card-body{padding:25px}.card-body .eyebrow{letter-spacing:1px;font-size:9px}.card-body h3{font-size:21px}.card-body p:not(.eyebrow){color:var(--muted);font-size:14px}.card-body .text-link{border-top:1px solid var(--line);justify-content:space-between;padding-top:15px;display:flex}.split{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:75px;display:grid}.split p{color:var(--muted);max-width:480px}.quote{background:#e8e8df;align-self:center;padding:40px;font:27px/1.45 Georgia,serif}.quote small{color:var(--muted);margin-top:24px;font:12px/1.6 system-ui;display:block}main>section.newsletter{background:var(--ink);color:var(--white);text-align:center;border-radius:8px;margin:0 40px 70px;padding:55px}.newsletter p{max-width:550px;margin-left:auto;margin-right:auto}.newsletter .fine{color:#d2e1d5;margin-top:18px}.light{background:var(--accent);color:var(--ink)}footer{border-top:1px solid var(--line);justify-content:space-between;gap:35px;padding:48px 40px;display:flex}footer p{margin-top:16px;font-size:13px}footer nav{flex-direction:column;gap:6px;font-size:13px;display:flex}footer .fine{margin-top:0}.page-intro{max-width:920px}.page-intro h1{max-width:850px}.page-intro h2{margin-top:45px}.narrow{max-width:740px;margin-left:auto!important;margin-right:auto!important}.three{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.three h2{letter-spacing:-1px;font-size:29px}.three p{color:var(--muted);font-size:14px}.number{background:var(--sage);border-radius:50%;place-content:center;width:36px;height:36px;margin-bottom:22px;font-size:12px;display:grid}main>section.notice{background:#e9e8df;border-left:3px solid #73927b;padding:25px 30px}.notice p{margin:10px 0 0;font-size:14px}.lesson-head{max-width:880px}.lesson-head>a{margin-bottom:35px;font-size:13px;display:inline-block}.lesson-head h1{font-size:56px}.lesson-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:65px;margin:0 40px 70px;display:grid}.lesson-layout aside{background:#eeeee5;border-radius:6px;padding:25px;font-size:13px;position:sticky;top:24px}.lesson-layout aside nav{flex-direction:column;gap:13px;display:flex}.lesson-layout aside nav a{text-decoration:none}.lesson-layout aside .fine{margin-top:25px}.lesson-layout aside button{padding:9px;font-size:12px}.lesson{max-width:760px}.lesson>section{border-top:1px solid var(--line);padding:30px 0}.lesson h2{letter-spacing:-1px;font-size:32px}.lesson .step>p{color:var(--muted)}.prompt{background:#e7ece4;border-radius:5px;margin:25px 0;padding:22px}.prompt>div{justify-content:space-between;align-items:center;gap:15px;font-size:13px;display:flex}.prompt button,[data-copy]{padding:8px 12px;font-size:12px}.prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 system-ui}.prompt .fine{margin-bottom:0}.done{align-items:center;gap:10px;margin-top:25px;font-size:13px;font-weight:600;display:flex}.done input{width:18px;height:18px;accent-color:var(--ink)}.download{background:#e6eadf;border-radius:5px;padding:12px 16px;font-size:14px;display:inline-block}.evidence{background:#e7e6dc;border:0!important;padding:28px!important}.evidence>p:not(.fine):not(.eyebrow){font:21px/1.5 Georgia,serif}.tool{background:var(--white);border:1px solid var(--line);border-radius:8px;margin-bottom:70px!important;padding:35px!important}form>label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}input:not([type=checkbox]),select{width:100%;min-height:48px;color:var(--ink);background:var(--white);border:1px solid #a4b1a3;border-radius:4px;margin-bottom:25px;padding:10px 12px}input:disabled{background:#efefea}#gap-output{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}#gap-text{white-space:pre-wrap;overflow-wrap:anywhere}#knowledge-check button{margin-bottom:15px}details{margin:20px 0;font-size:14px}summary{cursor:pointer;font-weight:600}details p{margin-top:12px}#status{background:var(--ink);color:#fff;z-index:5;border-radius:5px;max-width:90%;padding:12px 22px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#status:empty{display:none}main:focus{outline:none}li{margin-bottom:12px}section[id]{scroll-margin-top:25px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lesson-card{transition:none}}@media (max-width:950px){header{padding:24px}header nav{gap:18px;font-size:12px}.hero{gap:30px}.hero-art{min-height:auto;padding:35px 22px}.paper{padding:25px 20px}.paper h2{font-size:42px}.paper-row{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{gap:35px}.lesson-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.field>div{padding:30px}.three{gap:25px}footer{flex-wrap:wrap}.narrow{margin-left:30px!important;margin-right:30px!important}.hero h1{font-size:47px}.hero .lead{font-size:19px}}@media (max-width:650px){header{align-items:start;gap:10px;padding:20px}.brand{font-size:26px}header nav{flex-wrap:wrap;justify-content:end;gap:12px;max-width:230px}header nav .button{padding:8px 10px;font-size:10px}main>section{margin:0 22px;padding:45px 0}.hero{grid-template-columns:1fr;gap:28px;padding-top:45px}.hero h1{font-size:46px}.hero-art{width:100%;max-width:410px;margin:auto;padding:30px 35px}.paper h2{font-size:42px}.paper-row{font-size:12px}.sticker{width:90px;height:90px;font-size:18px}.strip{grid-template-columns:1fr 1fr;gap:17px;padding:20px 0;font-size:11px;display:grid}.strip span:before{margin-right:7px}.section-head{display:block}.section-head p,.section-head>a{margin-top:18px;display:block}h2{font-size:34px}.field,.split,.three{grid-template-columns:1fr}.field-graphic{display:none}.field h3{font-size:34px}.cards{grid-template-columns:1fr;gap:20px}.card-art{height:160px}.split{gap:25px}.quote{padding:28px;font-size:24px}main>section.newsletter{margin:0 22px 40px;padding:35px 25px}.newsletter h2{font-size:34px}footer{gap:24px;padding:30px 22px}footer .fine{width:100%}.page-intro h1{font-size:43px}.lead{font-size:19px}.three{gap:20px}.three article{border-bottom:1px solid var(--line);padding-bottom:15px}.lesson-head h1{font-size:40px}.lesson-layout{margin:0 22px 40px;display:block}.lesson-layout aside{margin-bottom:30px;position:static}.lesson-layout aside nav{grid-template-columns:1fr 1fr;gap:12px;font-size:12px;display:grid}.lesson h2{font-size:29px}.narrow{margin-left:22px!important;margin-right:22px!important}.tool{padding:25px!important}.actions{gap:16px}.actions .button{width:100%}.prompt{padding:16px}.prompt>div{gap:8px}.prompt button{white-space:nowrap}.hero .fine{font-size:11px}}header .brand{letter-spacing:-1px;flex-shrink:0;font-size:26px}header nav{flex-wrap:wrap;justify-content:flex-end}@media (max-width:650px){header{flex-direction:column;gap:20px}header nav{justify-content:flex-start;width:100%;max-width:none}header .brand{font-size:27px}}.button.light:hover{color:var(--ink);background:#e5b354}.inline-status{background:var(--ink);color:var(--white);overflow-wrap:anywhere;border-radius:5px;margin:18px 0 0;padding:12px 16px;font-size:14px}.inline-status:empty{margin:0;padding:0}.code-sample{white-space:pre-wrap;overflow-wrap:anywhere;background:#e7ece4;border-radius:5px;max-width:100%;padding:18px;font:13px/1.7 ui-monospace,monospace}.course-list{counter-reset:lessons;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.course-list li{min-width:0;margin:0}.course-list a{background:var(--white);border:1px solid var(--line);border-radius:7px;height:100%;padding:26px;text-decoration:none;display:block}.course-list a:hover{border-color:var(--ink)}.course-list .eyebrow{margin-bottom:14px;display:block}.course-list p{color:var(--muted);font-size:15px}.course-list .text-link{margin-top:18px}.course-callout{background:#e7ece4;border-radius:7px;padding:30px}.course-callout p{max-width:740px}main>section.course-callout{margin-bottom:24px;padding:38px}.course-glossary div{border-top:1px solid var(--line);padding:16px 0}.course-glossary dt{font-weight:700}.course-glossary dd{color:var(--muted);margin:6px 0 0}.course-navigation{align-items:flex-start}.step-copy li{margin-bottom:10px}@media (max-width:650px){.course-list{grid-template-columns:1fr}.course-list a{padding:22px}.course-callout,main>section.course-callout{padding:24px}.course-navigation .button{width:100%}}
