:root{--navy: #1c1b27;--navy-2: #262536;--navy-3: #34334a;--term: #101419;--green: #20d65a;--green-dark: #17ab48;--blue: #2878d0;--blue-dark: #1f63ad;--white: #ffffff;--ink: #20212b;--muted: #6d6d76;--line: #e7e7eb;--soft: #f4f5f7;--yellow: #f3bc36;--ok: #1d9d4c;--ok-bg: #e9f8ee;--warn: #9a6a00;--warn-bg: #fdf5e3;--danger: #c0392b;--r: 6px;--r-sm: 4px;--r-lg: 8px;--shadow: 0 1px 2px rgba(32, 33, 43, .06);--shadow-hover: 0 2px 10px rgba(32, 33, 43, .09);--maxw: 1180px;--gutter: clamp(1.75rem, 5vw, 2rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--font-head: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{max-width:100%}h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);font-weight:700;line-height:1.22;letter-spacing:-.01em;margin:0 0 .5em}h1{font-size:clamp(1.9rem,5.2vw,2.75rem)}h2{font-size:clamp(1.3rem,3.2vw,1.65rem)}h3{font-size:1.1rem;font-weight:600}p{margin:0 0 1.1rem}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.875em}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.site-main{flex:1}.section{padding-block:clamp(2rem,4vw,3rem)}.section--tight{padding-block:clamp(1.5rem,3vw,2rem)}.section-label{display:flex;align-items:center;gap:.85rem;margin:var(--sp-6) 0 var(--sp-4)}.section-label span{font-family:var(--font-head);font-weight:700;font-size:1.02rem;color:var(--ink);white-space:nowrap}.section-label:after{content:"";flex:1;height:2px;background:var(--ink);border-radius:2px}.site-header{position:sticky;top:0;z-index:60;background:var(--navy);color:#fff}.site-header .bar{display:flex;align-items:stretch;min-height:64px;max-width:var(--maxw);margin-inline:auto;padding-inline:max(.5rem,calc((100vw - var(--maxw)) / 2 + .5rem))}.header-cell{display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.09)}.header-cell:last-child{border-right:0}.menu-toggle{width:58px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.13);color:#fff;cursor:pointer;padding:0;transition:background .16s ease}.menu-toggle:hover,.menu-toggle:focus-visible{background:var(--navy-2)}.menu-toggle .bar-line{display:block;width:22px;height:2.5px;background:#fff;border-radius:2px;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease}.menu-toggle[aria-expanded=true] .bar-line:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .bar-line:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .bar-line:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.brand{display:inline-flex;align-items:center;justify-content:center;flex:1;gap:.5rem;padding:0 1rem;color:#fff;font-family:var(--font-head);font-weight:700;font-size:1.16rem;letter-spacing:-.015em;text-decoration:none}.brand:hover{text-decoration:none;color:#fff}.brand .mark{width:26px;height:26px;flex:none}.brand .accent{color:var(--green)}.header-actions{display:flex;align-items:center;gap:.15rem;margin-left:auto}.header-search span{display:none}.header-search{margin-left:auto;width:56px;flex:none;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.09);color:#fff;text-decoration:none}.header-search:hover{background:var(--navy-2);color:#fff;text-decoration:none}.header-nav{display:none}@media(min-width:900px){.menu-toggle{display:none}.brand{flex:0 0 auto;justify-content:flex-start}.header-search{margin-left:0;width:auto;padding:0 1rem;display:inline-flex;align-items:center;gap:.45rem}.header-search span{display:inline;font-family:var(--font-head);font-size:.9rem}.header-nav{display:flex;align-items:stretch;margin-left:auto}.header-nav a{display:flex;align-items:center;padding:0 1rem;color:#ffffffd1;font-family:var(--font-head);font-weight:500;font-size:.94rem;text-decoration:none;border-left:1px solid rgba(255,255,255,.09);transition:color .16s ease,background .16s ease;white-space:nowrap}@media(max-width:1620px){.header-nav a{padding:0 .62rem;font-size:.86rem}.header-nav .cta{margin-left:.3rem}}@media(max-width:1240px){.header-nav a{padding:0 .42rem;font-size:.79rem}.header-search span{display:none}}@media(max-width:1000px){.header-nav a{padding:0 .3rem;font-size:.74rem}}.header-nav a:hover{color:#fff;background:var(--navy-2)}.header-nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px 0 var(--green)}.header-nav .cta{color:var(--navy);background:var(--green);font-weight:600;margin-left:.5rem;align-self:center;border-radius:var(--r-sm);height:38px;border-left:0}.header-nav .cta:hover{background:#fff;color:var(--navy)}}.drawer-scrim{position:fixed;inset:0;z-index:70;background:#10141980;opacity:0;pointer-events:none;transition:opacity .24s ease}body.menu-open .drawer-scrim{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;z-index:80;height:100dvh;width:min(320px,84vw);background:var(--navy);color:#fff;transform:translate(-101%);visibility:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility .28s;will-change:transform;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.drawer[data-open=true]{transform:translate(0);visibility:visible}.drawer__top{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem 0 1.15rem;min-height:64px;border-bottom:1px solid rgba(255,255,255,.09)}.drawer__top .brand{padding:0;font-size:1.05rem}.drawer__close{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:#fff;cursor:pointer;border-radius:var(--r-sm)}.drawer__close:hover{background:var(--navy-2)}.code-wrap{position:relative}.code-wrap pre{margin:0}.code-copy{position:absolute;top:.4rem;right:.4rem;z-index:2;padding:.25rem .55rem;font-family:var(--font-head);font-size:.74rem;font-weight:600;color:var(--ink);background:#fffffff0;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;backdrop-filter:none}.code-copy:hover{background:#fff;border-color:#c9c9d2}.code-copy__done{display:none}.code-copy[data-copied=true]{color:var(--ok);border-color:var(--green);background:var(--ok-bg)}.code-copy[data-copied=true] .code-copy__idle{display:none}.code-copy[data-copied=true] .code-copy__done{display:inline}.nav-progress{position:fixed;top:0;left:0;right:0;z-index:100;height:2px;background:var(--green);transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none}.nav-progress[data-active=true]{opacity:1;transition:transform .7s cubic-bezier(.2,.8,.3,1);transform:scaleX(.82)}.nav-progress[data-done=true]{opacity:0;transition:transform .16s ease-out,opacity .24s ease-out .1s;transform:scaleX(1)}.drawer nav{display:flex;flex-direction:column;padding:.2rem 0 .6rem}.drawer__link--home{min-height:50px;border-bottom:1px solid rgba(255,255,255,.07);justify-content:space-between}.drawer__home-tag{margin-left:auto;padding:.1rem .45rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.02em;color:#9fe8b8;background:#20d65a24;border:1px solid rgba(32,214,90,.28);border-radius:999px;flex:none}.drawer__cat{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;min-height:50px;padding:.3rem 1.15rem;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;text-align:left;font-family:var(--font-body);font-size:.74rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#ffffffa8}.drawer__cat:hover{background:var(--navy-2);color:#fff}.drawer__cat[aria-expanded=true]{color:var(--green)}.drawer__chev{display:inline-flex;flex:none;color:currentColor;transition:transform .18s ease}[aria-expanded=true]>.drawer__chev,[aria-expanded=true] .drawer__chev{transform:rotate(90deg)}.drawer__panel{display:block}.drawer__panel[hidden]{display:none}.drawer__panel:not([hidden]){animation:drawerIn .16s ease-out}@keyframes drawerIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.drawer__row{display:flex;align-items:stretch}.drawer__row .drawer__link{flex:1;min-width:0}.drawer__link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:46px;padding:.3rem 1.15rem;color:#fff;font-family:var(--font-head);font-weight:600;font-size:.96rem;text-decoration:none}.drawer__link:hover{background:var(--navy-2);color:#fff;text-decoration:none}.drawer__link[aria-current=page]{background:var(--navy-2);color:var(--green)}.drawer__link[aria-current=page]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--green)}.drawer__toggle{flex:none;width:48px;display:grid;place-items:center;background:none;border:0;border-left:1px solid rgba(255,255,255,.07);cursor:pointer;color:#ffffff80}.drawer__toggle:hover{background:var(--navy-2);color:#fff}.drawer__toggle[aria-expanded=true]{color:var(--green)}.drawer__panel--sub{position:relative}.drawer__panel--sub:before{content:"";position:absolute;left:1.15rem;top:0;bottom:0;width:1px;background:#ffffff29}.drawer__link--sub{min-height:40px;padding-left:2.1rem;font-family:var(--font-body);font-weight:500;font-size:.9rem;color:#fffc}.drawer__link--sub[aria-current=page]{color:var(--green)}.drawer__link .tag{flex:none;font-family:var(--font-body);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);background:var(--green);border-radius:3px;padding:.14rem .36rem}.drawer__foot{margin-top:auto;padding:1.1rem 1.15rem 1.4rem;border-top:1px solid rgba(255,255,255,.09)}.drawer__foot p{color:#fff9;font-size:.85rem;margin-bottom:.8rem}@media(min-width:900px){.drawer,.drawer-scrim{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-head);font-size:.94rem;font-weight:600;padding:.66rem 1.1rem;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.btn:hover{text-decoration:none}.btn--green{background:var(--green);color:#06280f;border-color:var(--green)}.btn--green:hover{background:var(--green-dark);border-color:var(--green-dark);color:#06280f}.btn--navy{background:var(--navy);color:#fff;border-color:var(--navy)}.btn--navy:hover{background:var(--navy-2);color:#fff}.btn--outline{background:#fff;color:var(--ink);border-color:var(--line)}.btn--outline:hover{border-color:#cfcfd6;background:var(--soft);color:var(--ink)}.btn--ghost{background:transparent;color:var(--ink);border-color:transparent}.btn--ghost:hover{background:var(--soft);color:var(--ink)}.btn--lg{padding:.85rem 1.5rem;font-size:1rem}.btn--block{width:100%}.btn--sm{padding:.45rem .8rem;font-size:.85rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;line-height:1;padding:.3rem .45rem;border-radius:3px;background:var(--soft);color:#5a5a63;border:1px solid var(--line);white-space:nowrap}.chip--easy{background:var(--ok-bg);color:var(--ok);border-color:transparent}.chip--medium{background:var(--warn-bg);color:var(--warn);border-color:transparent}.chip--hard{background:#fdecea;color:var(--danger);border-color:transparent}.chip--solved{background:var(--ok-bg);color:var(--ok);border-color:transparent}.chip--mono{font-family:var(--font-mono);font-size:.7rem}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}[data-solved-only]{display:none}.is-solved [data-solved-only]{display:inline-flex}.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);grid-template-columns:1fr}@media(min-width:680px){.cards--2{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.cards--3{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .16s ease,box-shadow .16s ease}.card:hover{text-decoration:none;border-color:#d5d5dc;box-shadow:var(--shadow-hover)}.card__media{position:relative;aspect-ratio:16 / 9;background:var(--soft);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;display:block}.card__cat{position:absolute;top:8px;left:8px;font-family:var(--font-head);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1;color:#20212b;background:var(--yellow);padding:.26rem .4rem;border-radius:3px}.card__body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.card__title{font-family:var(--font-head);font-weight:600;font-size:1.04rem;line-height:1.32;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card:hover .card__title{color:var(--blue)}.card__meta{display:block;font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;color:#4d4d55;line-height:1.55}.card--hero .card__media{aspect-ratio:16 / 9}.card--hero .card__overlay{position:absolute;inset:auto 0 0;padding:2.6rem 1rem .9rem;background:linear-gradient(to top,rgba(16,20,25,.92),rgba(16,20,25,.55) 55%,transparent)}.card--hero .card__overlay .card__title{color:#fff;font-size:1.22rem;-webkit-line-clamp:3}.card--hero:hover .card__overlay .card__title{color:var(--green)}.card--hero .card__body{padding-top:.85rem}@media(min-width:900px){.card--hero .card__media{aspect-ratio:21 / 9}.card--hero .card__overlay .card__title{font-size:1.5rem}}.posts{display:flex;flex-direction:column}.post{display:grid;grid-template-columns:104px 1fr;gap:.9rem;padding:.95rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;align-items:start}.post:hover{text-decoration:none}.post:hover .post__title{color:var(--blue)}.post__thumb{aspect-ratio:4 / 3;border-radius:var(--r-sm);overflow:hidden;background:var(--soft)}.post__thumb img{width:100%;height:100%;object-fit:cover;display:block}.post__title{display:block;font-family:var(--font-head);font-weight:600;font-size:1rem;line-height:1.32;color:var(--ink);transition:color .16s ease}.post__meta{display:block;font-size:.74rem;color:var(--muted);margin-top:.25rem}.post__excerpt{font-size:.875rem;color:#4d4d55;margin-top:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:720px){.post{grid-template-columns:168px 1fr;gap:1.1rem;padding:1.15rem 0}.post__title{font-size:1.12rem}}.ctf-panel{background:#0e0e14;border-radius:var(--r-lg);padding:1.5rem;color:#fff}.ctf-panel h2{color:#fff;font-size:1.15rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.ctf-panel p{color:#9a9aa2;font-size:.94rem;margin-bottom:1.1rem}.ctf-panel .ctf-meta{display:flex;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.76rem;color:#6f6f78;margin-bottom:1.1rem}.soft-panel{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-5)}.soft-panel h2{font-size:1.2rem;margin-bottom:.4rem}.site-footer{background:var(--navy);color:#ffffffb8;padding-block:2.6rem 1.6rem;margin-top:clamp(2rem,5vw,3.5rem)}.footer-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:760px){.footer-grid{grid-template-columns:1.7fr 1fr 1fr}}.site-footer .brand{padding:0;color:#fff}.footer-brand p{margin:.8rem 0 1.1rem;font-size:.9rem;color:#fff9;max-width:36ch}.footer-col h4{font-family:var(--font-head);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 .7rem}.footer-col a{display:block;padding:.28rem 0;color:#ffffffb8;font-size:.92rem;text-decoration:none}.footer-col a:hover{color:var(--green);text-decoration:none}.footer-base{margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:.6rem 1.5rem;flex-wrap:wrap;font-size:.82rem;color:#ffffff80}.footer-base a{color:#ffffffb3}.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.82rem;color:var(--muted);margin:1.2rem 0 1rem}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--blue)}.crumbs .sep{color:#c9c9cf}.article-head{margin-bottom:1.1rem}.article-head h1{margin-bottom:.8rem}.byline{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center;font-size:.82rem;color:var(--muted)}.byline .who,.byline .when{display:inline-flex;align-items:center;gap:.4rem}.byline svg{color:#a9a9b0}.prose{font-size:1.0625rem;line-height:1.68;color:#2b2b33;max-width:74ch}.prose h2{margin-top:2.2rem;padding-top:0;font-size:1.4rem}.prose h3{margin-top:1.7rem;font-size:1.12rem}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin:.35rem 0}.prose a{color:var(--blue);text-decoration:underline;text-decoration-color:#2878d066}.prose a:hover{text-decoration-color:currentColor}.prose strong{color:var(--ink);font-weight:600}.prose code{background:var(--soft);border:1px solid var(--line);padding:.08rem .32rem;border-radius:3px;color:#1f4f8f;font-size:.85em}.prose pre{background:#f7f7f9!important;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:0 var(--r) var(--r) 0;padding:1rem 1.1rem;overflow-x:auto;margin:1.2rem 0;line-height:1.6;-webkit-overflow-scrolling:touch}.prose pre code{background:none;border:0;padding:0;color:#2b2b33;font-size:.84rem}.prose blockquote{margin:1.4rem 0;padding:.9rem 1.1rem;background:var(--warn-bg);border-left:3px solid var(--yellow);border-radius:0 var(--r) var(--r) 0;color:#5c4a1f;font-size:.97rem}.prose blockquote p:last-child{margin-bottom:0}.prose table{width:100%;border-collapse:collapse;margin:1.3rem 0;font-size:.94rem}.prose th,.prose td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left}.prose th{background:var(--soft);font-family:var(--font-head);font-size:.84rem;font-weight:600}.prose img{border-radius:var(--r);border:1px solid var(--line)}.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.callout{display:flex;gap:.8rem;padding:.95rem 1.05rem;border-radius:var(--r);border:1px solid var(--line);background:var(--soft);margin:1.4rem 0;font-size:.96rem}.callout__icon{flex:none;margin-top:.15rem}.callout__body p:last-child{margin-bottom:0}.callout__title{display:block;font-family:var(--font-head);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.callout--note{background:#eef4fc;border-color:#d5e4f6}.callout--note .callout__title{color:var(--blue-dark)}.callout--warning{background:var(--warn-bg);border-color:#f0e0b6}.callout--warning .callout__title{color:var(--warn)}.callout--tip{background:var(--ok-bg);border-color:#cdebd8}.callout--tip .callout__title{color:var(--ok)}.related{margin-top:2.5rem}.search-box{display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:var(--r);padding:.6rem .85rem;background:#fff}.search-box input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:16px;color:var(--ink);background:transparent}.search-box svg{color:var(--muted);flex:none}.ctf-bar{padding:var(--sp-4) 0 var(--sp-3);border-bottom:1px solid var(--line)}.ctf-bar__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.ctf-bar .count{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);white-space:nowrap}.ctf-title{font-size:clamp(1.4rem,4.6vw,1.8rem);margin:var(--sp-2) 0 var(--sp-3)}.ctf-close{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-head);font-size:.86rem;font-weight:600;color:var(--muted);text-decoration:none;padding:.5rem .7rem;border-radius:var(--r-sm);border:1px solid var(--line)}.ctf-close:hover{color:var(--ink);border-color:#cfcfd6;background:var(--soft);text-decoration:none}.progress-line{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:.75rem}.progress-line span{display:block;height:100%;background:var(--green);width:0;transition:width .4s ease}.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4rem 1rem;padding:var(--sp-4) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.row:hover{text-decoration:none}.row:hover .row__title{color:var(--blue)}.row__title{font-family:var(--font-head);font-weight:600;font-size:1rem;color:var(--ink)}.row__meta{display:block;margin-top:.15rem;font-size:.8rem;color:var(--muted)}.row__side{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.group-head{display:flex;align-items:baseline;gap:.8rem;margin:1.8rem 0 .2rem}.group-head:first-of-type{margin-top:.4rem}.group-head h3{margin:0;font-size:1rem}.group-head span{font-size:.8rem;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:720px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-4)}.stat .n{display:block;font-family:var(--font-head);font-weight:700;font-size:1.5rem;color:var(--ink);line-height:1.1}.stat .l{font-size:.82rem;color:var(--muted)}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.stack>*+*{margin-top:1rem}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.center{text-align:center}.lede{font-size:1.05rem;color:#4d4d55;max-width:62ch}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:.75rem;top:-3rem;z-index:100;background:var(--green);color:#06280f;font-family:var(--font-head);font-weight:600;padding:.55rem .9rem;border-radius:var(--r-sm);text-decoration:none;transition:top .18s ease}.skip-link:focus{top:.7rem;color:#06280f}.pager{display:grid;gap:var(--sp-3);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--line)}.pager__link{display:flex;flex-direction:column;gap:.15rem;padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:inherit}.pager__link:hover{border-color:var(--line-2);background:var(--soft);text-decoration:none}.pager__link--next{text-align:right}.pager__dir{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.pager__title{font-family:var(--font-head);font-weight:600;font-size:.94rem;color:var(--ink)}.pager__link:hover .pager__title{color:var(--blue)}.pager__empty{display:none}@media(min-width:700px){.pager{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.eyebrow{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--sp-2)}.hero{padding-block:clamp(1.8rem,4.5vw,3rem) clamp(1.4rem,3vw,2rem);display:grid;gap:var(--sp-6)}.hero__copy{max-width:60ch}@media(min-width:980px){.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:var(--sp-7)}}.hero__demo{min-width:0}.hero__demo-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--sp-2)}.hero__demo-note{margin:var(--sp-2) 0 0;font-size:.8rem;color:var(--muted)}.hero h1{margin:0 0 var(--sp-3)}.hero__facts{margin:var(--sp-4) 0 0;font-size:.84rem;color:var(--muted)}.course-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-bottom:var(--sp-6)}.fact{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-4);display:flex;flex-direction:column;gap:.15rem}.fact .n{font-family:var(--font-head);font-weight:700;font-size:1.12rem;line-height:1.25;color:var(--ink)}.fact .l{font-size:.8rem;color:var(--muted)}@media(min-width:700px){.course-facts{grid-template-columns:repeat(4,1fr)}}.course-intro{display:grid;gap:var(--sp-5)}.course-intro h2{font-size:1.02rem;margin:var(--sp-4) 0 var(--sp-2)}.course-intro h2:first-child{margin-top:0}.course-intro p{margin:0 0 var(--sp-2);color:#4d4d55}@media(min-width:860px){.course-intro{grid-template-columns:1.3fr 1fr;gap:var(--sp-6)}}.track__head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.track__num,.track-hero__num,.next-track__num{font-family:var(--font-head);font-weight:700;font-size:1.1rem;color:var(--green);background:#0e1a12;border:1px solid #1d3324;border-radius:var(--r);width:42px;height:42px;display:grid;place-items:center;flex:none}.track__head h2{font-size:1.28rem}.track__head h2 a{color:var(--ink);text-decoration:none}.track__head h2 a:hover{color:var(--green);text-decoration:none}.track__head .chip{margin-left:auto}.track__tag{margin:.1rem 0 0;font-size:.88rem;color:var(--muted)}.track__desc{margin:var(--sp-3) 0 var(--sp-3);color:#4d4d55;max-width:78ch}.track__link{display:inline-flex;align-items:center;gap:.3rem;margin-top:var(--sp-3);font-family:var(--font-head);font-weight:600;font-size:.86rem;color:var(--blue);text-decoration:none}.track__link:hover{text-decoration:underline}.course-hero{padding:var(--sp-6) 0 var(--sp-4);border-bottom:1px solid var(--line)}.course-hero__eyebrow{margin:0 0 var(--sp-2);font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--green)}.course-hero h1{margin:0 0 var(--sp-3)}.course-hero .lede{max-width:62ch}.course-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.course-about{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--sp-4);padding:var(--sp-5) 0;border-bottom:1px solid var(--line)}.course-about__col h2{font-size:1rem;margin-bottom:var(--sp-2)}.course-about__col p{margin:0;font-size:.92rem;color:#4d4d55}.course-hint{margin:0 0 var(--sp-4);font-size:.88rem;color:var(--muted)}.track--fold{margin-top:var(--sp-3);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.track__toggle{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:#fff;border:0;cursor:pointer;text-align:left;font:inherit}.track__toggle:hover{background:var(--soft)}.track__title{display:flex;flex-direction:column;min-width:0;flex:1}.track__name{font-family:var(--font-head);font-weight:600;font-size:1.08rem;color:var(--ink)}.track__toggle[aria-expanded=true] .track__name{color:var(--green)}.track__toggle .track__tag{margin-top:.1rem}.track__meta{display:flex;align-items:center;gap:var(--sp-2);flex:none}.track__chev{display:inline-flex;color:var(--muted);transition:transform .18s ease}.track__toggle[aria-expanded=true] .track__chev{transform:rotate(90deg)}.track__body{padding:0 var(--sp-4) var(--sp-4);border-top:1px solid var(--line);background:#fff}.track__body[hidden]{display:none}.track__body:not([hidden]){animation:trackIn .16s ease-out}@keyframes trackIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.track__outcome,.track__prereq{margin:var(--sp-2) 0 0;font-size:.9rem;color:#4d4d55;max-width:78ch}.track__outcome strong,.track__prereq strong{color:var(--ink);font-weight:600}@media(max-width:620px){.track__meta .chip{display:none}.track__meta .chip--mono{display:inline-flex}}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:var(--sp-4);margin-top:var(--sp-5)}.topic-card{display:flex;flex-direction:column;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.topic-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-hover)}.topic-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.topic-card__head h2{margin:0;font-size:1.05rem}.topic-card__head h2 a{color:var(--ink);text-decoration:none}.topic-card__head h2 a:hover{color:var(--green);text-decoration:none}.topic-card__desc{margin:var(--sp-2) 0 var(--sp-3);font-size:.86rem;color:#4d4d55}.topic-card__list{list-style:none;margin:0 0 var(--sp-3);padding:0;border-top:1px solid var(--line)}.topic-card__list li{border-bottom:1px solid var(--line)}.topic-card__list a{display:block;padding:.42rem 0;font-size:.86rem;color:#4d4d55;text-decoration:none}.topic-card__list a:hover{color:var(--blue);text-decoration:underline}.topic-card__link{display:inline-flex;align-items:center;gap:.25rem;margin-top:auto;font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--blue);text-decoration:none}.topic-card__link:hover{text-decoration:underline}.track-hero{display:flex;gap:var(--sp-4);align-items:flex-start;margin-bottom:var(--sp-4)}.track-hero h1{margin:0 0 var(--sp-2)}.track-hero .lede{margin:0}.lesson-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.lesson-item{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.lesson-item:hover{background:var(--soft)}.lesson-item__num{font-family:var(--font-mono);font-size:.8rem;color:var(--muted);flex:none;width:2ch;align-self:flex-start;padding-top:.22rem}.lesson-item__body{display:flex;flex-direction:column;gap:.2rem;flex:1}.lesson-item__title{font-family:var(--font-head);font-weight:600;font-size:1rem;color:var(--ink)}.lesson-item:hover .lesson-item__title{color:var(--blue)}.lesson-item__excerpt{font-size:.875rem;color:#5a5a63}.lesson-item__meta{font-size:.74rem;color:var(--muted)}.lesson-item>svg{color:var(--muted);flex:none}.track-foot{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}.next-track{margin-top:var(--sp-7);border-top:1px solid var(--line);padding-top:var(--sp-5)}.next-track a{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;color:inherit}.next-track a:hover .next-track__title{color:var(--blue)}.next-track__title{display:block;font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--ink)}.next-track__tag{display:block;font-size:.86rem;color:var(--muted)}.next-track a>svg{margin-left:auto;color:var(--muted)}.path-grid{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.path-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.path-grid{grid-template-columns:repeat(3,1fr)}}.path-card{display:flex;flex-direction:column;gap:var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-4);text-decoration:none;color:inherit;transition:border-color .16s ease,box-shadow .16s ease}.path-card:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.path-card__num{font-family:var(--font-mono);font-size:.76rem;color:var(--green)}.path-card__title{font-family:var(--font-head);font-weight:600;font-size:1.06rem;color:var(--ink)}.path-card:hover .path-card__title{color:var(--blue)}.path-card__tag{font-size:.875rem;color:#5a5a63}.path-card__meta{font-size:.74rem;color:var(--muted)}.path-card__go{display:inline-flex;align-items:center;gap:.25rem;margin-top:auto;padding-top:var(--sp-2);font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--blue)}.download{display:grid;gap:var(--sp-4);align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:var(--sp-5)}.download h2{font-size:1.15rem;margin:0 0 var(--sp-2)}.download p{margin:0;color:#4d4d55;max-width:62ch}@media(min-width:860px){.download{grid-template-columns:1fr auto;gap:var(--sp-6)}.download .actions{margin:0}}.rule{border:0;border-top:1px solid var(--line);margin:var(--sp-5) 0}.outcomes{display:grid;gap:var(--sp-5)}.outcomes h2{font-size:clamp(1.3rem,3vw,1.6rem);margin:0 0 var(--sp-2)}.outcomes__intro p{margin:0;max-width:52ch}.outcomes__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}.outcomes__list li{position:relative;padding-left:1.6rem;font-size:.94rem;line-height:1.5;color:#3f3f47}.outcomes__list li:before{content:"";position:absolute;left:0;top:.42rem;width:9px;height:9px;border-radius:2px;background:var(--green)}@media(min-width:860px){.outcomes{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--sp-6)}.outcomes__list{grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-5)}}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.section-head h2{font-size:clamp(1.3rem,3vw,1.6rem);margin:0}.section-head__meta{margin:0;font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.path-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.path-card__level{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:.1rem .4rem}.path-card__first{font-size:.8rem;color:var(--muted);padding-top:var(--sp-2);border-top:1px solid var(--line)}.path-card__first:before{content:"→ ";color:var(--green)}.footer-repo{display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--sp-3);font-size:.84rem;color:#ffffffc7;text-decoration:none}.footer-repo:hover{color:#fff;text-decoration:none}.footer-base .studio{display:inline-flex;align-items:center;gap:.45rem;color:#ffffffb3;text-decoration:none}.footer-base .studio:hover{color:#fff;text-decoration:none}.footer-base .studio strong{font-weight:600;color:#fff}.studio__mark{flex:none;height:19px;width:auto;display:block}.studio-credit{display:inline-block;margin-top:.4rem}.studio-credit img{width:190px;height:auto;display:block}.hint-panel .btn{margin-top:.2rem}.hint-count{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.hint-list{margin:0 0 .9rem;padding-left:1.15rem;display:grid;gap:.45rem;font-size:.92rem;color:#4d4d55}.hint-list li{line-height:1.5}.hint-done{font-size:.9rem;margin:.8rem 0 0}@media(max-width:640px){body{font-size:1rem;line-height:1.6}h1{font-size:clamp(1.6rem,7.4vw,1.95rem)}h2{font-size:clamp(1.16rem,5vw,1.4rem)}.lede{font-size:1rem}.section{padding-block:1.5rem}.section--tight{padding-block:1.15rem}.hero{padding-block:1.1rem 1rem}.wrap{padding-inline:1rem}.hero__facts{font-size:.8rem}.actions .btn{flex:1 1 auto;text-align:center;justify-content:center}.course-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.fact{padding:.8rem;min-height:84px;justify-content:center}.fact .n{font-size:1.05rem}.fact .l{font-size:.74rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.path-grid,.cat-nav,.tool-grid,.cards,.cards--2,.cards--3{gap:.7rem}.path-card,.cat-card{padding:.85rem}.cat-card__icon{width:32px;height:32px}.cat-card__blurb{display:none}.cat-card__name{font-size:.92rem}.tool-card{padding:.6rem .7rem;gap:.65rem;align-items:center}.tool-logo{width:36px;height:36px;border-radius:9px}.tool-logo img{width:22px;height:22px}.tool-card__name{font-size:.92rem}.tool-card__tagline{-webkit-line-clamp:1;font-size:.8rem}.tool-card__meta{display:none}.tool-group{margin-bottom:1.6rem}.tool-hero{gap:.85rem;padding:1rem 0 .9rem}.tool-hero__logo{width:56px;height:56px;border-radius:12px}.tool-hero__logo img{width:34px;height:34px}.tool-body{gap:1.6rem}.cmd-row{padding:.7rem 0;gap:.45rem}.cmd-row .copy-btn{justify-self:start}.fact-card{padding:.9rem}.example__pre{font-size:.76rem}.byline{gap:.5rem;font-size:.82rem}.chip{font-size:.72rem}.article-head{padding-top:.6rem}.prose{font-size:1rem}.prose pre{font-size:.78rem}.prose table{font-size:.84rem}.footer-base{font-size:.78rem}.studio__mark{height:17px}}@media(max-width:640px){.prose pre,.prose code{white-space:pre-wrap;overflow-wrap:anywhere}}.lx-term{--lx-kb: 0px;--lx-bg: #101419;--lx-line: #232a33;--lx-text: #d6dae0;--lx-muted: #7d8794;--lx-dim: #5c6672;--lx-prompt: #20d65a;--lx-cmd: #eef1f5;--lx-err: #ff7b72;--lx-ok: #20d65a;display:flex;flex-direction:column;height:min(58vh,480px);background:var(--lx-bg);border:1px solid var(--lx-line);border-radius:var(--r);overflow:hidden;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.lx-term--compact{height:min(38vh,340px)}.lx-term--full{height:min(66vh,620px)}.lx-term__bar{display:flex;align-items:center;gap:.7rem;padding:.55rem .8rem;background:#0b0e12;border-bottom:1px solid var(--lx-line)}.lx-term__title{color:var(--lx-muted);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-term__actions{margin-left:auto;display:inline-flex;gap:.3rem}.lx-term__btn{font:inherit;font-size:.7rem;color:var(--lx-muted);background:transparent;border:1px solid var(--lx-line);border-radius:3px;padding:.2rem .5rem;cursor:pointer}.lx-term__btn:hover{color:var(--lx-text);border-color:#38424f}.lx-term__screen{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.9rem;padding-bottom:calc(.9rem + var(--lx-kb));color:var(--lx-text);cursor:text;scrollbar-width:thin;scrollbar-color:#2b333d transparent}.lx-term__screen::-webkit-scrollbar{width:8px}.lx-term__screen::-webkit-scrollbar-thumb{background:#2b333d;border-radius:8px}.lx-term__output{white-space:pre-wrap;overflow-wrap:anywhere}.lx-term__line{min-height:1.5em}.lx-term__line--echo .lx-term__cmd{color:var(--lx-cmd)}.lx-term__muted{color:var(--lx-dim)}.lx-term__err{color:var(--lx-err)}.lx-term__banner{color:var(--lx-ok);padding-left:.6rem;border-left:2px solid var(--lx-ok);margin:.3rem 0}.lx-term__prompt{color:var(--lx-prompt);white-space:pre}.lx-term__inputline{display:flex;align-items:baseline;gap:.45rem;margin-top:.1rem}.lx-term__input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--lx-cmd);font:inherit;font-size:16px;caret-color:var(--lx-prompt);padding:0}@media(min-width:640px){.lx-term__input{font-size:.85rem}}.lx-term__input::selection{background:#20d65a47}.lx-term__footer{border-top:1px solid var(--lx-line);background:#0b0e12}.lx-term__hintbar{display:flex;gap:.35rem;flex-wrap:wrap;padding:.5rem .7rem}.lx-term__starter{font:inherit;font-size:.7rem;font-family:var(--font-mono);color:var(--lx-muted);background:transparent;border:1px solid var(--lx-line);border-radius:3px;padding:.2rem .55rem;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-term__starter:hover{color:var(--lx-prompt);border-color:#38424f}@media(max-width:640px){.lx-term{height:auto;min-height:210px;max-height:54vh}.lx-term--compact{height:auto;min-height:190px;max-height:36vh}.lx-term--full{height:auto;min-height:240px;max-height:58vh}.lx-term__screen{padding:.75rem;padding-bottom:calc(.75rem + var(--lx-kb))}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}