:root {
 color-scheme:light;
 --bg:#faf9f6; --surface:#ffffff; --raised:#eff4f8;
 --text:#223344; --muted:#526371; --accent:#285e89;
 --line:#d8e0e3; --control:#6b7e88; --focus:#1967a5;
 --warning:#75521f; --error:#a13625;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 font-size:16px;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--accent)}p{color:var(--muted);margin:0 0 1rem}h1,h2,h3{line-height:1.2;font-weight:600;margin:0 0 1rem;text-wrap:balance}h1{font-size:clamp(2.3rem,5vw,3.8rem);letter-spacing:-.045em}h2{font-size:1.85rem;letter-spacing:-.025em}h3{font-size:1.2rem;letter-spacing:-.01em}code{font-size:.9em;overflow-wrap:anywhere}main,header,footer{max-width:1120px;margin:auto;padding-inline:40px}header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{font-size:1.4rem;font-weight:650;letter-spacing:-.055em;text-decoration:none;color:var(--text)}.brand span{color:var(--accent)}nav{display:flex;gap:28px;flex-wrap:wrap}nav a{font-size:.95rem;text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current=page]{border-bottom-color:var(--accent);color:var(--text)}.skiplink{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:#ffffff;padding:12px 20px;font-weight:600;border-radius:4px}.skiplink:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:5px}h2:focus,h3:focus{outline:0}h2:focus-visible,h3:focus-visible{outline:3px solid var(--focus);outline-offset:6px}section[id],div[id=practice]{scroll-margin-top:28px}.eyebrow,.previewlabel,.mailcaption{font-size:.86rem;font-weight:500;color:var(--muted);margin-bottom:16px;line-height:1.5}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:76px;align-items:center;padding:76px 0 80px}.intro>p:not(.eyebrow){font-size:1.05rem;max-width:460px;line-height:1.75;margin:24px 0 28px}.heroactions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:46px;border:1px solid var(--accent);border-radius:4px;padding:11px 20px;background:var(--accent);color:#ffffff;font-size:.95rem;font-weight:600;text-decoration:none;line-height:1.5}.button:hover{background:#1f4c70;border-color:#1f4c70;color:#ffffff}.button:disabled{background:#e1e9ec;color:#425360;border-color:#8da0ac}.textlink,.inline-link{font-size:.95rem;text-decoration:underline}.textlink{line-height:1.7}.mailpreview{border:1px solid var(--line);padding:30px;background:var(--surface);border-radius:5px}.mailpreview h2{font-size:1.35rem;line-height:1.4}.mailpreview>p{font-size:.98rem}.mailpreview details{border-top:1px solid var(--line);margin-top:24px}.mailpreview summary{font-size:.92rem}.mailpreview details p{font-size:.92rem}.section{padding:56px 0;border-top:1px solid var(--line)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.sectionhead .eyebrow{margin-bottom:10px}.sectionhead h2{margin-bottom:0}.sectionhead>p{font-size:.95rem;max-width:360px;margin:0}.checkergrid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:26px}.labelrow{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.95rem;margin-bottom:14px}label{font-weight:600}.plain{background:none;border:0;padding:5px 1px;min-height:32px;color:var(--text);font-size:.9rem;text-decoration:underline;text-underline-offset:4px}.plain:hover{color:var(--accent)}textarea,input[type=text]{background:var(--bg);color:var(--text);border:1px solid var(--control);border-radius:4px;padding:15px;min-width:0;font-size:1rem;line-height:1.65}textarea{width:100%;min-height:180px;resize:vertical}textarea::placeholder,input::placeholder{color:#627383;opacity:1}.samples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--muted);margin:16px 0}.samples button{border:1px solid var(--control);background:transparent;border-radius:4px;min-height:36px;padding:5px 10px;color:var(--text);font-size:.85rem}.samples button:hover{background:var(--raised)}.full{width:100%}.footnote,.disclaimer,.sourcecaption{font-size:.85rem;line-height:1.7;color:var(--muted)}.footnote{margin:14px 0 0}.disclaimer{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.result{display:flex;flex-direction:column;justify-content:center;background:transparent}.result h3{font-size:1.3rem}.result p{font-size:.95rem}.badge{font-size:.9rem;color:var(--accent);font-weight:600;margin-bottom:16px}.signal{border-top:1px solid var(--line);padding:16px 0}.signal b{font-size:.98rem}.signal p{font-size:.9rem;margin:8px 0 0}.resulticon{font-size:1.5rem;margin-bottom:20px;color:var(--accent)}.labsummary{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.86rem;margin:25px 0 20px}.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.topic{text-align:left;display:flex;flex-direction:column;gap:12px;border:1px solid var(--control);border-radius:4px;background:transparent;color:var(--text);padding:18px;min-width:0}.topic.active{background:#eaf2fa;border:2px solid var(--accent);padding:17px}.topic:hover{background:var(--raised)}.topic strong{font-size:.97rem;line-height:1.5}.topicdesc{font-size:.88rem;color:var(--muted);line-height:1.6;flex:1}.topicstatus{font-size:.82rem;color:var(--accent)}.topicicon{display:none}.quiz{background:var(--surface)}.questionprogress{height:4px;background:#c1cfda;margin:22px 0;border-radius:0;overflow:hidden}.questionprogress span{display:block;height:100%;background:var(--accent)}.questioncount{font-size:.85rem;color:var(--muted);margin:18px 0}.quiz h3{font-size:1.5rem;line-height:1.4}blockquote{margin:24px 0;padding:20px 22px;border-left:2px solid var(--accent);background:#eef4f9;color:#253e50;line-height:1.8;font-size:1rem}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answers button{text-align:left;line-height:1.6;padding:14px 16px;background:transparent;color:var(--text);border:1px solid var(--control);border-radius:4px;font-size:.95rem;min-height:48px}.answers button:hover:not(:disabled){background:#edf3f8}.answers button.correct{border:2px solid var(--accent);padding:13px 15px;background:#e9f5ec;color:#23513b}.answers button.incorrect{background:#fff0e8;border-color:#b45739;color:#803a23}.answers button:disabled{opacity:1}.feedback{padding:20px;border:1px solid var(--control);border-radius:4px;margin-top:22px;color:#244c32;font-size:.95rem;line-height:1.8;background:#edf7ed}.feedback.review{background:#fff4df;color:#6e491c;border-color:#9a6e35}#634e12ck:empty{display:none}.quizactions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}.guidegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:30px}.guidegrid article{border-top:1px solid var(--line);padding-top:20px}.guidegrid span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:12px}.guidegrid h3{font-size:1.15rem}.guidegrid p{font-size:.95rem}.resources{font-size:.85rem;line-height:1.9;color:var(--muted);margin-top:24px}.resources a{display:inline;word-break:normal}.lessonintro{padding:64px 0 42px;max-width:850px}.lessonintro h1{font-size:clamp(2.1rem,4.6vw,3rem);margin-bottom:22px}.lessonintro>p{max-width:720px;font-size:1.05rem}.lessonmeta{display:flex;flex-wrap:wrap;gap:15px;color:var(--muted);font-size:.88rem!important;margin-top:24px}.lessonmeta span{display:inline}.lessonlayout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:62px;border-top:1px solid var(--line);padding:40px 0 65px}.lessonnav{position:sticky;top:25px;align-self:start}.lessonnav>.eyebrow{margin-bottom:18px}.lessonnav>a{display:flex;gap:12px;align-items:start;color:var(--muted);text-decoration:none;font-size:.9rem;padding:10px 0;line-height:1.65}.lessonnav>a:hover{text-decoration:underline;color:var(--text)}.lessonnav>a>span{color:var(--muted);font-size:.8rem;padding-top:2px}.lessonnav>a.lessonquiz{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--text);text-decoration:underline}.lesson{margin-bottom:56px}.lesson h2{font-size:1.65rem}.lesson>p{font-size:1rem}.lessoncontent{min-width:0}.signgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.signcard{padding:22px 0 8px;border-top:1px solid var(--line);min-width:0}.signnumber{font-size:.85rem;color:var(--muted)}.signcard h3{font-size:1.15rem;margin:12px 0}.signcard p{font-size:.95rem}.examplequote{font-size:.9rem;line-height:1.7;padding:14px 16px;background:var(--surface);border-radius:3px;color:#334b5d;overflow-wrap:anywhere}.takeaway{font-size:.9rem;margin-top:15px;color:var(--muted)}.learningnote{padding:18px 20px;border-left:2px solid var(--accent);background:var(--surface);font-size:.95rem;line-height:1.8;color:#3d5448;margin:24px 0}.sourcecaption{margin-top:20px}.annotatedmail{border:1px solid var(--control);border-radius:5px;background:var(--surface);padding:25px;margin:28px 0}.mailcaption{font-size:.85rem}.mailfield{display:flex;gap:20px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.92rem;overflow-wrap:anywhere}.mailfield b{min-width:55px;color:var(--muted)}.mailfield span{min-width:0}.mailbody p{font-size:1rem;margin:20px 0 0;line-height:1.85;color:#334754}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:48px;padding:16px 3px;font-weight:500;line-height:1.6}summary>span{font-size:.85rem;margin-right:10px;color:var(--muted)}details p{font-size:.95rem;margin:0 3px 20px;line-height:1.8}details[open] summary{color:var(--accent)}.responsesteps{padding-left:22px}.responsesteps li{padding:4px 0 20px 7px}.responsesteps h3{font-size:1.1rem;margin-bottom:8px}.responsesteps p{font-size:.95rem}.recovery{border:1px solid #a7803e;background:#fff5df;border-radius:4px;padding:0 16px;color:#604b20}.recovery p{color:#604b20}.glossary{margin-top:28px}.glossary>div{display:grid;grid-template-columns:165px minmax(0,1fr);gap:24px;padding:18px 0;border-top:1px solid var(--line);font-size:.95rem}.glossary dt{font-weight:600}.glossary dd{margin:0;color:var(--muted);line-height:1.8}.lessonfinish{margin:40px 0 0;padding-top:26px;border-top:1px solid var(--line)}.lessonfinish h3{font-size:1.4rem;margin:12px 0}.lessonfinish .textlink{display:inline-block;margin:16px 0 0 20px}.sourcesbox{padding-top:25px;border-top:1px solid var(--line)}.sourcesbox h3{font-size:1rem}.sourcesbox p{font-size:.85rem;line-height:1.9}.aboutcontent{max-width:850px;padding:30px 0 65px;border-top:1px solid var(--line)}.projectfeatures{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.projectfeatures>a{display:block;padding:20px 0;border-top:1px solid var(--line);text-decoration:none}.projectfeatures>a:hover h3{text-decoration:underline}.projectfeatures span{font-size:.82rem;color:var(--muted)}.projectfeatures h3{font-size:1.15rem;margin:12px 0}.projectfeatures p{font-size:.95rem}.projectlist{padding-left:20px;font-size:.95rem;line-height:1.9;color:var(--muted)}.projectlist li{padding:8px 0}.projectlist strong{color:var(--text)}.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.roadmap article{padding-top:20px;border-top:1px solid var(--line)}.roadmap h3{font-size:1.1rem}.roadmap p{font-size:.95rem}.urlworkspace{padding-top:0;border-top:0}.urlentry{display:flex;gap:12px}.urlentry input{flex:1}.urlentry .button{white-space:nowrap}.formerror{font-size:.95rem;color:var(--error);margin:14px 0 0}.formerror:empty{display:none}.inspectionheading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:40px 0 24px}.inspectionheading h2{font-size:1.65rem}.inspectionheading p{font-size:.95rem;margin:0}.unverified{display:block;padding:7px 12px;background:#fff2d6;color:#704f20;font-size:.85rem;white-space:nowrap;border-radius:3px}.urlcolumns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.urlcolumns h3{font-size:1.3rem}.urlfacts>div{padding:16px 0;border-bottom:1px solid var(--line)}.urlfacts dt{font-size:.86rem;color:var(--muted);margin-bottom:7px}.urlfacts dd{font-size:1.05rem;overflow-wrap:anywhere;margin:0}.registration>p{font-size:.95rem}.registrationdate{font-size:1.5rem!important;color:var(--accent)}#registration-result{padding:24px 0;font-size:.95rem;overflow-wrap:anywhere}.registryfallback{font-size:.9rem}.lookupnotice{background:#fff2dd;color:#6e491c;padding:18px;line-height:1.8;border:1px solid #9a6e35;border-radius:4px}.linklessons{padding-top:0;border-top:0}.registration .button{white-space:normal}.urlworkspace .card{padding:26px}footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;min-height:130px;padding-block:28px;border-top:1px solid var(--line)}footer .brand{font-size:1.15rem}footer p{margin:0;font-size:.85rem}footer>a:last-child{margin-left:auto;font-size:.9rem}button[hidden],[hidden]{display:none!important}
@media(max-width:900px){.hero{gap:38px;padding:60px 0}.topics{grid-template-columns:1fr 1fr}.lessonlayout{grid-template-columns:170px minmax(0,1fr);gap:32px}.urlcolumns{grid-template-columns:1fr}.inspectionheading{align-items:start;flex-direction:column;gap:15px}.guidegrid,.roadmap{gap:24px}.signgrid{grid-template-columns:1fr}}
@media(max-width:700px){main,header,footer{padding-inline:24px}header{display:block;padding-block:24px;min-height:0}nav{gap:8px 24px;margin-top:16px}nav a{font-size:.95rem;min-height:44px}.hero{grid-template-columns:1fr;padding:44px 0;gap:36px}.intro>p:not(.eyebrow){max-width:600px}.mailpreview{padding:22px}.section{padding-block:40px}.sectionhead{display:block}.sectionhead>p{margin-top:18px;max-width:600px}.checkergrid{grid-template-columns:1fr}.card,.urlworkspace .card{padding:21px}.result{min-height:230px}.lessonintro{padding:42px 0 30px}.lessonlayout{display:block;padding-top:24px}.lessonnav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;margin-bottom:38px;padding-bottom:22px;border-bottom:1px solid var(--line)}.lessonnav>.eyebrow,.lessonnav>.lessonquiz{grid-column:1/-1}.lessonnav>a.lessonquiz{margin-top:10px;padding-top:12px}.signgrid{grid-template-columns:1fr 1fr;gap:24px}.guidegrid{grid-template-columns:1fr;gap:14px}.guidegrid article{padding-top:18px}.guidegrid p{max-width:600px}.roadmap{grid-template-columns:1fr}.urlentry{flex-direction:column}.urlentry .button{width:100%}.glossary>div{grid-template-columns:1fr;gap:8px}.lessonfinish .textlink{margin:18px 0 0;display:block}.aboutcontent{padding-top:20px}.projectfeatures{grid-template-columns:1fr}.lessonintro h1{font-size:2.4rem}footer{gap:16px}footer>a:last-child{margin-left:0}footer p{width:100%;order:3}.mailfield{display:block}.mailfield b{display:block;margin-bottom:4px}}
@media(max-width:460px){main,header,footer{padding-inline:20px}h1{font-size:2.75rem}.topics,.answers,.signgrid{grid-template-columns:1fr}.topicdesc{display:none}.topic{gap:9px;padding:16px}.topic.active{padding:15px}.topic strong{font-size:1rem}.topicstatus{font-size:.9rem}.sectionhead h2{font-size:1.7rem}.lessonnav{grid-template-columns:1fr}.lessonnav>.eyebrow,.lessonnav>.lessonquiz{grid-column:auto}.labelrow{align-items:start}.heroactions{gap:20px}.lessonintro h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){button,.button,input,textarea,.card,.topic,.answers button{border:1px solid CanvasText}.topic.active,.answers button.correct{outline:2px solid Highlight}.questionprogress span{background:Highlight}.button{background:ButtonFace;color:ButtonText}}
@media(max-width:700px){nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}nav a{width:max-content;max-width:100%}}

.mailpreview{background:#edf4fa;border-color:#cedfea}textarea,input[type=text]{background:#ffffff}.answers button.correct{border-color:#36724c}.result{background:#ffffff}.signcard .examplequote{background:#f0f5f8}
h1,h2,h3{overflow-wrap:anywhere}@media(max-width:700px){nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
