.focus-wrap{padding-block:48px 72px}.focus-intro{max-width:70ch;font-size:1.15rem;line-height:1.65;color:var(--ink-2)}.focus-crumbs{display:flex;gap:4px 10px;flex-wrap:wrap;align-items:center;margin-bottom:24px;font-size:.9rem;color:var(--ink-3)}.focus-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);text-decoration:none;transition:color .3s var(--ease)}.focus-crumbs a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.2em}.focus-crumbs>span{color:var(--ink-4)}.focus-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.focus-facts>div{padding:20px 22px;border-radius:var(--r-lg);background:var(--bg-2);box-shadow:var(--shadow-1),0 0 0 1px var(--line),inset 0 1px 0 var(--hi)}.focus-facts dt{margin-bottom:8px;font-size:.76rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.focus-facts dd{margin:0;line-height:1.6;color:var(--ink)}.focus-main{max-width:76ch;min-width:0}.focus-main :where(h2){font:500 clamp(1.5rem,2.8vw,1.85rem)/1.2 var(--font);letter-spacing:-.024em;margin:44px 0 14px}.focus-main :where(h3){font:500 1.15rem/1.3 var(--font);letter-spacing:-.012em;margin:24px 0 10px}.focus-main :where(p,li){font-size:18px;line-height:1.7}.focus-main :where(p){margin-bottom:18px}.focus-main :where(ul,ol){padding-left:24px;margin:14px 0 24px}.focus-main :where(li){margin-bottom:8px}.focus-main :where(li)::marker{color:var(--ink-3)}.focus-main :where(a){color:var(--accent);text-decoration-color:color-mix(in oklch,var(--accent) 40%,transparent);text-underline-offset:.2em}.focus-main :where(a):hover{text-decoration-color:var(--accent)}.focus-main a.button{color:var(--on-accent);text-decoration:none;white-space:normal;text-align:center;max-width:100%}.focus-syllabus{list-style:none;padding:0!important;margin:20px 0 28px;display:grid;gap:10px}.focus-syllabus li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;margin:0;padding:18px 20px;border-radius:var(--r-lg);background:var(--bg-2);box-shadow:var(--shadow-1),0 0 0 1px var(--line),inset 0 1px 0 var(--hi);transition:box-shadow .5s var(--ease)}.focus-syllabus li:hover{box-shadow:var(--shadow-2),0 0 0 1px var(--line-2),inset 0 1px 0 var(--hi)}.focus-syllabus a{display:inline-block;padding:2px 0;font:500 1.2rem/1.3 var(--font);letter-spacing:-.012em;color:var(--ink);text-decoration:none}.focus-syllabus a:hover{color:var(--accent);text-decoration:underline}.focus-syllabus p{font-size:1rem;margin:6px 0;color:var(--ink-2)}.focus-main .focus-meta,.focus-meta{font:400 .8rem/1.6 var(--mono);color:var(--ink-3)}.focus-sequence{padding-top:4px;font:400 .8rem/1.6 var(--mono);color:var(--accent);font-variant-numeric:tabular-nums}.focus-stages{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.focus-stages span{padding:6px 14px;border-radius:999px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);font:400 .8rem/1.4 var(--mono);color:var(--ink-2)}.focus-source,.focus-example,.focus-practice,.focus-setup{margin:28px 0;padding:28px;border-radius:var(--r-lg);background:var(--bg-2);box-shadow:var(--shadow-2),0 0 0 1px var(--line),inset 0 1px 0 var(--hi);scroll-margin-top:calc(var(--nav-h) + 16px)}.focus-setup{box-shadow:var(--shadow-1),0 0 0 1px var(--line),inset 0 1px 0 var(--hi)}.focus-main :is(.focus-source,.focus-example,.focus-practice,.focus-setup)>h2{margin-top:0}.focus-source pre,.focus-main :where(pre){white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:20px 0;padding:18px 20px;border-radius:var(--r);background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line);font:400 15px/1.65 var(--mono)}.focus-example blockquote{margin:16px 0;padding:18px 20px;border-radius:var(--r);background:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 22%,transparent);font:400 1.15rem/1.55 var(--serif);color:var(--ink);hanging-punctuation:first}.focus-main :where(details){border-top:1px solid var(--line);padding:12px 0}.focus-main details.focus-setup{border-top:0;padding:8px 28px}.focus-main :where(summary){cursor:pointer;min-height:44px;display:list-item;padding:10px 0;line-height:1.6;font-weight:500;color:var(--accent)}.focus-note{margin:20px 0;padding:18px 20px;border-radius:var(--r);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);line-height:1.65}.focus-note strong{display:block;margin-bottom:4px;font-size:.76rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}.focus-note p{margin:6px 0;font-size:1rem;color:var(--ink-2)}.focus-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:56px;align-items:start}.focus-sidebar{position:sticky;top:calc(var(--nav-h) + 24px);padding:22px;border-radius:var(--r-lg);background:var(--bg-2);box-shadow:var(--shadow-1),0 0 0 1px var(--line),inset 0 1px 0 var(--hi)}.focus-sidebar h2{font:500 .76rem/1.5 var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.focus-sidebar ol{list-style:none;margin:0 0 8px;padding:0}.focus-sidebar a{display:block;min-height:44px;padding:11px 0;border-top:1px solid var(--line);color:var(--ink-2);font-size:.92rem;line-height:1.45;text-decoration:none;transition:color .3s var(--ease)}.focus-sidebar a:hover{color:var(--ink)}.focus-sidebar ol+a,.focus-sidebar ol~a{color:var(--accent);font-weight:500}.focus-sidebar [aria-current=page]{color:var(--accent);font-weight:500}.focus-next{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:40px;padding:24px 0;border-top:1px solid var(--line-2)}.focus-next a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;font-weight:500;line-height:1.5;text-decoration:none}.focus-next a:hover{text-decoration:underline}.focus-main .focus-reviewed,.focus-reviewed{font-size:.86rem;color:var(--ink-3)}.focus-main .focus-practice .activity{margin:24px 0 0;padding:24px 0 0;background:transparent;border-radius:0;box-shadow:none;border-top:1px solid var(--line)}@media(max-width:950px){.focus-layout{grid-template-columns:minmax(0,1fr);gap:32px}.focus-sidebar{position:static;order:2}}@media(max-width:640px){.focus-wrap{padding-block:32px 56px}.focus-facts{grid-template-columns:1fr}.focus-source,.focus-example,.focus-practice{padding:20px}.focus-main details.focus-setup{padding:4px 20px}.focus-syllabus li{grid-template-columns:32px minmax(0,1fr);padding:16px;gap:10px}.focus-syllabus a{font-size:1.1rem}.focus-main :where(p,li){font-size:17px}.focus-main :where(pre){padding:16px;font-size:14px}}@media(prefers-reduced-motion:reduce){.focus-crumbs a,.focus-syllabus li,.focus-sidebar a{transition:none}}
