body:has(main.craft-doc){--bg-paper: oklch(96.5% .012 80);--bg-paper-soft: oklch(94% .014 78);--ink-craft: oklch(22% .02 60);--mute-craft: oklch(48% .022 65);--mute-2-craft: oklch(64% .018 70);--line-craft: oklch(86% .012 75);--line-2-craft: oklch(78% .014 75);--accent: oklch(54% .135 38);--accent-soft: oklch(62% .1 40);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}main.craft-doc{width:100%;max-width:calc(820px + 2 * var(--pad-x));margin:0 auto 96px;padding:96px var(--pad-x) 0;color:var(--ink-craft);font-family:var(--font-mono);position:relative;z-index:5}body:has(main.craft-doc){background:var(--bg-paper);color:var(--ink-craft)}body:has(main.craft-doc):before{content:"";position:fixed;inset:0;background:radial-gradient(60% 45% at 80% 15%,oklch(86% .04 45 / .35),transparent 70%),radial-gradient(50% 35% at 12% 88%,oklch(82% .05 60 / .28),transparent 70%);pointer-events:none;z-index:0}body:has(main.craft-doc):after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,oklch(40% .02 60 / .18) 1px,transparent 1.5px);background-size:22px 22px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at center,black 30%,transparent 90%)}body:has(main.craft-doc) .bar{background:color-mix(in oklch,var(--bg-paper) 92%,transparent);border-bottom-color:var(--line-craft);color:var(--mute-craft)}body:has(main.craft-doc) .bar.bottom{border-top-color:var(--line-craft);border-bottom:0}body:has(main.craft-doc) .bar a{color:var(--ink-craft)}body:has(main.craft-doc) .bar a:hover{color:var(--accent)}body:has(main.craft-doc) .bar .crumb .sep,body:has(main.craft-doc) .bar .stamp .sep{color:var(--line-2-craft)}body:has(main.craft-doc) .bar .strong{color:var(--ink-craft)}body:has(main.craft-doc) .bar .crumb .here{color:var(--ink-craft)}@media(max-width:720px){main.craft-doc{padding-top:78px}}main.craft-doc a{color:inherit;text-decoration:none;transition:color .16s ease}main.craft-doc a:hover{color:var(--accent)}main.craft-doc ::selection{background:color-mix(in oklch,var(--accent) 28%,transparent);color:var(--ink-craft)}main.craft-doc .eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 18px}main.craft-doc h1{font-family:var(--font-mono);font-weight:700;font-size:clamp(40px,7vw,76px);line-height:.95;letter-spacing:-.04em;color:var(--ink-craft);margin:0 0 18px}main.craft-doc h1:before{content:"/";color:var(--accent);margin-right:.04em;font-weight:500}main.craft-doc .training-tagline{font-family:var(--font-mono);color:var(--mute-craft);font-size:14px;line-height:1.6;margin:0 0 16px;letter-spacing:.02em}main.craft-doc .kicker{color:var(--mute-craft);font-size:14px;line-height:1.75;margin:0 0 40px;padding-bottom:24px;border-bottom:1px dashed var(--line-2-craft)}main.craft-doc.training-index{--cc-radius: 0;--cc-badge-radius: 0;--cc-bg: var(--bg-paper-soft);--writing-border-color: var(--line-2-craft);--writing-border-style: dashed}main.craft-doc.training-index .course-card{border-color:var(--line-craft)}main.craft-doc.training-index a.course-card.is-live:hover,main.craft-doc.training-index a.course-card.is-live:focus-visible{border-color:color-mix(in oklch,var(--accent) 50%,var(--line-craft));background:color-mix(in oklch,var(--accent) 4%,var(--bg-paper-soft))}main.craft-doc.training-index .course-card.is-soon{border-style:dashed}main.craft-doc.training-index .cc-idx:before{content:"0x";color:var(--mute-2-craft);opacity:.55;margin-right:1px}main.craft-doc.training-index .cc-badge{border-color:color-mix(in oklch,var(--accent) 40%,var(--line-craft))}main.craft-doc.training-index .cc-badge[data-state=soon]{border-color:var(--line-craft)}main.craft-doc.training-index .cc-badge:before{border-radius:0}main.craft-doc .doc-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:1px solid var(--line-craft);margin-bottom:32px;gap:16px;flex-wrap:wrap}@media(max-width:560px){main.craft-doc .doc-head{flex-direction:column;align-items:flex-start;gap:10px}}main.craft-doc .doc-head .back{color:var(--mute-2-craft);font-family:var(--font-mono);font-size:14px}main.craft-doc .doc-head .back:hover{color:var(--accent)}main.craft-doc .doc-head .meta{font-family:var(--font-mono);color:var(--mute-2-craft);letter-spacing:.06em;text-transform:uppercase;font-size:11px}main.craft-doc .doc-head .meta .dot{color:var(--mute-2-craft);margin:0 6px}main.craft-doc .doc-head .meta .strong{color:var(--ink-craft)}@media(max-width:720px){main.craft-doc{margin:32px auto 64px}}main.craft-doc article ul.how{list-style:none;padding:0;margin:0 0 40px;color:var(--ink-craft, var(--ink));line-height:1.8;font-size:14px}main.craft-doc article ul.how li{position:relative;padding:4px 0 4px 18px}main.craft-doc article ul.how li:before{content:"·";position:absolute;left:4px;color:var(--accent);font-weight:700}main.craft-doc ol.lesson-list{list-style:none;padding:0;margin:0 0 32px;border-top:1px solid var(--line-craft, var(--line))}main.craft-doc ol.lesson-list .lesson-item{border-bottom:1px solid var(--line-craft, var(--line))}main.craft-doc ol.lesson-list .lesson-row{display:grid;grid-template-columns:44px 1fr 60px 72px;gap:18px;align-items:start;padding:20px 0;color:inherit;text-decoration:none;transition:background .18s ease-out}main.craft-doc ol.lesson-list.no-badges .lesson-row{grid-template-columns:44px 1fr 60px}main.craft-doc ol.lesson-list.no-badges .lesson-row .mins{padding-right:8px}main.craft-doc a.lesson-row:hover{background:color-mix(in oklch,var(--accent) 4%,transparent)}main.craft-doc a.lesson-row:hover .title{color:var(--accent)}main.craft-doc a.lesson-row:hover .badge{color:var(--accent);border-color:var(--accent)}main.craft-doc .lesson-row .num{color:var(--mute-2-craft, var(--mute-2));font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;padding:4px 0 0 8px}main.craft-doc .lesson-row .body{display:flex;flex-direction:column;gap:6px;min-width:0}main.craft-doc .lesson-row .title{font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--ink-craft, var(--ink));transition:color .16s ease}main.craft-doc .lesson-row .desc{color:var(--mute-craft, var(--mute));font-size:14px;line-height:1.65;max-width:58ch}main.craft-doc .lesson-row .mins{color:var(--mute-2-craft, var(--mute-2));font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;text-align:right;padding-top:6px}main.craft-doc .lesson-row .badge{justify-self:end;padding:3px 10px;border:1px solid var(--line-craft, var(--line));border-radius:999px;color:var(--mute-2-craft, var(--mute-2));font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;line-height:1.6;height:fit-content;margin-top:4px}main.craft-doc .status-live .lesson-row .badge{color:var(--accent);border-color:color-mix(in oklch,var(--accent) 45%,transparent)}main.craft-doc .status-planned .lesson-row{cursor:default}main.craft-doc .status-planned .lesson-row .title{color:var(--mute-craft, var(--mute))}@media(max-width:560px){main.craft-doc ol.lesson-list .lesson-row{grid-template-columns:32px 1fr 72px;gap:14px}main.craft-doc .lesson-row .mins{display:none}}