:root{color-scheme:dark;--bg:#10121b;--text:#e4e4ed;--muted:#a8afc5;--accent:#b9acff;--line:#353a50}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:.25em}a:hover{color:white}a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #f2da86;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;background:var(--bg);padding:12px;z-index:4}.skip:focus{top:10px}header{max-width:1280px;margin:auto;padding:28px 5vw;display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font:700 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--text);text-decoration:none}.resource-link{font-size:14px}main{max-width:1120px;padding:70px 5vw 0;margin:auto}.lead{padding-bottom:45px;border-bottom:1px solid var(--line)}h1{font-size:clamp(2.8rem,5.5vw,5.2rem);line-height:1.04;letter-spacing:-.05em;margin:0 0 35px;font-weight:650;max-width:1000px}.intro{max-width:770px;font-size:21px;line-height:1.65}.intro p:first-child{color:white}.contents{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;border-bottom:1px solid var(--line);padding:18px 0}.contents summary{cursor:pointer;width:max-content;color:var(--accent)}.contents ol{columns:2;column-gap:40px;padding-left:23px;max-width:900px}.contents li{break-inside:avoid;margin:10px 0}.body-copy{max-width:780px;margin:0 auto}.body-copy section{padding:52px 0 6px}h2{font-size:30px;line-height:1.24;letter-spacing:-.025em;margin:0 0 25px;color:white}p{margin:0 0 1.2em}li{margin:0 0 .65em}ol,ul{padding-left:1.35em}strong{font-weight:650;color:white}.worked-example{margin:45px -50px 0;padding:40px 50px!important;border-left:3px solid var(--accent);background:#1a1c2c}.worked-example h2{color:#cfc5ff}code{font: .87em ui-monospace,SFMono-Regular,Consolas,monospace;color:#d7cfff;overflow-wrap:anywhere}footer{max-width:1120px;margin:70px auto 0;padding:25px 5vw 45px;display:flex;gap:28px;align-items:center;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;border-top:1px solid var(--line)}footer time{margin-left:auto;color:var(--muted)}.check-item{list-style:none;margin-left:-1.3em;padding:16px 0;border-bottom:1px solid var(--line)}.check-item label{display:flex;gap:14px;align-items:baseline;cursor:pointer}.check-item input{flex:0 0 auto;width:19px;height:19px;accent-color:#b9acff}.resource .contents{display:none}.resource h1{font-size:clamp(2.8rem,5vw,4rem)}.resource .lead{padding-bottom:0}.resource .body-copy{margin-left:0}.resource .body-copy section{padding-top:40px}.resource .check-item:has(input:checked){color:#a3abc4;text-decoration:line-through}::selection{background:#6a54ae;color:white}@media(max-width:1000px){.worked-example{margin-left:0;margin-right:0}}@media(max-width:700px){body{font-size:17px}header{padding:22px 6vw;align-items:center}.wordmark{font-size:11px;max-width:150px}.resource-link{font-size:13px;text-align:right}main{padding:45px 6vw 0}.intro{font-size:19px}h1{font-size:clamp(2.7rem,10vw,4rem)}h2{font-size:27px}.contents ol{columns:1}.worked-example{margin:35px -3vw 0;padding:28px 4vw!important}.body-copy section{padding-top:38px}footer{margin-top:45px;padding:24px 6vw 40px;flex-wrap:wrap;gap:18px}footer time{margin-left:0;width:100%}}@media print{:root{color-scheme:light}body{background:white;color:black;font-size:11pt}h1,h2,strong,.intro p:first-child{color:black}header,.contents,footer{display:none}a{color:black}.worked-example{background:#eee;margin:0;padding:20px!important}.worked-example h2{color:black}main{padding:0}.check-item{border-color:#aaa}}