body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}.wrap{max-width:760px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}header.top{top:env(safe-area-inset-top,0px);z-index:5;background:var(--hi);color:#000;border-bottom:4px solid #000;position:sticky}.bar{flex-wrap:wrap;align-items:center;gap:10px 12px;padding-block:10px;display:flex}.brand,.brand:visited{font-family:var(--head);color:#000;align-items:center;gap:8px;margin-right:auto;font-size:26px;font-weight:900;line-height:1;text-decoration:none;display:flex}nav{flex-wrap:wrap;gap:4px;display:flex}nav a,nav a:visited{color:#000;padding:6px 8px;font-size:17px;font-weight:700;text-decoration-color:#000}nav a[aria-current=page]{color:var(--hi);background:#000;text-decoration:none}.tools{border:3px solid #000;display:flex}.langs{display:flex;overflow:hidden}.langs button{font:700 14px var(--body);color:#000;box-shadow:none;background:0 0;border:0;border-radius:0;min-height:36px;padding:6px 10px}.langs button[aria-pressed=true]{color:var(--hi);background:#000}.langs button:active{transform:none}.langs button[aria-pressed=true]:hover{color:var(--hi);background:#000}.theme{color:#000;box-shadow:none;background:0 0;border:0;border-left:3px solid #000;border-radius:0;width:36px;min-height:36px;padding:0}.theme:active{transform:none}h1{font-size:clamp(38px,8vw,58px)}h2{font-size:34px}.lede{color:var(--fg);max-width:60ch;margin:0;font-size:19px}section{flex-direction:column;gap:16px;padding-block:28px;display:flex}.banner{border:3px solid var(--fg);background:var(--hi);color:#000;box-shadow:4px 4px 0 var(--fg);padding:12px 14px;font-size:17px;font-weight:700}.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=620px){.levels{grid-template-columns:1fr}}.level{all:unset;box-sizing:border-box;cursor:pointer;border:3px solid var(--fg);background:var(--card);text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px;display:flex}.level:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.level:hover{background:var(--hover)}.level[aria-pressed=true]{background:var(--hi);color:#000;box-shadow:5px 5px 0 var(--fg)}.level[aria-pressed=true]:hover{background:var(--hi);color:#000}.level[aria-pressed=true] .lc{color:#000}.level svg{width:100%;max-width:150px;height:auto}.level{position:relative}.level .time{background:var(--hi);color:#000;border:3px solid var(--fg);box-shadow:2px 2px 0 var(--fg);padding:1px 8px;font-size:14px;font-weight:700;line-height:1.3;position:absolute;top:-11px;right:-9px;transform:rotate(4deg)}.level[aria-pressed=true] .time{color:var(--hi);background:#000;border-color:#000}.level .lt{font-family:var(--head);font-size:21px;font-weight:900;line-height:1.1}.level .lc{color:var(--muted);font-size:14px;line-height:1.3}.reslist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.res{border:3px solid var(--fg);background:var(--card);box-shadow:4px 4px 0 var(--fg);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.res a{font-weight:700}.res .meta{color:var(--muted);font-size:13px;font-family:var(--mono)}.res p{margin:0;font-size:15.5px}.hops{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex;position:relative}.hops:before{content:"";border-left:2.5px dotted var(--muted);position:absolute;top:12px;bottom:12px;left:8px}.hops li{flex-direction:column;gap:2px;padding-left:34px;display:flex;position:relative}.hops li:before{content:"";background:var(--bg);border:3px solid var(--fg);border-radius:50%;width:14px;height:14px;position:absolute;top:3px;left:0}.hops li:hover:before,.hops li:focus-within:before{background:var(--hi)}.hops a{font-weight:700}.hops .meta{color:var(--muted);font-size:13px;font-family:var(--mono)}.hops p{margin:0;font-size:15.5px}.tips{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=560px){.tips{grid-template-columns:1fr}}.tip{background:var(--card);border:3px solid var(--fg);box-shadow:4px 4px 0 var(--fg);flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.tip b{font-family:var(--head);font-size:20px;font-weight:900;line-height:1.15}.tip p{margin:0;font-size:15.5px}.tip .src{color:var(--muted);margin-top:auto;font-size:13px}form.card{gap:12px}.opt{color:var(--muted);font-size:13.5px;font-weight:400}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.after{color:var(--muted);margin:0;font-size:13.5px}.count{color:var(--muted);min-height:1.2em;font-size:13px;font-family:var(--mono);align-self:flex-end}.faq{flex-direction:column;gap:10px;display:flex}.faq details{background:var(--card);border:3px solid var(--fg);padding:12px 14px}.faq details[open]{box-shadow:4px 4px 0 var(--fg)}.faq summary{font-family:var(--head);cursor:pointer;font-size:19px;font-weight:900;line-height:1.25}.faq summary:hover{text-decoration:underline;text-decoration-thickness:2px}.faq details>div{font-size:15.5px}.faq details>div p{margin:8px 0 0}footer{border-top:4px solid var(--fg);margin-top:24px}footer .cols{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-block:22px;font-size:14px;display:grid}@media (width<=620px){footer .cols{grid-template-columns:1fr}}footer h4{font-family:var(--head);color:var(--fg);margin:0 0 4px;font-size:19px;font-weight:900}footer p{margin:0 0 6px}.prose{gap:0;max-width:65ch}.prose h1{margin-bottom:8px}.prose h2{margin:22px 0 4px;font-size:28px}.prose p,.prose ul{margin:0 0 10px}.prose li{margin-bottom:4px}.prose img{border:3px solid var(--fg);width:50%;height:auto;box-shadow:5px 5px 0 var(--fg);margin:6px 0 18px;display:block}.prose blockquote{border:3px solid var(--fg);background:var(--hi);color:#000;box-shadow:4px 4px 0 var(--fg);margin:6px 0 18px;padding:10px 16px;font-size:18px;font-weight:700}.prose blockquote p{margin:0}.lede p{margin:0 0 10px}.lede p:last-child{margin-bottom:0}.lede blockquote{border:3px solid var(--fg);background:var(--hi);color:#000;box-shadow:5px 5px 0 var(--fg);margin:6px 0 18px;padding:12px 16px;font-weight:700;transform:rotate(-.5deg)}.lede blockquote p{margin:0}.levels>.level-box{margin:-4px 0 6px}.cards3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=720px){.cards3{grid-template-columns:1fr}}.card-btn{align-self:flex-start;margin-top:10px}.feed-intro{padding-bottom:4px}.topic{border-top:4px solid var(--fg);flex-direction:column;gap:12px;padding-block:24px 8px;scroll-margin-top:72px;display:flex}#feed>.topic:first-child{border-top:0}.topic-head{flex-direction:column;gap:6px;display:flex}.topic-head h2{font-size:clamp(34px,7vw,50px)}.topic-meta{background:var(--fg);color:var(--bg);align-self:flex-start;margin:0;padding:2px 8px;font-size:13.5px;font-weight:700;transform:rotate(-1.5deg)}.topic-art{border:3px solid var(--fg);width:50%;height:auto;box-shadow:5px 5px 0 var(--fg);display:block}@media (width<=620px){.topic-art,.prose img{width:100%}}.levels-wrap{gap:12px;padding-block:10px}.level-box{flex-direction:column;gap:16px;display:flex}.tips-wrap{gap:12px;padding:0}.topic-end{flex-direction:column;align-items:flex-start;gap:10px;padding-block:4px 16px;display:flex}.level-box>.slim{align-self:flex-start}.slim,.slim:visited{color:var(--fg);border:3px solid var(--fg);box-shadow:3px 3px 0 var(--fg);padding:6px 12px;font-size:15px;font-weight:700;text-decoration:none}.slim:hover{background:var(--hover)}.back{align-self:flex-start;font-size:15px}.sub-h{font-size:30px}.digest{background:var(--card);border:3px solid var(--fg);max-width:none;padding:4px 16px 8px}.digest h2{font-size:26px}.feed-end{height:1px}.drawer{overscroll-behavior:contain;z-index:30;background:var(--bg);border-right:2px solid var(--fg);visibility:hidden;width:min(320px,86vw);padding:20px 16px;transition:transform .25s,visibility 0s .25s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%)}.drawer.open{visibility:visible;transition:transform .25s;transform:none}.drawer-h{font-size:28px}.scrim{z-index:25;background:#00000059;position:fixed;inset:0}.drawer-btn{right:max(16px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + var(--head-h,64px) + 12px);z-index:15;font:900 18px var(--head);background:var(--hi);color:#000;border-color:#000;transition:top .25s;position:fixed;box-shadow:4px 4px #000}.topic-nav{flex-direction:column;gap:4px;margin:12px 0 0;padding:0;list-style:none;display:flex}.topic-nav a{flex-direction:column;gap:2px;padding:8px 10px;font-size:16px;font-weight:700;line-height:1.25;display:flex}.topic-nav a:hover{background:var(--hover)}.topic-nav a[aria-current]{background:var(--hi);color:#000;border:3px solid var(--fg);padding:5px 7px;text-decoration:none}.topic-nav-date{color:var(--muted);font-size:12px;font-weight:400}.topic-nav a[aria-current] .topic-nav-date{color:#000}@media (width<=699px){header.top{transition:transform .25s}html.tucked header.top{transform:translateY(-100%)}html.tucked .drawer-btn{top:calc(env(safe-area-inset-top,0px) + 12px)}}@media (prefers-reduced-motion:reduce){.drawer,.drawer.open,header.top,.drawer-btn{transition:none}}@media (width>=700px){.topics-layout{grid-template-columns:180px minmax(0,1fr);gap:24px;display:grid}.drawer{overscroll-behavior:contain;z-index:auto;visibility:visible;background:0 0;border:0;align-self:start;width:auto;max-height:calc(100vh - 96px);padding:28px 0 0;transition:none;position:sticky;top:76px;transform:none}.drawer-btn,.scrim{display:none}}@media (width>=1124px){.topics-layout{grid-template-columns:230px minmax(0,1fr);gap:32px;width:1060px;margin-left:calc(50% - 530px)}}.boxlink{cursor:pointer;position:relative}.boxlink a.boxmain,.boxlink a.boxmain:visited{color:inherit;text-decoration:none}.boxlink a.boxmain:after{content:"";position:absolute;inset:0}.boxlink a:not(.boxmain){z-index:1;position:relative}.boxlink:hover{background:var(--hover)}.lede blockquote.boxlink:hover,.prose blockquote.boxlink:hover{background:#ffe14d}.boxlink:has(a:focus-visible){outline:3px solid var(--fg);outline-offset:3px}.boxlink a:focus-visible{outline:none}.res.boxlink>a:before,.tip.boxlink .src:before{content:"→ "}.lede blockquote.boxlink p:last-child:after,.prose blockquote.boxlink p:last-child:after{content:" →"}.career{scroll-margin-top:80px}.story{border:3px solid var(--fg);box-shadow:5px 5px 0 var(--fg);background:var(--card);margin-bottom:12px;padding:4px 20px;font-size:18px}.stories blockquote strong+br{display:none}.stories blockquote:has(a[href^="https://bluedot.org"]){background:var(--bg);color:var(--fg);border-color:var(--blue);box-shadow:4px 4px 0 var(--blue)}.stories blockquote.boxlink:has(a[href^="https://bluedot.org"]):hover{background:var(--hover)}.career blockquote{padding-block:18px;font-size:20px}.prose blockquote a:not(.boxmain),.prose blockquote a:not(.boxmain):visited{color:#000;text-decoration-color:#000}.zoomable{cursor:zoom-in}.lightbox{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px;overflow:hidden}.lightbox[open]{justify-content:center;align-items:center;display:flex}.lightbox::backdrop{background:0 0;transition:background .22s}.lightbox.shown::backdrop{background:#000000e0}.lightbox figure{cursor:zoom-out;flex-direction:column;align-items:center;gap:14px;width:min(1200px,100%);margin:0;display:flex}#lbImg{width:min(100%,calc((100dvh - 190px) * var(--ar,1.6)));transform-origin:0 0;background:#fff;border:3px solid #000;height:auto;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:block}.lightbox figcaption{color:#fff;opacity:0;background:#0000008c;border:1px solid #ffffff40;max-width:62ch;padding:10px 14px;font-size:16px;line-height:1.45;transition:opacity .2s 80ms}.lightbox.shown figcaption{opacity:1}.lightbox figcaption:empty{display:none}.lightbox figcaption a,.lightbox figcaption a:visited{color:#ffd400}.lb-close{background:var(--hi);color:#000;border-color:#000;min-width:44px;min-height:44px;padding:0;font-size:26px;line-height:1;position:fixed;top:12px;right:12px;box-shadow:3px 3px #000}@media (prefers-reduced-motion:reduce){#lbImg,.lightbox figcaption,.lightbox::backdrop{transition:none}}.prose blockquote strong{font-family:var(--head);margin-bottom:6px;font-size:26px;font-weight:900;line-height:1.1;display:block}
