:root{--ds-black:#171717;--ds-white:#fff;--ds-true-black:#000;--ds-ship-red:#ff5b4f;--ds-preview-pink:#de1d8d;--ds-develop-blue:#0a72ef;--ds-console-blue:#0070f3;--ds-console-purple:#7928ca;--ds-console-pink:#eb367f;--ds-link-blue:#0072f5;--ds-focus-blue:#0072f5;--ds-ring-blue:#93c5fd80;--ds-gray-900:#171717;--ds-gray-600:#4d4d4d;--ds-gray-500:#666;--ds-gray-400:gray;--ds-gray-100:#ebebeb;--ds-gray-50:#fafafa;--ds-success:#22c55e;--ds-success-deep:#15803d;--ds-error:#ef4444;--ds-error-soft:#f87171;--ds-error-deep:#b42318;--ds-warning:#f59e0b;--ds-overlay-backdrop:#fafafa;--ds-selection-text:#f2f2f2;--ds-badge-blue-bg:#ebf5ff;--ds-badge-blue-text:#0068d6;--ds-shadow-border:#00000014 0 0 0 1px;--ds-shadow-border-soft:#ebebeb 0 0 0 1px;--ds-shadow-elevation:#0000000a 0 2px 2px;--ds-shadow-ambient:#0000000a 0 8px 8px -8px;--ds-shadow-card:#00000014 0 0 0 1px,#0000000a 0 2px 2px,#0000000a 0 8px 8px -8px,#fafafa 0 0 0 1px inset;--ds-dark-bg:#171717;--ds-dark-surface:#1f1f1f;--ds-dark-surface-2:#262626;--ds-dark-text:#ededed;--ds-dark-muted:#a1a1a1;--ds-dark-border:#ffffff1a;--ds-dark-border-soft:#ffffff0f;--ds-dark-shadow-border:#ffffff1a 0 0 0 1px;--ds-dark-shadow-card:#ffffff1a 0 0 0 1px,#0006 0 2px 4px,#0000004d 0 8px 16px -8px,#ffffff0a 0 0 0 1px inset}
:root{--ds-text-display:3rem;--ds-text-section:2.5rem;--ds-text-subheading:2rem;--ds-text-card-title:1.5rem;--ds-text-body-large:1.25rem;--ds-text-body:1.125rem;--ds-text-body-small:1rem;--ds-text-button:.875rem;--ds-text-caption:.75rem;--ds-text-mono-cap:.8125rem;--ds-text-micro:.4375rem;--ds-weight-regular:400;--ds-weight-medium:500;--ds-weight-semibold:600;--ds-weight-micro:700;--ds-leading-display:1;--ds-leading-tight:1.2;--ds-leading-snug:1.25;--ds-leading-card:1.33;--ds-leading-normal:1.5;--ds-leading-body:1.56;--ds-leading-relaxed:1.8;--ds-tracking-display:-.05em;--ds-tracking-section:-.06em;--ds-tracking-subheading:-.04em;--ds-tracking-card:-.04em;--ds-tracking-emphasis:-.02em;--ds-tracking-normal:0;--ds-tracking-mono-cap:.08em}
:root{--bg:var(--ds-white);--bg-strong:var(--ds-gray-50);--panel:var(--ds-white);--panel-strong:var(--ds-white);--text:var(--ds-black);--muted:var(--ds-gray-500);--border:#00000014;--border-strong:#00000024;--accent:var(--ds-link-blue);--brand:var(--accent);--accent-dark:var(--ds-badge-blue-text);--shadow:var(--ds-shadow-border),var(--ds-shadow-elevation),var(--ds-shadow-ambient);--shadow-ring:var(--ds-shadow-border);--shadow-card:var(--ds-shadow-card);--radius:12px;--radius-sm:8px;--shell:min(1200px,calc(100vw - 32px));--heading-font:var(--font-heading),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--body-font:var(--font-body),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--mono-font:var(--font-mono),"D2Coding","Nanum Gothic Coding",Consolas,monospace;--reading-font:var(--font-body),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--header-bg:#ffffffd9;--code-bg:var(--ds-gray-50);--code-text:var(--ds-black);--surface-soft:var(--ds-gray-50);--surface-hover:var(--ds-gray-100);--surface-elevated:var(--ds-white);--surface-muted:var(--ds-gray-50);--surface-tint:var(--ds-badge-blue-bg);--surface-image:var(--ds-gray-50);--lightbox-backdrop:#000000c7;--lightbox-panel:var(--ds-black);--lightbox-text:var(--ds-white);--site-header-offset:72px;--syntax-keyword:#7c3aed;--syntax-type:#0f766e;--syntax-string:#b45309;--syntax-number:#2563eb;--syntax-comment:#7c8796;--syntax-operator:#c2410c;--cursor-wave-bg:none;--cursor-wave-glow:transparent;--cursor-wave-char-rgb:78,102,158;--cursor-wave-char-bright-rgb:108,128,188;--cursor-wave-splash-rgb:18,108,255;--cursor-wave-splash-bright-rgb:74,166,255}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--ds-dark-bg);--bg-strong:var(--ds-dark-surface);--panel:var(--ds-dark-surface);--panel-strong:var(--ds-dark-surface-2);--text:var(--ds-dark-text);--muted:var(--ds-dark-muted);--border:var(--ds-dark-border);--border-strong:#ffffff2e;--accent:var(--ds-link-blue);--accent-dark:#3392ff;--shadow:var(--ds-dark-shadow-border),#0006 0 2px 4px,#0000004d 0 8px 16px -8px;--shadow-ring:var(--ds-dark-shadow-border);--shadow-card:var(--ds-dark-shadow-card);--header-bg:#171717cc;--code-bg:var(--ds-dark-surface);--code-text:var(--ds-dark-text);--surface-soft:var(--ds-dark-border-soft);--surface-hover:var(--ds-dark-border);--surface-elevated:var(--ds-dark-surface-2);--surface-muted:var(--ds-dark-surface);--surface-tint:#0072f526;--surface-image:var(--ds-dark-surface);--lightbox-backdrop:#000000eb;--lightbox-panel:var(--ds-dark-surface);--lightbox-text:var(--ds-dark-text);--syntax-keyword:#c4b5fd;--syntax-type:#5eead4;--syntax-string:#fdba74;--syntax-number:#93c5fd;--syntax-comment:#94a3b8;--syntax-operator:#fca5a5;--cursor-wave-bg:none;--cursor-wave-glow:transparent;--cursor-wave-char-rgb:160,188,228;--cursor-wave-char-bright-rgb:208,225,248;--cursor-wave-splash-rgb:56,144,255;--cursor-wave-splash-bright-rgb:132,198,255}
*{box-sizing:border-box}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:20px}body{font-family:var(--body-font);color:var(--text);background:var(--bg);min-height:100vh;margin:0;transition:background .18s,color .18s;position:relative}body.has-lightbox{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}.shell{width:var(--shell);margin:0 auto}.page-shell{padding:18px 0 64px;position:relative}.site-cursor-backdrop{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.site-cursor-backdrop--page{position:absolute;inset:0 0 auto}.site-cursor-backdrop__glow{background:var(--cursor-wave-bg),radial-gradient(circle at 50% 12%,var(--cursor-wave-glow),transparent 34%);opacity:.9;position:absolute;inset:0}.site-cursor-backdrop__canvas{width:100%;height:100%;position:absolute;inset:0}.page-shell:has(.archive-workbench){width:min(100vw - 32px,1880px)}.landing-intro,.page-intro{gap:10px;margin-bottom:18px;display:grid}.landing-intro h1,.page-intro h1,.language-board__head h2{font-family:var(--heading-font);margin:0;line-height:1}.landing-intro h1{font-size:var(--ds-text-display);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-display);line-height:var(--ds-leading-display)}.page-intro h1,.language-board__head h2{font-size:var(--ds-text-section);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-section);line-height:var(--ds-leading-tight)}.landing-intro p:last-child,.page-intro p:last-child{max-width:68ch;color:var(--muted);margin:0;line-height:1.7}.landing-intro--minimal{margin-bottom:18px}.landing-intro--minimal p{display:block}.landing-intro--minimal .eyebrow{margin-bottom:0}.landing-intro--minimal h1{font-size:var(--ds-text-subheading);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-subheading);line-height:var(--ds-leading-snug)}.landing-intro__title{font-family:var(--heading-font);font-size:var(--ds-text-subheading);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-subheading);line-height:var(--ds-leading-snug);margin:0}.landing-intro__alias{color:var(--muted);font-size:var(--ds-text-body-small);letter-spacing:var(--ds-tracking-normal);margin:-2px 0 0}.landing-intro--minimal p:last-child{font-size:var(--ds-text-body-small);max-width:52ch;margin-top:2px}.language-board{gap:12px;display:grid}.language-board__head--compact{align-items:end;margin-bottom:2px}.language-board__head--compact h2{font-family:var(--body-font);font-size:var(--ds-text-subheading);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-subheading);line-height:var(--ds-leading-snug)}.language-board__head--compact p{font-size:var(--ds-text-button);color:var(--muted);margin:0}
.site-header{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);box-shadow:0 1px 0 0 var(--border);position:relative;overflow:visible}.site-header__inner,.site-footer__inner,.site-footer__sub{justify-content:space-between;align-items:center;gap:16px;display:flex}.site-header__inner{z-index:2;flex-wrap:nowrap;justify-content:space-between;padding:10px 0 8px;position:relative;overflow:visible}.site-header__actions{flex-wrap:nowrap;flex:auto;justify-content:flex-end;align-items:flex-start;gap:10px 12px;min-width:0;display:flex;overflow:visible}.site-header__actions-desktop{flex-wrap:nowrap;align-items:flex-start;gap:10px 12px;display:flex}.site-header__actions-mobile{display:none}.picker{min-height:auto;color:var(--text);background:0 0;border:0;flex:none;gap:5px;padding:0;transition:background-color .18s,border-color .18s,color .18s;display:grid}.picker__label{font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);color:var(--muted);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase}.picker__list{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.picker__control{border-bottom:2px solid #0000;align-items:center;gap:8px;min-width:0;max-width:100%;padding-bottom:2px;transition:border-color .18s,color .18s;display:inline-flex;position:relative}.picker__control--menu{z-index:30;border-bottom:0;padding-bottom:0;display:inline-block}.picker__value{color:var(--text);font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-snug);white-space:nowrap}.picker__button{min-width:auto;min-height:auto;color:var(--text);box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:8px;padding:0 0 2px;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.picker__button:hover,.picker__button:focus-visible,.picker__button.is-open{border-bottom-color:color-mix(in srgb,var(--accent)66%,transparent);box-shadow:none;background:0 0}.picker__button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)30%,transparent);outline-offset:4px;border-radius:8px}.picker__menu{z-index:160;border:1px solid color-mix(in srgb,var(--border)88%,transparent);background:color-mix(in srgb,var(--panel-strong)96%,var(--bg)4%);border-radius:14px;gap:4px;min-width:156px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 32px #0f172a29}.picker__menu--cursor{gap:10px;min-width:248px;padding:10px}.site-display-menu__button{border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;min-height:38px;padding:0 12px}.site-display-menu__button:hover,.site-display-menu__button:focus-visible,.site-display-menu__button.is-open{border-color:color-mix(in srgb,var(--accent)28%,var(--border)72%);background:var(--surface-hover)}.site-display-menu__panel{width:min(320px,100vw - 24px);max-height:min(72vh,560px);overflow:auto}.site-display-menu__intro{gap:4px;display:grid}.site-display-menu__intro strong{font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold)}.site-display-menu__intro p{color:var(--muted);font-size:var(--ds-text-button);line-height:var(--ds-leading-normal);margin:0}.picker__section{gap:8px;display:grid}.picker__section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.picker__section-label,.picker__section-meta{font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase}.picker__section-label{color:var(--muted)}.picker__section-meta{color:var(--text)}.picker__theme-grid{gap:4px;display:grid}.picker__slider{width:100%;accent-color:var(--accent);cursor:pointer}.picker__slider-labels{color:var(--muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);justify-content:space-between;align-items:center;gap:8px;display:flex}.picker__option{min-height:34px;color:var(--text);font-size:var(--ds-text-button);font-weight:var(--ds-weight-medium);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;transition:background-color .18s,border-color .18s,color .18s;display:flex}.picker__option:hover,.picker__option:focus-visible{background:color-mix(in srgb,var(--surface-hover)82%,transparent);border-color:color-mix(in srgb,var(--accent)18%,transparent)}.picker__option:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)28%,transparent);outline-offset:2px}.picker__option.is-active{background:color-mix(in srgb,var(--surface-tint)72%,transparent);border-color:color-mix(in srgb,var(--accent)32%,transparent);color:var(--accent-dark)}.picker__option-mark{color:var(--accent-dark);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold)}.picker__icon{width:14px;height:14px;color:var(--muted);pointer-events:none;flex:none;transition:color .18s;position:static}.picker__icon svg{width:100%;height:100%;display:block}.picker__button:hover .picker__icon,.picker__button:focus-visible .picker__icon,.picker__button.is-open .picker__icon{color:var(--text)}.picker__chip{min-height:auto;color:var(--muted);cursor:pointer;font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-snug);background:0 0;border:0;border-bottom:2px solid #0000;padding:0;transition:background-color .18s,border-color .18s,color .18s}.picker__button .picker__value,.picker__chip:hover{color:var(--text)}.picker__chip.is-active{color:var(--text);border-bottom-color:color-mix(in srgb,var(--accent)66%,transparent)}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand__copy{gap:2px;min-width:0;display:grid}.brand__title-row{align-items:baseline;gap:7px;min-width:0;display:inline-flex}.brand strong{font-family:var(--body-font);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);line-height:1;display:block}.brand__mark{width:auto;height:auto;color:color-mix(in srgb,var(--accent)72%,var(--text)28%);font-family:var(--font-mono);font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-emphasis);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding-right:2px;display:inline-flex}.brand__alias{color:var(--muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-normal);white-space:nowrap}.brand__tagline{color:var(--muted);font-size:var(--ds-text-caption);line-height:var(--ds-leading-snug);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.nav{flex-wrap:wrap;gap:10px;display:inline-flex}.nav-link,.category-pill,.button,.copy-button,.picker,.picker__chip{transition:background-color .18s,border-color .18s,color .18s}.nav-link{color:var(--muted);border-radius:999px;padding:10px 14px}.nav-link:hover,.nav-link.is-active{color:var(--text);background:var(--surface-hover)}.category-strip{flex-wrap:wrap;gap:10px;padding:0 0 16px;display:flex}.category-pill{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);border-radius:999px;padding:8px 14px}.category-pill.is-active,.category-pill:hover,.button:hover,.copy-button:hover,.zoom-figure__button:hover{transform:translateY(-1px)}
.hero,.sheet-hero,.filter-panel,.section-block,.policy-card,.course-downloads--inline,.sticky-card,.ad-slot,.category-card,.sheet-card,.reference-card,.article-prose{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);min-width:0}.hero,.sheet-hero{border-radius:calc(var(--radius) + 8px);grid-template-columns:1.3fr .9fr;gap:28px;padding:clamp(28px,5vw,48px);display:grid;position:relative;overflow:hidden}.hero--compact{grid-template-columns:1.15fr .85fr}.hero:before,.sheet-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0d8f722e,#0000 70%);width:220px;height:220px;position:absolute;inset:auto -80px -100px auto}.hero--category,.sheet-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-tint)68%,var(--panel-strong)32%),color-mix(in srgb,var(--panel)92%,var(--surface-tint)8%)),var(--panel)}.hero__copy,.hero__panel,.sheet-hero__copy,.sheet-hero__media{z-index:1;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:var(--ds-tracking-mono-cap);font-size:var(--ds-text-caption);color:var(--accent-dark);font-weight:var(--ds-weight-medium);align-items:center;gap:8px;margin:0 0 14px;display:inline-flex}.hero h1,.sheet-hero h1,.section-head h2,.filter-panel h2,.policy-card h2,.category-card h3,.sheet-card h3{font-family:var(--heading-font);margin:0;line-height:.98}.hero h1,.sheet-hero h1{font-size:var(--ds-text-display);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-display);line-height:var(--ds-leading-display);max-width:10ch}.hero__lede,.sheet-hero__summary{font-size:var(--ds-text-body-large);line-height:var(--ds-leading-relaxed);color:var(--text);max-width:56ch;margin:18px 0 0}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button{min-height:46px;font-size:var(--ds-text-button);font-weight:var(--ds-weight-medium);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex}.button--primary{background:var(--accent);color:var(--ds-white)}.button--ghost{background:var(--surface-hover);border-color:var(--border)}.hero__panel,.hero-note{border-radius:var(--radius-sm);background:var(--surface-muted)}.hero__panel{align-self:start;gap:18px;padding:22px;display:grid}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hero-stats li{background:var(--surface-tint);border-radius:18px;gap:6px;padding:16px;display:grid}.hero-stats strong{font-size:var(--ds-text-card-title);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-card)}.hero-note{padding:18px}
.hero-note p,.section-head p,.filter-panel__head p,.policy-card p,.ad-slot p,.site-footer p,.site-footer__sub,.article-prose p,.breadcrumb,.sheet-meta,.filter-empty,.table-wrap td,.table-wrap th,.article-prose li,.toc-list a,.filter-panel__meta,.zoom-figure figcaption{color:var(--muted);line-height:1.7}.ad-slot{border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent)8%,var(--panel-strong)92%),color-mix(in srgb,var(--surface-elevated)96%,var(--surface-tint)4%)),var(--surface-elevated);border-radius:18px;gap:6px;margin:24px 0;padding:18px 20px;display:grid}.ad-slot--compact{border-radius:18px}.ad-slot__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:var(--ds-text-caption);color:var(--accent-dark);font-weight:var(--ds-weight-semibold)}.ad-slot__frame,.reference-card__ad-frame{place-items:start center;width:100%;min-width:0;margin-top:6px;display:grid;overflow:hidden}.ad-slot__adsense,.reference-card__adsense{width:100%;min-width:0;max-width:100%;min-height:110px;margin-inline:auto;overflow:hidden}.reference-card__ad-frame{border:1px solid var(--border);background:color-mix(in srgb,var(--panel-strong)88%,var(--surface-tint)12%);border-radius:14px;justify-items:center;padding:10px;overflow:hidden}.ad-slot__frame--adsense,.reference-card__ad-frame--adsense{place-items:stretch stretch;width:100%;max-width:100%}.ad-slot__frame--adsense{min-height:clamp(180px,42vw,320px)}.reference-card__ad-frame--adsense{min-height:clamp(180px,48vw,320px)}.ad-slot__frame>*,.reference-card__ad-frame>*{justify-self:center;width:100%}.ad-slot__frame--adsense>*,.reference-card__ad-frame--adsense>*{width:100%;min-width:0;max-width:100%}.ad-slot__placeholder,.reference-card__ad-placeholder{border:1px dashed color-mix(in srgb,var(--border)88%,transparent);background:color-mix(in srgb,var(--panel-strong)92%,var(--surface-tint)8%);width:100%;min-height:100%;color:var(--muted);text-align:center;border-radius:14px;place-items:center;padding:16px;display:grid}.ad-slot__placeholder span,.reference-card__ad-placeholder span{font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.coupang-slot{place-items:start center;width:100%;display:grid;overflow:hidden}.coupang-slot__stage{place-items:center;max-width:100%;margin-inline:auto;display:grid}.coupang-slot__inner{place-items:center;width:100%;height:100%;display:grid}.coupang-slot__inner iframe{max-width:100%;margin-inline:auto;display:block}.coupang-slot--inline{padding:6px 0}.coupang-slot--detail{padding:4px 0 2px}.coupang-slot--detail .coupang-slot__stage{width:100%}
.section-block,.filter-panel,.policy-card{border-radius:var(--radius);margin-top:28px;padding:clamp(22px,3.4vw,34px)}.section-head,.filter-panel__head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.section-head h2,.filter-panel h2{font-size:var(--ds-text-section);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-section);line-height:var(--ds-leading-tight)}.card-grid,.category-grid,.policy-grid,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.sheet-card,.category-card,.reference-card{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-ring);transition:box-shadow .16s,transform .16s;overflow:hidden}.sheet-card:hover,.category-card:hover,.reference-card:hover{box-shadow:var(--shadow)}.sheet-card__link,.category-card__main-link{gap:14px;height:100%;padding:22px;display:grid}.sheet-card__meta,.sheet-card__footer,.category-card__footer,.sheet-meta,.breadcrumb,.footer-links{flex-wrap:wrap;gap:12px;display:flex}.sheet-card__meta,.sheet-card__footer,.category-card__footer,.sheet-meta,.breadcrumb{font-size:var(--ds-text-button)}
.sheet-card__category,.sheet-card__meta span,.tag-list li{background:var(--surface-soft);border-radius:999px;align-items:center;min-height:28px;padding:0 11px;display:inline-flex}.sheet-card__category{color:color-mix(in srgb,var(--accent)84%,var(--ds-true-black)16%);background:color-mix(in srgb,var(--accent)16%,var(--panel-strong)84%)}.sheet-card h3,.category-card h3{font-size:var(--ds-text-card-title);font-family:var(--body-font);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-card);line-height:var(--ds-leading-card)}.tag-list,.toc-list{margin:0;padding:0;list-style:none}.tag-list{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.tag-list li{background:var(--surface-tint);color:var(--accent-dark);font-size:var(--ds-text-button);flex:0 auto;min-width:0;max-width:min(100%,18ch);overflow:hidden}.tag-list__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}

.home-hero{border-radius:var(--radius);background:var(--panel);min-height:clamp(28rem,62vh,42rem);box-shadow:var(--shadow-ring);isolation:isolate;place-items:center;margin:-8px 0 18px;padding:clamp(1.4rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.home-hero:before{content:none}.home-hero__copy{z-index:0;text-align:center;-webkit-user-select:none;user-select:none;justify-items:center;gap:8px;width:100%;max-width:min(56rem,100%);margin-inline:auto;display:grid;position:relative}.home-hero__copy h1{color:var(--text);font-family:var(--heading-font);font-size:var(--ds-text-display);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-display);letter-spacing:var(--ds-tracking-display);margin:0}.home-hero__subtitle{color:var(--muted);font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-normal);margin:0}.home-hero__lede,.home-hero__support{max-width:44rem;color:var(--muted);margin:0;line-height:1.72}.home-hero__support{color:var(--muted);opacity:.8;max-width:38rem}.home-hero__links{flex-wrap:wrap;justify-content:center;gap:16px;padding-top:6px;display:flex}.home-hero__link{min-height:44px;font-size:var(--ds-text-button);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-normal);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.home-hero__link:hover,.home-hero__link:focus-visible{transform:translateY(-1px)}.home-hero__link--primary{background:var(--text);color:var(--bg);border-radius:var(--radius-sm)}.home-hero__link--primary:hover{background:color-mix(in srgb,var(--text)85%,var(--bg)15%)}.home-hero__link--secondary{background:var(--panel);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-ring);border-radius:var(--radius-sm)}.home-hero__link--ghost{color:var(--muted);text-transform:uppercase}.category-grid--home{--home-category-tile-min-width:240px;--home-category-tile-max-width:320px;--home-category-tile-height:156px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--home-category-tile-min-width)),1fr));gap:16px;margin-bottom:14px}.language-board,.category-groups,.category-group,.category-subgroup,.home-tool-divider,.category-grid--home,.category-card,.category-card__main-link,.category-group__head,.category-group__head>div,.category-group__toggle-button,.category-subgroup__head{z-index:4;position:relative}.category-group--favorites .category-group__toggle-button{z-index:6}.category-grid--home-compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--home-category-tile-min-width)),var(--home-category-tile-max-width)));justify-content:start}.category-grid--home>*{height:var(--home-category-tile-height)}.category-grid--editing>*{height:auto;min-height:calc(var(--home-category-tile-height) + 48px)}.category-grid__ad-card{height:100%;min-height:var(--home-category-tile-height)}.category-card__ad-shell{place-items:center;height:100%;min-height:0;padding:12px 13px 13px;display:grid;overflow:hidden}.category-card__ad-frame{background:0 0;border-radius:14px;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.category-card__ad-frame--adsense{align-items:stretch}.category-card__ad-frame>*{width:100%;min-width:0}.category-card__adsense{min-height:100%}.category-card__ad-placeholder{border:1px dashed color-mix(in srgb,var(--border)88%,transparent);background:color-mix(in srgb,var(--panel-strong)92%,var(--surface-tint)8%);width:100%;min-height:100%;color:var(--muted);text-align:center;border-radius:14px;place-items:center;padding:12px;display:grid}.category-card__ad-placeholder span{font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase}.category-card__ad-frame .coupang-slot__stage{max-width:100%}.category-card__ad-frame .coupang-slot--home{align-items:center}.category-groups{gap:26px;display:grid}.category-group,.category-subgroups{gap:18px;display:grid}.category-subgroup{gap:12px;display:grid}.category-subgroup__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.category-subgroup__head h4{font-size:var(--ds-text-body-large);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-emphasis);line-height:var(--ds-leading-snug);font-family:var(--heading-font);margin:0}.category-subgroup__head p{color:var(--muted);font-size:var(--ds-text-button);margin:0}.category-group--favorites{margin-bottom:8px}.favorites-empty{border:1px dashed color-mix(in srgb,var(--border)82%,transparent);background:color-mix(in srgb,var(--panel-strong)94%,var(--surface-tint)6%);border-radius:18px;gap:8px;padding:18px 20px;display:grid}.favorites-empty__title{font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold)}.favorites-empty__description{color:var(--muted);margin:0;line-height:1.6}.category-group+.category-group{margin-top:0}.home-tool-divider{border-top:1px solid color-mix(in srgb,var(--border)72%,var(--surface-tint)28%);margin:12px 0 0;padding-top:14px}.home-tool-divider--references{border-top:0;margin-top:0;margin-bottom:-10px;padding-top:0}.home-tool-divider .eyebrow{text-transform:none;letter-spacing:var(--ds-tracking-subheading);font-size:var(--ds-text-subheading);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-tight);color:var(--accent-dark);margin:0 0 8px;display:block}.category-group__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:16px;padding-bottom:14px;display:flex}.category-group__head h3{font-size:var(--ds-text-card-title);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-card);line-height:var(--ds-leading-card);font-family:var(--heading-font);margin:0}.category-group__head p{font-size:var(--ds-text-button);color:var(--muted);margin:8px 0 0}.category-group__head span{color:var(--muted);font-size:var(--ds-text-button);white-space:nowrap}.category-group__toggle-button{z-index:12;isolation:isolate;border:1px solid color-mix(in srgb,var(--border)86%,var(--panel-strong)14%);background:color-mix(in srgb,var(--panel-strong)94%,var(--bg)6%);min-height:32px;color:var(--text);font-size:var(--ds-text-button);font-weight:var(--ds-weight-medium);cursor:pointer;border-radius:999px;padding:0 12px;transition:border-color .14s,background .14s,color .14s,transform .14s;position:relative;box-shadow:0 10px 22px #080f211f}.category-group__toggle-button:hover,.category-group__toggle-button:focus-visible{border-color:color-mix(in srgb,var(--accent)32%,var(--border)68%);background:color-mix(in srgb,var(--panel-strong)86%,var(--accent)14%);transform:translateY(-1px)}.category-card p{color:var(--muted);line-height:1.7}.category-card__topics{gap:10px;margin:0;padding:0;list-style:none;display:grid}.category-card__topics li{background:var(--surface-muted);color:var(--text);font-size:var(--ds-text-body-small);border-radius:16px;padding:12px 14px}.category-card__cta{color:var(--text);font-weight:var(--ds-weight-medium)}.category-card--minimal{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-ring);border:0;transition:box-shadow .16s,transform .16s;position:relative}.category-card--minimal:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.category-card__card-shell{height:100%;min-height:0;display:grid;position:relative}.category-card__favorite{z-index:7;width:28px;height:28px;color:color-mix(in srgb,var(--muted)70%,transparent);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;line-height:1;transition:background .14s,color .14s;display:inline-flex;position:absolute;top:14px;right:14px}.category-card__favorite:hover,.category-card__favorite:focus-visible{color:var(--text);background:var(--surface-soft)}.category-card__favorite:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.category-card__favorite.is-active{color:var(--text)}.category-card__main-link{grid-template-rows:auto 1fr auto;align-content:stretch;gap:14px;height:100%;min-height:100%;padding:20px 22px;display:grid}.category-card--minimal:before{content:none}.category-card__meta-line{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;padding-right:34px;display:flex}.category-card--editable{grid-template-rows:minmax(0,1fr) auto;display:grid}.category-card__edit-bar{justify-content:center;align-items:center;gap:8px;padding:0 13px 13px;display:flex}.category-card__favorite-move{border:1px solid color-mix(in srgb,var(--border)84%,transparent);background:color-mix(in srgb,var(--surface-soft)84%,transparent);min-height:28px;color:color-mix(in srgb,var(--muted)88%,transparent);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;line-height:1;transition:transform .14s,border-color .14s,background .14s,color .14s,opacity .14s;display:inline-flex}.category-card__favorite-move--wide{min-width:72px}.category-card__favorite-move:hover,.category-card__favorite-move:focus-visible{color:var(--text);border-color:color-mix(in srgb,var(--accent)30%,var(--border)70%);background:color-mix(in srgb,var(--accent)12%,transparent);transform:translateY(-1px)}.category-card__favorite-move:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)28%,transparent);outline-offset:2px}.category-card__favorite-move:disabled{opacity:.32;cursor:default;background:0 0;transform:none}.category-card__icon{display:none}.category-card__badge{color:var(--muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase;background:0 0;align-items:center;gap:6px;width:max-content;padding:0;display:inline-flex}.category-card__badge:before{content:"";background:var(--accent);opacity:.85;border-radius:50%;width:6px;height:6px}.category-card--minimal h3{font-size:var(--ds-text-body-large);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-emphasis);line-height:var(--ds-leading-snug);color:var(--text);margin:0}.category-card__summary{color:var(--muted);font-size:var(--ds-text-caption);line-height:var(--ds-leading-card);margin:0}.category-card--minimal .category-card__footer{width:100%;font-size:var(--ds-text-button);color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px}.category-card__cta{color:var(--text);font-size:var(--ds-text-button);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-normal);opacity:.7;background:0 0;align-items:center;gap:4px;padding:0;transition:opacity .14s,transform .14s;display:inline-flex}.category-card__cta:after{content:"→";transition:transform .16s;display:inline-block}.category-card--minimal:hover .category-card__cta{opacity:1}.category-card--minimal:hover .category-card__cta:after{transform:translate(2px)}
.filter-input{gap:10px;margin-bottom:18px;display:grid}.filter-input span{font-weight:var(--ds-weight-semibold)}.reference-index{gap:16px;display:grid}.reference-filters,.reference-filter-group{gap:12px;display:grid}.reference-filter-group__label{font-weight:var(--ds-weight-semibold);color:var(--text)}.filter-chip-row{flex-wrap:wrap;gap:10px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface-muted);min-height:38px;color:var(--muted);cursor:pointer;border-radius:999px;padding:0 14px;transition:transform .18s,background-color .18s,border-color .18s,color .18s}.filter-chip.is-active,.filter-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent)30%,var(--border)70%);background:var(--surface-tint);transform:translateY(-1px)}.filter-chip:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)30%,transparent);outline-offset:2px}.reference-index__head{gap:12px;display:grid}.reference-index__lead{gap:8px;display:grid}.reference-index__head h1,.reference-index__head h2{font-family:var(--body-font);font-size:var(--ds-text-section);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-section);line-height:var(--ds-leading-tight);margin:0}.reference-index__lead p:last-child{max-width:68ch;color:var(--muted);margin:0}.reference-index__tools{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;display:flex}.reference-index__search{flex:320px;margin:0}.reference-index__meta{color:var(--muted);font-size:var(--ds-text-button);white-space:nowrap;margin:0}.reference-index__summary{justify-items:end;gap:4px;display:grid}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-index__hint{color:var(--muted);font-size:var(--ds-text-button);text-align:right;margin:0}.reference-index>.ad-slot{margin:0}.reference-sections{gap:22px;display:grid}.reference-section{gap:14px;display:grid}.reference-section__head{border-bottom:1px solid color-mix(in srgb,var(--border)82%,transparent 18%);justify-content:space-between;align-items:end;gap:16px;padding-bottom:4px;display:flex}.reference-section__head h2{font-family:var(--body-font);font-size:var(--ds-text-card-title);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-card);line-height:var(--ds-leading-card);margin:0}.reference-section__head p{color:var(--muted);font-size:var(--ds-text-button);white-space:nowrap;margin:0}.filter-input input{border:1px solid var(--border);background:var(--surface-hover);min-height:56px;color:var(--text);border-radius:18px;padding:0 18px}.filter-input input:focus-visible,.copy-button:focus-visible,.zoom-figure__button:focus-visible,.table-wrap__expand:focus-visible,.lightbox__close:focus-visible,.button:focus-visible,.nav-link:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)30%,transparent);outline-offset:2px}.sheet-layout{grid-template-columns:280px minmax(0,1fr);gap:28px;margin-top:20px;display:grid}.sheet-layout>*{min-width:0}.filter-empty--action{justify-items:start;gap:12px;display:grid}.filter-empty__action{min-height:38px}
.route-feedback{gap:16px;display:grid}.route-feedback__card{border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated)94%,transparent),var(--panel)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent)10%,transparent),transparent 42%);box-shadow:var(--shadow);border-radius:24px;gap:18px;padding:22px;display:grid}.route-feedback--error .route-feedback__card{border-color:color-mix(in srgb,var(--accent)22%,var(--border)78%)}.route-feedback__eyebrow{margin:0}.route-feedback__copy{gap:8px;display:grid}.route-feedback__copy h1{font-family:var(--body-font);font-size:clamp(1.5rem,2.4vw,2.15rem);font-weight:var(--ds-weight-semibold);margin:0;line-height:1.08}.route-feedback__copy p,.route-feedback__meta{max-width:62ch;color:var(--muted);margin:0;line-height:1.7}.route-feedback__preview{gap:12px;display:grid}.route-feedback__card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.route-feedback__article-grid{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;display:grid}.route-feedback__article-main{gap:12px;display:grid}.route-feedback__pulse{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-soft)76%,transparent),color-mix(in srgb,var(--surface-hover)96%,transparent),color-mix(in srgb,var(--surface-soft)76%,transparent));background-size:220% 100%;border-radius:18px;animation:1.4s ease-in-out infinite route-feedback-pulse;display:block}.route-feedback__pulse--pill{border-radius:999px;width:120px;height:30px}.route-feedback__pulse--title{width:min(440px,90%);height:24px}.route-feedback__pulse--body{width:min(360px,74%);height:14px}.route-feedback__pulse--body.is-wide,.route-feedback__pulse--toolbar{width:100%}.route-feedback__pulse--toolbar{height:54px}.route-feedback__pulse--row{width:100%;height:90px}.route-feedback__pulse--card{min-height:184px}.route-feedback__pulse--aside{min-height:220px}.route-feedback__pulse--panel{min-height:180px}.route-feedback__pulse--panel.is-tall{min-height:260px}.route-feedback__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@keyframes route-feedback-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:720px){.route-feedback__card{border-radius:20px;padding:18px}.route-feedback__card-grid,.route-feedback__article-grid{grid-template-columns:1fr}.route-feedback__pulse--card,.route-feedback__pulse--row,.route-feedback__pulse--aside,.route-feedback__pulse--panel,.route-feedback__pulse--panel.is-tall{min-height:136px}}
.doc-header{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-elevated),var(--panel));box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:18px 20px;display:grid}.doc-header__topline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.doc-header__pill,.doc-header__subcategory{min-height:30px;font-size:var(--ds-text-button);border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.doc-header__pill{background:var(--surface-tint);color:var(--accent-dark);font-weight:var(--ds-weight-medium)}.doc-header__subcategory{background:var(--surface-soft);color:var(--muted)}.doc-header__meta-note{color:var(--muted);font-size:var(--ds-text-button);line-height:var(--ds-leading-normal);margin:-4px 0 0}.doc-header h1{max-width:24ch;font-family:var(--body-font);font-size:var(--ds-text-section);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-section);line-height:var(--ds-leading-tight);word-break:normal;overflow-wrap:anywhere;white-space:normal;text-wrap:balance;margin:0}.doc-header__summary{max-width:72ch;font-size:var(--ds-text-body-small);line-height:var(--ds-leading-body);margin:0}
.masonry-grid{grid-template-columns:repeat(3,minmax(0,1fr));place-items:stretch stretch;gap:18px;display:grid}.masonry-grid.is-ready{isolation:isolate;display:block;position:relative;overflow:clip}.masonry-grid__item{width:100%;min-width:0}.masonry-grid.is-ready .masonry-grid__item{will-change:transform;transition:transform .18s,width .18s;position:absolute;inset:0 auto auto 0}@media (max-width:1200px){.masonry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.masonry-grid{grid-template-columns:1fr}}
.reference-card{border-top:3px solid color-mix(in srgb,var(--accent)76%,var(--panel-strong)24%);background:linear-gradient(180deg,var(--surface-elevated),var(--panel)),var(--panel);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:380px;min-height:380px;padding:18px;display:grid;position:relative;overflow:hidden}.reference-card__top,.reference-card__footer{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:14px;display:flex}.reference-card__footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.reference-card__badges{flex-wrap:wrap;gap:10px;display:flex}.reference-card__meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.reference-card__footer-meta{flex:auto;align-items:start;gap:8px;min-width:0;display:grid}.reference-card__category,.reference-card__difficulty,.reference-card__sub-category{background:var(--surface-soft);min-height:22px;font-size:var(--ds-text-caption);line-height:var(--ds-leading-snug);border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.reference-card__category{color:color-mix(in srgb,var(--accent)84%,var(--ds-true-black)16%);background:color-mix(in srgb,var(--accent)16%,var(--panel-strong)84%)}.reference-card__date{color:var(--muted);font-size:var(--ds-text-button)}.reference-card__body{gap:12px;min-width:0;display:grid}.reference-card__body--ad{gap:0}.reference-card__body h3{font-family:var(--body-font);color:var(--text);font-size:var(--ds-text-body-large);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-emphasis);line-height:var(--ds-leading-snug);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.reference-card__body p{color:color-mix(in srgb,var(--text)74%,var(--ds-true-black)26%);font-size:var(--ds-text-button);line-height:var(--ds-leading-normal);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.reference-card__code{border:1px solid var(--border-strong);background:var(--code-bg);color:var(--code-text);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--code-text)8%,transparent);border-radius:14px;min-height:0;position:relative;overflow:hidden}.reference-card__code--interactive{cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.reference-card__code--interactive:hover{border-color:color-mix(in srgb,var(--accent)24%,var(--border-strong)76%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--code-text)8%,transparent),0 10px 20px color-mix(in srgb,var(--accent)8%,transparent)}.reference-card__code--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)34%,transparent);outline-offset:3px}.reference-card__code:before,.reference-card__code:after{content:"";pointer-events:none;z-index:1;height:18px;position:absolute;left:0;right:0}.reference-card__code:before{background:linear-gradient(to bottom,color-mix(in srgb,var(--code-bg)92%,transparent),transparent);top:0}.reference-card__code:after{background:linear-gradient(to top,color-mix(in srgb,var(--code-bg)92%,transparent),transparent);bottom:0}.reference-card__image{border:1px solid var(--border);background:var(--surface-image);aspect-ratio:16/9;border-radius:14px;max-height:170px;margin:0;overflow:hidden}.reference-card__image img{object-fit:cover;width:100%;height:100%}.reference-card__image .zoom-figure__button{border-radius:14px}.reference-card__code pre{font-family:var(--mono-font);font-size:var(--ds-text-mono-cap);line-height:var(--ds-leading-normal);white-space:pre;overflow-wrap:normal;word-break:normal;max-height:8.4em;margin:0;padding:12px 34px 12px 12px;overflow:hidden}.reference-card__code code{display:block}.reference-card__expand-hint{z-index:2;background:color-mix(in srgb,var(--surface-elevated)58%,var(--code-bg)42%);min-height:22px;color:color-mix(in srgb,var(--text)66%,var(--ds-true-black)34%);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-normal);cursor:pointer;opacity:.68;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;transition:opacity .18s,transform .18s,background-color .18s;display:inline-flex;position:absolute;top:16px;right:18px}.reference-card__expand-hint:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)34%,transparent);outline-offset:2px}.reference-card__code--interactive:hover~.reference-card__expand-hint,.reference-card__code--interactive:focus-visible~.reference-card__expand-hint,.reference-card:hover .reference-card__expand-hint,.reference-card:focus-within .reference-card__expand-hint,.reference-card__expand-hint:hover,.reference-card__expand-hint:focus-visible{opacity:.96;background:color-mix(in srgb,var(--surface-elevated)70%,var(--code-bg)30%);transform:translateY(-1px)}.reference-card__code-expand:hover{opacity:.88;transform:translateY(-1px)}.reference-card__code-expand:active{transform:translateY(0)}.reference-card__code-sidepanel-backdrop{inset:calc(var(--site-header-offset) + 6px)0 0 0;z-index:90;background:linear-gradient(90deg,color-mix(in srgb,var(--lightbox-backdrop)18%,transparent)0%,color-mix(in srgb,var(--lightbox-backdrop)8%,transparent)46%,color-mix(in srgb,var(--lightbox-backdrop)26%,transparent)100%);justify-content:flex-end;align-items:flex-start;padding:0 16px 16px;display:flex;position:fixed;overflow:hidden}.reference-card__code-sidepanel{width:min(560px,100vw - 32px);height:calc(100vh - var(--site-header-offset) - 22px);max-height:calc(100vh - var(--site-header-offset) - 22px);border:1px solid var(--border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong)86%,var(--bg)14%),color-mix(in srgb,var(--surface-elevated)88%,var(--bg-strong)12%));color:var(--text);box-shadow:0 24px 58px color-mix(in srgb,var(--ds-true-black)28%,transparent);overscroll-behavior:contain;border-radius:24px;flex-direction:column;padding:0;display:flex;overflow:hidden}.reference-card__code-sidepanel-toolbar{border-bottom:1px solid color-mix(in srgb,var(--border-strong)84%,transparent);background:color-mix(in srgb,var(--panel-strong)70%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 12px;display:flex}.reference-card__code-sidepanel-eyebrow{background:color-mix(in srgb,var(--accent)10%,var(--panel-strong)90%);min-height:26px;color:var(--accent-dark);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-mono-cap);border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.reference-card__code-sidepanel-summary{border-bottom:1px solid color-mix(in srgb,var(--border)90%,transparent);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent)10%,transparent),transparent 34%),color-mix(in srgb,var(--panel-strong)84%,transparent);gap:14px;padding:18px 18px 16px;display:grid}.reference-card__code-sidepanel-header-copy{min-width:0;color:var(--text)}.reference-card__code-sidepanel-header-copy h4{font-family:var(--body-font);color:var(--text);font-size:var(--ds-text-card-title);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-card);line-height:var(--ds-leading-card);overflow-wrap:anywhere;margin:0}.reference-card__code-sidepanel-header-copy p{font-size:var(--ds-text-button);line-height:var(--ds-leading-body);color:color-mix(in srgb,var(--text)76%,var(--ds-true-black)24%);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:8px 0 0;display:-webkit-box;overflow:hidden}.reference-card__code-sidepanel-meta{gap:12px;display:grid}.reference-card__code-sidepanel-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reference-card__code-sidepanel-language{border:1px solid color-mix(in srgb,var(--accent)18%,transparent);background:color-mix(in srgb,var(--accent)10%,var(--panel-strong)90%);color:color-mix(in srgb,var(--accent-dark)86%,var(--text)14%);font-size:var(--ds-text-caption);letter-spacing:var(--ds-tracking-normal);text-transform:lowercase;border-radius:999px;padding:4px 8px;line-height:1;display:inline-block}.reference-card__code-sidepanel-actions{flex-wrap:nowrap;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.reference-card__code-sidepanel-tags{gap:8px}.reference-card__code-sidepanel-tags li{background:color-mix(in srgb,var(--surface-tint)68%,var(--panel-strong)32%);min-height:24px;color:var(--accent-dark);font-size:var(--ds-text-caption);padding:0 10px}.reference-card__code-sidepanel-code{background:linear-gradient(180deg,color-mix(in srgb,var(--code-bg)96%,transparent),var(--code-bg)),var(--code-bg);min-height:0;color:var(--code-text);flex-direction:column;flex:auto;padding:14px 14px 16px;display:flex}.reference-card__code-sidepanel-codebar{justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;display:flex}.reference-card__code-sidepanel-codelabel{color:color-mix(in srgb,var(--code-text)72%,var(--ds-true-black)28%);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase}.reference-card__code-sidepanel-codeactions{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.reference-card__code-sidepanel-codeactions .copy-button{border-color:color-mix(in srgb,var(--code-text)18%,transparent);background:color-mix(in srgb,var(--code-text)10%,transparent);color:var(--code-text)}.reference-card__code-sidepanel-actions .lightbox__close{border-color:color-mix(in srgb,var(--border-strong)88%,transparent);background:color-mix(in srgb,var(--surface-soft)88%,var(--panel-strong)12%);color:var(--text)}.reference-card__code-sidepanel-body{border:1px solid color-mix(in srgb,var(--code-text)10%,transparent);min-width:0;min-height:0;color:var(--code-text);scrollbar-gutter:stable both-edges;overscroll-behavior:contain;background:0 0;border-radius:18px;flex:auto;margin:0;overflow:auto}.reference-card__code-sidepanel-body.code-lightbox__pre{font-size:var(--ds-text-body-small);line-height:var(--ds-leading-relaxed);padding:20px 20px 22px}.reference-card__code-sidepanel-body.code-lightbox__pre--nowrap{font-size:var(--ds-text-mono-cap);line-height:var(--ds-leading-body)}.reference-card__code-sidepanel-body code{white-space:inherit}.reference-card__code-sidepanel .token-keyword,.reference-card__code-sidepanel .token-function,.reference-card__code-sidepanel .token-class-name{color:var(--syntax-keyword)}.reference-card__code-sidepanel .token-type,.reference-card__code-sidepanel .token-builtin{color:var(--syntax-type)}.reference-card__code-sidepanel .token-string,.reference-card__code-sidepanel .token-attr-value{color:var(--syntax-string)}.reference-card__code-sidepanel .token-number,.reference-card__code-sidepanel .token-boolean,.reference-card__code-sidepanel .token-constant,.reference-card__code-sidepanel .token-parameter{color:var(--syntax-number)}.reference-card__code-sidepanel .token-comment,.reference-card__code-sidepanel .token-property,.reference-card__code-sidepanel .token-variable{color:var(--syntax-comment);font-style:italic}.reference-card__code-sidepanel .token-operator,.reference-card__code-sidepanel .token-punctuation{color:var(--syntax-operator)}.reference-card__code-sidepanel .code-block__line,.reference-card__code-sidepanel .code-block__line--added,.reference-card__code-sidepanel .code-block__line--removed{display:block}.reference-card__code-sidepanel .code-block__line-marker{width:1.2ch;font-weight:var(--ds-weight-semibold);margin-right:.6ch;display:inline-block}.reference-card__code-sidepanel .code-block__strike{text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--ds-error-soft);text-decoration-color:var(--ds-error-soft);background:color-mix(in srgb,var(--ds-error)10%,transparent);opacity:.72}.reference-card__code-sidepanel .code-block__added{background:color-mix(in srgb,var(--ds-success)16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-success)22%,transparent);border-radius:6px}.reference-card__code-sidepanel .code-block__line--added{background:color-mix(in srgb,var(--ds-success)16%,transparent)}.reference-card__code-sidepanel .code-block__line--removed{background:color-mix(in srgb,var(--ds-error)14%,transparent)}.reference-card__code-sidepanel .code-block__line--added .code-block__line-marker{color:var(--ds-success)}.reference-card__code-sidepanel .code-block__line--removed .code-block__line-marker{color:var(--ds-error-soft)}.reference-card .reference-card__code .code-block__added,.reference-card .reference-card__code .code-block__line--added,.reference-card .reference-card__code .code-block__line--removed{box-shadow:none;background:0 0;border-radius:0}.reference-card .reference-card__code .code-block__line--added .code-block__line-marker,.reference-card .reference-card__code .code-block__line--removed .code-block__line-marker{color:inherit}@media (max-width:760px){.reference-card__code-sidepanel-backdrop{inset:calc(var(--site-header-offset) + 4px)0 0 0;background:color-mix(in srgb,var(--lightbox-backdrop)34%,transparent);align-items:flex-end;padding:0}.reference-card__code-sidepanel{border-bottom:0;border-radius:24px 24px 0 0;width:100%;height:min(84vh,760px);max-height:min(84vh,760px)}.reference-card__code-sidepanel-toolbar{padding:12px 14px 10px}.reference-card__code-sidepanel-summary{gap:12px;padding:16px 14px 14px}.reference-card__code-sidepanel-header-copy h4{font-size:var(--ds-text-body-large)}.reference-card__code-sidepanel-header-copy p{font-size:var(--ds-text-button);line-height:var(--ds-leading-normal);-webkit-line-clamp:2}.reference-card__code-sidepanel-code{padding:12px 12px 14px}.reference-card__code-sidepanel-codebar{padding-bottom:8px}.reference-card__code-sidepanel-body.code-lightbox__pre{font-size:var(--ds-text-mono-cap);line-height:var(--ds-leading-body);padding:16px 14px 18px}.reference-card__code-sidepanel-body.code-lightbox__pre--nowrap{font-size:var(--ds-text-button);line-height:var(--ds-leading-normal)}}.reference-card__button{white-space:nowrap;min-height:38px;font-size:var(--ds-text-button);flex:none;padding:0 14px}.reference-card--ad{border-top-color:color-mix(in srgb,var(--accent)40%,var(--panel-strong)60%);background:linear-gradient(180deg,color-mix(in srgb,var(--accent)7%,var(--panel-strong)93%),color-mix(in srgb,var(--surface-elevated)96%,var(--surface-tint)4%)),var(--panel);border-style:dashed;gap:10px}.reference-card__sponsored{background:color-mix(in srgb,var(--accent)10%,var(--panel-strong)90%);min-height:28px;color:var(--accent-dark);font-size:var(--ds-text-button);font-weight:var(--ds-weight-medium);border-radius:999px;align-items:center;padding:0 11px;display:inline-flex}.reference-card--ad .reference-card__top{justify-content:flex-start}.reference-card--ad .reference-card__ad-frame{margin-top:0}.reference-card--ad-compact{gap:0;height:100%;padding:10px}.reference-card--ad-compact .reference-card__body--ad{gap:0;height:100%;display:flex}.reference-card--ad-compact .reference-card__ad-frame{border-radius:12px;align-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:4px}.reference-card--ad-compact .coupang-slot--inline{padding:0}
.sheet-sidebar{align-content:start;gap:18px;min-width:0;min-height:0;display:grid}.sticky-card{border-radius:18px;min-width:0;max-width:100%;padding:18px}.toc-card{overscroll-behavior-y:contain;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow:hidden auto}.toc-list{gap:10px;min-width:0;margin:0;padding-left:18px;display:grid}.toc-list li{min-width:0}.toc-list li[data-level="3"]{margin-left:12px}.toc-list a{box-sizing:border-box;width:100%;max-width:100%;font-size:var(--ds-text-body-small);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;margin-left:-10px;padding:6px 10px;transition:color .18s,background-color .18s,transform .18s;display:block;overflow:hidden}.toc-list li[data-level="3"] a{font-size:var(--ds-text-button);color:var(--muted)}.toc-list a:hover{color:var(--text)}.toc-list a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)28%,transparent);outline-offset:2px}.toc-list a.is-active,.toc-list a[aria-current=location]{color:var(--text);background:color-mix(in srgb,var(--accent)10%,var(--surface-elevated)90%);transform:translate(2px)}.toc-list li[data-level="3"] a.is-active,.toc-list li[data-level="3"] a[aria-current=location]{color:var(--text)}.chunk-nav-card{position:static}.chunk-nav-mobile{display:none}.chunk-nav-mobile__field{gap:10px;display:grid}.chunk-nav-mobile__label{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-normal)}.chunk-nav-mobile__control{display:block;position:relative}.chunk-nav-mobile__field select{appearance:none;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated)82%,transparent)0%,var(--surface-muted)100%);width:100%;min-height:50px;color:var(--text);font:inherit;font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-snug);box-sizing:border-box;border-radius:16px;padding:0 50px 0 16px;transition:border-color .18s,background-color .18s,box-shadow .18s,color .18s;box-shadow:inset 0 1px #ffffff29}.chunk-nav-mobile__field select:hover{border-color:var(--border-strong);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated)88%,transparent)0%,color-mix(in srgb,var(--surface-muted)88%,var(--surface-elevated)12%)100%)}.chunk-nav-mobile__field select:focus{border-color:color-mix(in srgb,var(--accent)40%,var(--border-strong)60%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)14%,transparent),inset 0 1px 0 #ffffff38;outline:none}.chunk-nav-mobile__field select:disabled{opacity:.7;cursor:wait}.chunk-nav-mobile__icon{width:18px;height:18px;color:var(--muted);pointer-events:none;transition:color .18s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.chunk-nav-mobile__icon svg{width:100%;height:100%;display:block}.chunk-nav-mobile__field:focus-within .chunk-nav-mobile__icon{color:var(--accent-dark)}.chunk-nav-list{gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.chunk-nav-list li{min-width:0}.chunk-nav-link{box-sizing:border-box;border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--muted);font-size:var(--ds-text-body-small);line-height:var(--ds-leading-normal);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:12px 14px;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:flex;overflow:hidden}.chunk-nav-link__index{font-variant-numeric:tabular-nums;min-width:2ch;color:var(--muted);flex:none}.chunk-nav-link__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chunk-nav-link:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-elevated)}.chunk-nav-link.is-active{color:var(--text);border-color:color-mix(in srgb,var(--accent)26%,var(--border-strong)74%);background:color-mix(in srgb,var(--accent)8%,var(--surface-elevated)92%);box-shadow:var(--shadow)}.chunk-nav-link.is-active .chunk-nav-link__index{color:var(--text)}.course-downloads{gap:12px;display:grid}.course-downloads--inline{border-radius:18px;padding:16px 18px}.course-downloads__list{gap:10px;margin:0;padding-left:18px;display:grid}.course-downloads__list li{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.course-downloads__list a{color:var(--accent-dark);text-underline-offset:.18em;word-break:break-word;text-decoration:underline}.course-downloads__badge{background:color-mix(in srgb,var(--accent)10%,var(--surface-elevated)90%);min-height:1.65rem;color:var(--muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}

.article-prose{font-family:var(--reading-font);border-radius:20px;padding:clamp(20px,2.8vw,28px)}.article-prose>:first-child{margin-top:0}.article-prose>:last-child{margin-bottom:0}.article-prose>*{min-width:0;max-width:100%}.article-prose h2,.article-prose h3{font-family:var(--body-font);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-snug);color:var(--text);scroll-margin-top:20px}.article-prose h2{font-size:var(--ds-text-subheading);letter-spacing:var(--ds-tracking-subheading);border-top:1px solid var(--border);margin:34px 0 16px;padding-top:8px}.article-prose h2:first-child{border-top:0;margin-top:0;padding-top:0}.article-prose h3{font-size:var(--ds-text-body-large);letter-spacing:var(--ds-tracking-emphasis);margin:24px 0 12px}.article-prose :not(pre)>code{font-family:var(--mono-font);background:color-mix(in srgb,var(--surface-muted)86%,transparent);color:var(--text);font-size:.88em;font-weight:var(--ds-weight-medium);word-break:break-word;border-radius:5px;padding:.12em .4em}.article-prose hr{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--border)70%,transparent)14%,color-mix(in srgb,var(--text)22%,var(--border)78%)50%,color-mix(in srgb,var(--border)70%,transparent)86%,transparent 100%);opacity:.95;border:0;width:100%;height:1px;margin:22px 0 24px}.article-prose p,.article-prose figure,.article-prose .ad-slot,.article-prose .callout,.article-prose .table-wrap{margin:16px 0}.article-prose ul,.article-prose ol{margin:14px 0;padding-left:1.15em;list-style-position:outside}.article-prose li{margin:0;padding-left:.12em}.article-prose li+li{margin-top:6px}.article-prose li>p{margin:.3em 0}.article-prose li>:first-child{margin-top:0}.article-prose li>:last-child{margin-bottom:0}.article-prose li>ul,.article-prose li>ol{margin-top:8px;margin-bottom:6px}.article-prose code.mdx-inline-code{color:color-mix(in srgb,var(--text)94%,var(--accent-dark)6%);font-family:var(--mono-font);font-size:.92em;font-weight:560;line-height:inherit;letter-spacing:0;word-break:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border:0;padding:0;display:inline}.article-prose h1 code.mdx-inline-code,.article-prose h2 code.mdx-inline-code,.article-prose h3 code.mdx-inline-code,.archive-course-header h1 code.mdx-inline-code,.archive-course-section-header h2 code.mdx-inline-code{color:inherit;font-size:.88em;font-weight:inherit;background:0 0;border:0;padding:0}.mermaid-block{margin:18px 0 20px}.mermaid-block__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mermaid-block__label{color:var(--muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase;margin:0}.mermaid-block__surface{border:1px solid color-mix(in srgb,var(--border-strong)90%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel)92%,transparent),color-mix(in srgb,var(--bg)72%,transparent));box-shadow:var(--shadow);border-radius:18px;padding:18px;overflow-x:auto}.mermaid-block__viewport{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.mermaid-block__diagram{width:max-content;min-width:100%;display:block}.mermaid-block__diagram svg{width:auto;min-width:0;max-width:none;height:auto;margin:0 auto;display:block}.mermaid-block__error{color:var(--ds-error-deep);font-weight:var(--ds-weight-semibold);margin:0 0 10px}.mermaid-block__code{background:var(--code-bg);color:var(--code-text);font-family:var(--mono-font);white-space:pre-wrap;border-radius:14px;margin:0;padding:14px 16px;line-height:1.7;overflow-x:auto}.mermaid-lightbox__dialog{z-index:61;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong)96%,transparent),color-mix(in srgb,var(--bg)88%,transparent));width:min(1400px,100%);max-height:calc(100vh - 28px);color:var(--text);border:1px solid color-mix(in srgb,var(--border-strong)92%,transparent);border-radius:24px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a6b}.mermaid-lightbox__head{border-bottom:1px solid color-mix(in srgb,var(--border-strong)92%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.mermaid-lightbox__head strong{font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase}.mermaid-lightbox__head .lightbox__close{border-color:color-mix(in srgb,var(--border-strong)92%,transparent);background:color-mix(in srgb,var(--surface-muted)92%,transparent);color:var(--text)}.mermaid-lightbox__surface{padding:18px;overflow:auto}.mermaid-lightbox__diagram{width:max-content;min-width:100%}.mermaid-lightbox__diagram svg{width:auto;max-width:none;height:auto;margin:0 auto;display:block}.article-references{margin-top:24px;padding:18px 20px}.article-references__head{margin-bottom:14px}.article-references__head h2{font-size:var(--ds-text-body-large);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-emphasis)}.article-references__head p{color:var(--muted);font-size:var(--ds-text-button);margin:0}.article-references__list{margin:0;padding-left:18px}.article-references__list li{color:var(--muted)}.article-references__list a{color:var(--accent-dark);text-underline-offset:.18em;text-decoration:underline}@media (max-width:720px){.archive-course-card{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.archive-course-card .reference-card__footer{justify-content:flex-start}}.code-block{background:var(--code-bg);color:var(--code-text);border-radius:18px;min-width:0;max-width:100%;margin:18px 0;overflow:hidden}.code-block__head{background:color-mix(in srgb,var(--code-text)8%,transparent);font-size:var(--ds-text-button);border-bottom:.75px solid color-mix(in srgb,var(--code-text)10%,transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.code-block__head>span{font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-emphasis)}.code-block__actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.copy-button,.lightbox__close{border:1px solid color-mix(in srgb,var(--code-text)18%,transparent);background:color-mix(in srgb,var(--code-text)10%,transparent);color:inherit;cursor:pointer;border-radius:999px;padding:8px 12px}.copy-button--icon{width:32px;height:32px;font-size:var(--ds-text-button);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.copy-button--icon svg,.lightbox__close--icon svg,.table-wrap__expand svg{flex:none;width:.9rem;height:.9rem}.lightbox__close--icon{width:32px;height:32px;font-size:var(--ds-text-button);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.code-block pre{font-family:var(--mono-font);font-size:var(--ds-text-mono-cap);line-height:var(--ds-leading-normal);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;-moz-text-size-adjust:none;text-size-adjust:none;max-width:100%;margin:0;padding:16px 18px;overflow-x:hidden}.code-block__pre--nowrap{-webkit-overflow-scrolling:touch;overflow-y:auto;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important;overflow-x:auto!important}.code-block__pre--nowrap code,.code-block__pre--nowrap .code-block__line{width:max-content;min-width:100%;white-space:inherit;font-size:inherit}.code-block code{min-width:0;white-space:inherit;display:block}.code-block .token-keyword,.code-lightbox__dialog .token-keyword,.reference-card__code .token-keyword{color:var(--syntax-keyword)}.code-block .token-type,.code-lightbox__dialog .token-type,.reference-card__code .token-type{color:var(--syntax-type)}.code-block .token-string,.code-lightbox__dialog .token-string,.reference-card__code .token-string{color:var(--syntax-string)}.code-block .token-number,.code-lightbox__dialog .token-number,.reference-card__code .token-number{color:var(--syntax-number)}.code-block .token-comment,.code-lightbox__dialog .token-comment,.reference-card__code .token-comment{color:var(--syntax-comment);font-style:italic}.code-block .token-operator,.code-lightbox__dialog .token-operator,.reference-card__code .token-operator{color:var(--syntax-operator)}.code-block .code-block__strike,.code-lightbox__dialog .code-block__strike,.reference-card__code .code-block__strike{text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--ds-error-soft);text-decoration-color:var(--ds-error-soft);background:color-mix(in srgb,var(--ds-error)10%,transparent);opacity:.72}.code-block .code-block__added,.code-lightbox__dialog .code-block__added,.reference-card__code .code-block__added{background:color-mix(in srgb,var(--ds-success)16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-success)22%,transparent);border-radius:6px}.code-block .code-block__line,.code-lightbox__dialog .code-block__line,.reference-card__code .code-block__line{display:block}.code-block .code-block__line-marker,.code-lightbox__dialog .code-block__line-marker,.reference-card__code .code-block__line-marker{width:1.2ch;font-weight:var(--ds-weight-semibold);margin-right:.6ch;display:inline-block}.code-block .code-block__line--added,.code-lightbox__dialog .code-block__line--added,.reference-card__code .code-block__line--added{background:color-mix(in srgb,var(--ds-success)16%,transparent)}.code-block .code-block__line--removed,.code-lightbox__dialog .code-block__line--removed,.reference-card__code .code-block__line--removed{background:color-mix(in srgb,var(--ds-error)14%,transparent)}.code-block .code-block__line--added .code-block__line-marker,.code-lightbox__dialog .code-block__line--added .code-block__line-marker,.reference-card__code .code-block__line--added .code-block__line-marker{color:var(--ds-success)}.code-block .code-block__line--removed .code-block__line-marker,.code-lightbox__dialog .code-block__line--removed .code-block__line-marker,.reference-card__code .code-block__line--removed .code-block__line-marker{color:var(--ds-error-soft)}.code-lightbox__dialog{z-index:61;background:var(--code-bg);width:min(1120px,100%);max-height:calc(100vh - 28px);color:var(--code-text);border-radius:24px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a6b}.code-lightbox__head{background:color-mix(in srgb,var(--code-text)8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--code-text)10%,transparent);justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.code-lightbox__pre{font-family:var(--mono-font);font-size:var(--ds-text-body-small);line-height:var(--ds-leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;-moz-text-size-adjust:none;text-size-adjust:none;margin:0;padding:22px;overflow:auto}.code-lightbox__pre--nowrap{white-space:pre;overflow-wrap:normal;word-break:normal;-webkit-overflow-scrolling:touch;overflow:auto}.code-lightbox__dialog code{white-space:inherit;font-size:inherit;display:block}.table-wrap{background:0 0;min-width:0;max-width:100%;overflow:auto}.table-wrap__scale{border:1px solid var(--border);background:var(--panel-strong);border-radius:0;min-width:100%;overflow:hidden}.table-wrap.is-inline-fitted{height:var(--table-fit-height);overflow:hidden}.table-wrap-shell{gap:10px;display:grid}.table-wrap__toolbar{justify-content:flex-end;display:flex}.table-wrap__expand{border:1px solid var(--border);background:var(--surface-hover);color:var(--text);font:inherit;font-size:var(--ds-text-button);font-weight:var(--ds-weight-medium);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.table-wrap__expand:hover{background:var(--panel-strong);border-color:var(--border-strong);transform:translateY(-1px)}.table-wrap__expand span[aria-hidden=true]{font-size:var(--ds-text-body-small);line-height:1}.table-wrap__expand svg{width:1.02rem;height:1.02rem}.table-wrap table{border-collapse:collapse;table-layout:auto;background:var(--panel-strong);width:max-content;min-width:100%}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:14px 16px}.table-wrap th{color:var(--text);background:color-mix(in srgb,var(--accent)8%,var(--panel-strong)92%)}.zoom-figure{justify-items:start;gap:12px;margin:0;display:grid}.zoom-figure__button{cursor:zoom-in;background:var(--surface-image);border:0;border-radius:24px;padding:0;display:inline-block;overflow:hidden}.zoom-figure img,.zoom-figure__button img{width:auto;max-width:min(100%,960px);height:auto}.sheet-hero__media img{width:100%}.zoom-figure figcaption{max-width:min(100%,46rem)}.image-grid{flex-wrap:wrap;align-items:start;gap:14px;display:flex}.image-grid__item{flex:0 auto;gap:8px;width:fit-content;max-width:100%}.image-grid__item .zoom-figure__button{width:auto;max-width:100%}.image-grid__item .zoom-figure__button img{width:auto;max-width:min(100%,960px);height:auto}.image-grid__item figcaption{font-size:var(--ds-text-button);line-height:var(--ds-leading-normal)}.sheet-hero__media{align-self:center}.callout{border-radius:20px;padding:18px}.callout--warning{background:#f272261f}.callout--tip{background:#0d8f721f}.callout--note{background:#25457a1a}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.policy-grid{margin-top:28px}.policy-card h2{font-size:var(--ds-text-subheading);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-subheading);margin-bottom:12px}.policy-doc{width:min(880px,100%);margin:0 auto;padding:clamp(12px,2vw,20px) 0 24px}.policy-doc__header{border-bottom:1px solid var(--border);padding:12px 0 24px}.policy-doc__eyebrow{font-size:var(--ds-text-caption);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase;color:var(--accent-dark);font-weight:var(--ds-weight-medium);margin:0 0 10px}.policy-doc__header h1{font-family:var(--heading-font);font-size:var(--ds-text-display);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-display);line-height:var(--ds-leading-display);margin:0}.policy-doc__lede{max-width:62ch;font-size:var(--ds-text-body-large);line-height:var(--ds-leading-relaxed);color:var(--text);margin:18px 0 0}.policy-doc__meta{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;padding:24px 0;display:grid}.policy-doc__meta div{gap:6px;display:grid}.policy-doc__meta span{font-size:var(--ds-text-caption);letter-spacing:var(--ds-tracking-mono-cap);text-transform:uppercase;color:var(--muted)}.policy-doc__meta strong{font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-normal);word-break:break-word}.policy-doc__toc{border-bottom:1px solid var(--border);gap:10px;padding:24px 0;display:grid}.policy-doc__toc a{color:var(--muted);font-size:var(--ds-text-body-small)}.policy-doc__toc a:hover{color:var(--fg)}.policy-doc__body{padding-top:14px}.policy-doc__section{border-bottom:1px solid color-mix(in srgb,var(--border)82%,transparent);padding:34px 0}.policy-doc__section:last-child{border-bottom:0}.policy-doc__section h2{font-size:var(--ds-text-card-title);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-card);line-height:var(--ds-leading-card);margin:0 0 18px}.policy-doc__section p{max-width:66ch;font-size:var(--ds-text-body-small);line-height:var(--ds-leading-relaxed);color:var(--text);margin:0 0 22px}.policy-doc__section p:last-child,.policy-doc__section ul:last-child{margin-bottom:0}.policy-doc__section ul{margin-top:12px}.policy-doc__markdown>:first-child{margin-top:0}.policy-doc__markdown>:last-child{margin-bottom:0}.policy-doc__markdown p,.policy-doc__markdown ul,.policy-doc__markdown ol{max-width:66ch}.policy-doc__markdown ul,.policy-doc__markdown ol{margin:12px 0 22px;padding-left:1.2em}.policy-doc__markdown li{color:var(--text);line-height:1.82}.policy-doc__markdown li+li{margin-top:8px}.policy-doc__markdown h3{max-width:66ch;font-size:var(--ds-text-body);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading-snug);margin:28px 0 14px}.policy-doc__markdown a{color:var(--accent-dark);text-underline-offset:2px;text-decoration:underline}.policy-doc__markdown code{background:color-mix(in srgb,var(--surface-muted)88%,transparent);font-family:var(--mono-font);border-radius:6px;padding:.12em .34em;font-size:.92em}.policy-doc__section .article-references__list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.policy-doc__section .article-references__list li{color:inherit}.policy-doc__section .article-references__list a{border:1px solid color-mix(in srgb,var(--border)82%,transparent);background:color-mix(in srgb,var(--panel-strong)90%,var(--surface-tint)10%);color:var(--text);font-size:var(--ds-text-body-small);line-height:var(--ds-leading-body);border-radius:14px;padding:14px 16px;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:block}.policy-doc__section .article-references__list a:hover{color:var(--fg);border-color:color-mix(in srgb,var(--accent)34%,var(--border)66%);background:color-mix(in srgb,var(--surface-elevated)92%,var(--surface-tint)8%);transform:translateY(-1px)}.site-footer{padding:12px 0 40px}.site-footer__inner,.site-footer__sub{padding-top:18px}.site-footer__brand{gap:6px;display:grid}.site-footer__brand strong{font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold)}.site-footer__brand p{max-width:36rem;margin:0}.site-footer__contact{color:var(--muted);font-size:var(--ds-text-button)}.site-footer__contact:hover{color:var(--fg)}.site-footer__sub{border-top:1px solid var(--border)}.lightbox{z-index:60;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox__backdrop{background:var(--lightbox-backdrop);border:0;position:absolute;inset:0}.lightbox__dialog{z-index:1;background:var(--lightbox-panel);width:min(1100px,100%);max-height:calc(100vh - 40px);color:var(--lightbox-text);border-radius:28px;margin:0 auto;padding:20px;position:relative;overflow:auto;box-shadow:0 24px 60px #00000047}.lightbox__dialog img{width:100%;height:auto}.lightbox__close{margin-left:auto;display:block}.table-lightbox__dialog{z-index:1;background:var(--lightbox-panel);width:min(1400px,100%);max-height:calc(100vh - 28px);color:var(--lightbox-text);border-radius:24px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a66}.table-lightbox__head{border-bottom:1px solid color-mix(in srgb,var(--lightbox-text)12%,transparent);justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.table-lightbox__head strong{font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:var(--ds-tracking-normal)}.table-lightbox__table-wrap{scrollbar-gutter:stable both-edges;overflow:auto}.table-lightbox__inner{width:max-content;min-width:100%;padding:18px}.table-lightbox__table-wrap table{border-collapse:collapse;background:var(--panel-strong);width:max-content;min-width:100%;color:var(--text)}.table-lightbox__table-wrap th,.table-lightbox__table-wrap td{border:1px solid var(--border);text-align:left;vertical-align:top;white-space:nowrap;padding:14px 16px}.table-lightbox__table-wrap th{z-index:1;background:color-mix(in srgb,var(--accent)10%,var(--panel-strong)90%);color:var(--text);position:sticky;top:0}
.archive-login{gap:28px;display:grid}.archive-login__shell{border:1px solid color-mix(in srgb,var(--border)84%,transparent);background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--accent)18%,transparent),transparent 28%),radial-gradient(circle at 84% 18%,color-mix(in srgb,var(--accent)10%,transparent),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--panel-strong)92%,var(--bg)8%),color-mix(in srgb,var(--surface-elevated)94%,var(--bg-strong)6%));box-shadow:var(--shadow);isolation:isolate;border-radius:30px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;padding:clamp(18px,3vw,30px);display:grid;position:relative;overflow:hidden}.archive-login__shell:before{content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--border)34%,transparent)1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--border)22%,transparent)1px,transparent 1px);opacity:.3;pointer-events:none;background-size:42px 42px;position:absolute;inset:0}.archive-login__hero{z-index:1;align-content:space-between;gap:28px;min-height:460px;padding:clamp(8px,1vw,14px);display:grid;position:relative}.archive-login__topline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.archive-login__pill,.archive-login__meta{min-height:32px;font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:.04em;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.archive-login__pill{background:color-mix(in srgb,var(--accent)18%,var(--panel-strong)82%);color:var(--text)}.archive-login__meta{background:color-mix(in srgb,var(--surface-soft)84%,transparent);color:var(--muted)}.archive-login__copy{align-content:start;gap:14px;display:grid}.archive-login__eyebrow{color:var(--muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);letter-spacing:.16em;text-transform:uppercase;margin:0}.archive-login__copy h1{max-width:10ch;font-family:var(--heading-font);letter-spacing:-.05em;color:var(--text);margin:0;font-size:clamp(3rem,7vw,5.8rem);line-height:.92}.archive-login__summary{max-width:38ch;color:var(--muted);margin:0;font-size:clamp(1rem,1.45vw,1.08rem);line-height:1.72}.archive-login__details{gap:14px;display:grid}.archive-login__features{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.archive-login__features li{border:1px solid color-mix(in srgb,var(--border)84%,transparent);background:color-mix(in srgb,var(--panel-strong)82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;gap:8px;padding:18px 16px;display:grid}.archive-login__features strong{font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:-.02em;color:var(--text)}.archive-login__features span{color:var(--muted);font-size:var(--ds-text-button);line-height:1.55}.archive-login__panel{z-index:1;border:1px solid color-mix(in srgb,var(--border)88%,transparent);background:color-mix(in srgb,var(--panel-strong)94%,var(--bg)6%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:26px;align-content:center;gap:16px;padding:clamp(18px,2vw,26px);display:grid;position:relative;box-shadow:0 18px 40px #0c121e24}.archive-form{gap:18px;max-width:none;padding:0;display:grid}.archive-form__head{gap:8px;display:grid}.archive-form__eyebrow{color:var(--muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);letter-spacing:.14em;text-transform:uppercase;margin:0}.archive-form__head h2{font-family:var(--body-font);font-size:clamp(1.6rem,2vw,2rem);font-weight:var(--ds-weight-semibold);margin:0;line-height:1.04}.archive-form__help,.archive-form__status{color:var(--muted);font-size:var(--ds-text-button);margin:0;line-height:1.6}.archive-form__field{gap:10px;display:grid}.archive-form__field span{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.archive-form__field input{border:1px solid color-mix(in srgb,var(--border)88%,transparent);background:color-mix(in srgb,var(--panel)94%,var(--bg)6%);width:100%;min-width:0;min-height:54px;color:var(--text);font:inherit;font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface-hover)58%,transparent);border-radius:16px;padding:0 16px;transition:border-color .18s,box-shadow .18s,background-color .18s}.archive-form__field input::placeholder{color:color-mix(in srgb,var(--muted)88%,transparent)}.archive-form__field input:focus-visible{border-color:color-mix(in srgb,var(--accent)38%,var(--border)62%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent)14%,transparent),inset 0 1px 0 color-mix(in srgb,var(--surface-hover)58%,transparent);outline:none}.archive-form__field input[aria-invalid=true]{border-color:color-mix(in srgb,var(--ds-error-soft)48%,var(--border)52%);box-shadow:0 0 0 4px color-mix(in srgb,var(--ds-error-soft)14%,transparent),inset 0 1px 0 color-mix(in srgb,var(--surface-hover)58%,transparent)}.archive-form__error{background:color-mix(in srgb,var(--ds-error-soft)16%,var(--panel-strong)84%);color:var(--ds-error-deep);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);border-radius:14px;margin:-2px 0 0;padding:12px 14px}.archive-form__error:focus{outline:3px solid color-mix(in srgb,var(--ds-error-soft)26%,transparent);outline-offset:2px}.archive-form__actions{gap:12px;display:grid}.archive-form__submit{width:100%;min-height:50px;font-size:var(--ds-text-button);letter-spacing:.02em;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent)74%,white 26%));border-radius:16px}.archive-login__panel>.callout{margin:0}
.archive-course-page{gap:18px;display:grid}.archive-course-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.archive-course-toolbar__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.archive-course-toolbar__group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.archive-course-toolbar__group--secondary{margin-left:auto}.archive-course-toolbar__back{min-height:34px;font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);white-space:nowrap;padding-inline:14px}.archive-session-controls{border:1px solid var(--border);background:var(--surface-muted);min-height:52px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:14px;padding:6px 6px 6px 16px;display:inline-flex}.archive-session-controls--readonly{padding-right:16px}.archive-session-controls--compact{min-height:42px;box-shadow:none;gap:10px;padding:4px 16px}@media (max-width:1500px){.archive-course-toolbar{align-items:stretch;gap:14px}.archive-course-toolbar__actions{justify-content:flex-start;width:100%;margin-left:0}.archive-course-toolbar__group--secondary{margin-left:auto}}@media (max-width:900px){.archive-course-toolbar__group--secondary{justify-content:space-between;width:100%;margin-left:0}}.archive-session-controls__meta{gap:2px;min-width:0;display:grid}.archive-session-controls--compact .archive-session-controls__meta{align-items:center;gap:0;display:inline-flex}.archive-session-controls__label{color:var(--muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);letter-spacing:.08em;text-transform:uppercase;line-height:1}.archive-session-controls__meta strong{color:var(--text);font-size:var(--ds-text-body);font-weight:var(--ds-weight-semibold);font-variant-numeric:tabular-nums;line-height:1.1}.archive-session-controls--compact .archive-session-controls__meta strong{font-size:var(--ds-text-button);line-height:1;font-weight:var(--ds-weight-semibold);white-space:nowrap}.archive-session-controls .archive-logout-button{min-height:40px;padding-inline:20px}.archive-session-controls__workbench{min-height:36px;font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);white-space:nowrap;padding-inline:16px}.course-font-size{border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:4px 12px 4px 4px;display:inline-flex}.course-font-size__step,.course-font-size__value{background:var(--panel);min-height:32px;color:var(--muted);font:inherit;font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);cursor:pointer;border:0;border-radius:999px;transition:background-color .18s,color .18s,opacity .18s,transform .18s}.course-font-size__step{width:32px;padding:0}.course-font-size__value{min-width:62px;padding:0 12px}.course-font-size__step:hover,.course-font-size__value:hover{color:var(--text)}.course-font-size__step:disabled{opacity:.45;cursor:default}.course-font-size__value.is-default{box-shadow:none;background:0 0}.course-font-size__range{width:92px;accent-color:var(--brand);cursor:pointer}.course-font-size__value:not(.is-default),.course-font-size__step{color:var(--text);box-shadow:var(--shadow)}.course-presentation-toggle{border:1px solid var(--brand);background:var(--brand);min-height:34px;color:var(--ds-white);font:inherit;font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;line-height:1;transition:background-color .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.course-presentation-toggle:hover{color:var(--ds-white);border-color:var(--accent-dark);background:var(--accent-dark)}.course-presentation-toggle.is-active{background:color-mix(in srgb,var(--accent-dark)88%,black 12%);color:var(--ds-white);border-color:color-mix(in srgb,var(--accent-dark)82%,black 18%);box-shadow:var(--shadow)}.course-presentation-toggle--floating{z-index:20;min-width:38px;min-height:30px;font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:0;position:fixed;bottom:66px;right:20px}.course-presentation-toggle--floating svg{width:18px;height:18px;display:block}.course-presentation-nav{align-items:center;gap:8px;display:none}.course-presentation-nav__button{border-color:var(--brand);background:var(--brand);min-height:34px;color:var(--ds-white)}.course-presentation-nav__button:hover{border-color:var(--accent-dark);background:var(--accent-dark);color:var(--ds-white)}.course-presentation-nav__button.is-disabled{opacity:.45;pointer-events:none}.archive-course-header{gap:8px;padding:4px 2px 0;display:grid}.archive-course-breadcrumb{min-width:0;color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:.01em;align-items:center;gap:8px;display:inline-flex}.archive-course-breadcrumb__root{color:inherit}.archive-course-breadcrumb__separator{color:color-mix(in srgb,var(--muted)70%,transparent)}.archive-course-breadcrumb__category{color:color-mix(in srgb,var(--brand)82%,var(--text)18%)}.archive-course-header h1{min-width:0;font-family:var(--reading-font);font-size:clamp(1.4rem,1.95vw,1.84rem);font-weight:var(--ds-weight-semibold);margin:0;line-height:1.15}.archive-course-layout{align-items:start;margin-top:0}.archive-course-layout--single{grid-template-columns:minmax(0,1fr)}.archive-course-article{font-size:calc(1rem*var(--archive-course-font-scale,1));font-family:var(--reading-font);color:color-mix(in srgb,var(--text)94%,var(--ds-true-black)6%);padding-top:22px}.archive-course-section-header{border-bottom:1px solid var(--border);gap:6px;margin:0 0 18px;padding-bottom:16px;display:grid}.archive-course-section-header__index{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:.08em;text-transform:uppercase;margin:0}.archive-course-section-header__meta{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:0;margin:2px 0 0}.archive-course-section-header h2{border:0;margin:0;padding:0}.archive-course-sections-stack{gap:42px;display:grid}.archive-course-section-block{gap:0;display:grid}.archive-course-section-block+.archive-course-section-block{padding-top:6px}.archive-course-article--all-sections .archive-course-sections-stack{gap:34px}.archive-course-article h2{font-family:var(--body-font);font-size:1.58em;font-weight:var(--ds-weight-semibold);letter-spacing:0;color:var(--text);border-top:0;margin:28px 0 14px;padding-top:0}.archive-course-article h3{font-family:var(--body-font);font-size:1.22em;font-weight:var(--ds-weight-semibold);letter-spacing:0;color:var(--text)}.archive-course-article p,.archive-course-article ul,.archive-course-article ol,.archive-course-article li,.archive-course-article blockquote,.archive-course-article table{letter-spacing:0;word-break:keep-all;color:color-mix(in srgb,var(--text)88%,var(--muted)12%);text-shadow:none;font-size:1em;line-height:1.82}.archive-course-article blockquote{border:1px solid color-mix(in srgb,var(--border-strong)72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-muted)92%,transparent),color-mix(in srgb,var(--panel)96%,transparent));border-radius:20px;margin:20px 0;padding:18px 20px;position:relative;box-shadow:0 10px 28px #0f172a14,inset 0 1px #ffffff8c}.archive-course-article blockquote>:first-child{margin-top:0}.archive-course-article blockquote>:last-child{margin-bottom:0}.archive-course-article blockquote p{margin:0}.archive-course-article blockquote p+p{margin-top:10px}.archive-course-article blockquote strong{color:var(--text);font-weight:var(--ds-weight-semibold)}.archive-course-article strong{font-weight:var(--ds-weight-semibold);color:var(--text);text-shadow:none}.archive-print-page strong{font-weight:var(--ds-weight-semibold);text-shadow:none}.archive-course-article code{font-size:calc(.94rem*var(--archive-course-font-scale,1))}.archive-course-article .code-block code{font-size:inherit}.archive-course-article .code-block__head{font-size:calc(.9rem*var(--archive-course-font-scale,1))}.archive-course-article .code-block pre{font-size:calc(.95rem*var(--archive-course-font-scale,1))}html[data-course-presentation=on] .sheet-sidebar,html[data-course-presentation=on] .course-downloads--inline,html[data-course-presentation=on] .archive-course-meta,html[data-course-presentation=on] .archive-session-controls{display:none}html[data-course-presentation=on] .course-presentation-only{display:inline-flex}html[data-course-presentation=on] .course-presentation-nav.course-presentation-only{display:flex}html[data-course-presentation=on] .archive-course-layout{grid-template-columns:minmax(0,1fr)}html[data-course-presentation=on] .archive-course-page{gap:14px}html[data-course-presentation=on] .course-back-to-top,html[data-course-presentation=on] .course-presentation-toggle--floating{display:none}html[data-course-presentation=on] .archive-course-toolbar{z-index:10;border:1px solid var(--border);background:color-mix(in srgb,var(--panel)90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:10px 12px;position:sticky;top:10px}html[data-course-presentation=on] .archive-course-header{padding-top:0}html[data-course-presentation=on] .archive-course-header h1{font-size:clamp(2.2rem,3.5vw,3.6rem);line-height:1.04}html[data-course-presentation=on] .archive-course-article{font-size:calc(1.14rem*var(--archive-course-font-scale,1));padding-top:14px}html[data-course-presentation=on] .archive-course-section-header{gap:10px;margin-bottom:24px;padding-bottom:20px}html[data-course-presentation=on] .archive-course-sections-stack{gap:56px}html[data-course-presentation=on] .archive-course-article--all-sections .archive-course-sections-stack{gap:42px}html[data-course-presentation=on] .archive-course-section-header__index{font-size:var(--ds-text-body-small)}html[data-course-presentation=on] .archive-course-section-header h2{font-size:clamp(2rem,3vw,3rem);line-height:1.08}html[data-course-presentation=on] .archive-course-article h2{font-size:2em}html[data-course-presentation=on] .archive-course-article h3{font-size:1.38em}html[data-course-presentation=on] .archive-course-article p,html[data-course-presentation=on] .archive-course-article ul,html[data-course-presentation=on] .archive-course-article ol,html[data-course-presentation=on] .archive-course-article li,html[data-course-presentation=on] .archive-course-article blockquote,html[data-course-presentation=on] .archive-course-article table{line-height:1.9}html[data-course-presentation=on] .archive-course-article .code-block pre{font-size:calc(1rem*var(--archive-course-font-scale,1))}html[data-course-presentation=on] .archive-course-article blockquote{border-radius:22px;padding:20px 22px}
.archive-catalog{gap:18px;display:grid}.doc-header--archive{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-elevated),var(--panel));box-shadow:var(--shadow);border-radius:18px;gap:0;padding:14px 18px}.doc-header__inline--archive{gap:8px;min-width:0;display:grid}.doc-header__title-row--archive{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.doc-header--archive .doc-header__subcategory--archive{border:1px solid var(--border);min-height:28px;color:var(--muted);background:var(--surface-soft);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 10px;display:inline-flex}.doc-header--archive h1{min-width:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:var(--ds-weight-semibold);letter-spacing:-.025em;margin:0}.doc-header--archive .doc-header__summary{min-width:0;max-width:64ch;color:var(--muted);font-size:var(--ds-text-button);margin:0;line-height:1.5}.archive-catalog-browser{gap:14px;display:grid}.archive-catalog-toolbar{border:1px solid var(--border);background:var(--surface-elevated);box-shadow:var(--shadow);border-radius:20px;gap:14px;padding:16px 18px;display:grid}.archive-catalog-toolbar__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.archive-catalog-toolbar__meta{gap:2px;display:grid}.archive-catalog-toolbar__count{color:var(--text);font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold);letter-spacing:-.02em}.archive-catalog-toolbar__hint{color:var(--muted);font-size:var(--ds-text-button);margin:0;line-height:1.5}.archive-catalog-toolbar__controls{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;min-width:0;display:grid}.archive-catalog-toolbar__search{border:1px solid var(--border);background:var(--panel);border-radius:14px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 12px 0 16px;display:flex}.archive-catalog-toolbar__search input{width:100%;min-width:0;color:var(--text);font:inherit;font-size:var(--ds-text-body-small);background:0 0;border:0;outline:none}.archive-catalog-toolbar__search input::placeholder{color:var(--muted)}.archive-catalog-search__clear{border:1px solid var(--border);background:var(--surface-muted);min-height:30px;color:var(--muted);font:inherit;font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:0 10px;transition:color .18s,border-color .18s,transform .18s}.archive-catalog-search__clear:hover,.archive-catalog-search__clear:focus-visible{color:var(--text);border-color:var(--border-strong)}.archive-catalog-toolbar__right{justify-content:flex-end;align-items:stretch;gap:8px;min-width:min(360px,100%);display:flex}.archive-library-link{background:var(--panel);white-space:nowrap;border-radius:14px;min-height:48px;padding-inline:16px}.archive-catalog-toolbar .archive-session-controls{border-color:var(--border);background:var(--surface-muted);width:100%;min-height:48px;box-shadow:none;border-radius:14px;justify-content:space-between;gap:8px;padding:4px 4px 4px 14px}.archive-catalog-toolbar .archive-session-controls__meta{gap:4px}.archive-catalog-toolbar .archive-session-controls__label{font-size:var(--ds-text-caption);letter-spacing:.01em;text-transform:none}.archive-catalog-toolbar .archive-session-controls__meta strong{font-size:var(--ds-text-body-small);letter-spacing:-.02em}.archive-catalog-toolbar .archive-session-controls__workbench,.archive-catalog-toolbar .archive-logout-button{border-color:var(--border);background:var(--panel);min-height:38px;font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);box-shadow:none;border-radius:12px;padding-inline:14px}.archive-library{gap:16px}.archive-library__list{gap:8px;display:grid}.archive-library-row{border:1px solid var(--border);background:var(--surface-elevated);min-height:62px;box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.archive-library-row__main{align-items:center;gap:10px;min-width:0;display:flex}.archive-library-row__type{border:1px solid var(--border);min-height:26px;color:var(--muted);background:var(--surface-muted);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);border-radius:999px;flex:none;align-items:center;padding:0 9px;display:inline-flex}.archive-library-row h2{min-width:0;color:var(--text);font-size:var(--ds-text-body-small);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.35;overflow:hidden}.archive-library-row time{color:var(--muted);font-size:var(--ds-text-button);flex:none}.archive-library-row__actions{flex:none;justify-content:flex-end;display:flex}.archive-catalog-filter{gap:8px;display:grid}.archive-catalog-filter .eyebrow{color:var(--muted);margin:0}.archive-catalog-filter__chips{flex-wrap:wrap;gap:10px;display:flex}.archive-catalog-chip{border:1px solid var(--border);background:var(--surface-muted);min-height:34px;color:var(--muted);font:inherit;font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:0 12px;transition:background-color .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.archive-catalog-chip strong{color:inherit;font-size:var(--ds-text-caption)}.archive-catalog-chip:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-elevated)}.archive-catalog-chip.is-active{color:var(--text);border-color:color-mix(in srgb,var(--accent)20%,var(--border)80%);background:color-mix(in srgb,var(--accent)14%,var(--panel-strong)86%)}.archive-catalog__groups{gap:16px;display:grid}.archive-catalog-empty{border:1px dashed var(--border-strong);background:var(--surface-muted);border-radius:18px;gap:10px;padding:20px 22px;display:grid}.archive-catalog-empty h2,.archive-catalog-empty p{margin:0}.archive-catalog-empty p{color:var(--muted)}.archive-catalog-group-card{border:1px solid var(--border);background:var(--surface-elevated);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:16px 18px;display:grid}.archive-catalog-group-card__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.archive-catalog-group-card__copy{gap:4px;display:grid}.archive-catalog-group-card__description{max-width:62ch;color:var(--muted);font-size:var(--ds-text-button);margin:0;line-height:1.55}.archive-catalog-group-card__copy h2{font-family:var(--body-font);font-size:var(--ds-text-body-small);font-weight:var(--ds-weight-semibold);margin:0;line-height:1.2}.archive-catalog-group-card__count{border:1px solid var(--border);background:var(--surface-muted);min-height:32px;color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.archive-catalog-group-card__list{gap:18px;display:grid}.archive-subcategory-section{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0;display:grid}.archive-subcategory-section+.archive-subcategory-section{padding-top:18px}.archive-subcategory-section__head,.archive-subcategory-section__copy{display:block}.archive-subcategory-section__title{align-items:center;gap:8px;max-width:100%;display:inline-flex}.archive-subcategory-section__copy h3{font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);color:var(--muted);margin:0;line-height:1.3}.archive-subcategory-tooltip{flex:none;align-items:center;display:inline-flex;position:relative}.archive-subcategory-tooltip__trigger{width:16px;min-height:16px;color:color-mix(in srgb,var(--muted)82%,var(--text)18%);font-family:var(--body-font);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);cursor:help;opacity:.78;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;transition:opacity .18s,color .18s,background-color .18s;display:inline-flex}.archive-subcategory-tooltip__trigger:hover,.archive-subcategory-tooltip__trigger:focus-visible{color:var(--text);background:color-mix(in srgb,var(--surface-muted)78%,transparent);opacity:1;outline:none}.archive-subcategory-tooltip__panel{z-index:20;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-elevated)96%,black 4%);width:min(440px,100vw - 48px);box-shadow:var(--shadow);color:var(--text);font-size:var(--ds-text-button);white-space:pre-line;opacity:0;pointer-events:none;border-radius:16px;padding:14px 16px;line-height:1.6;transition:opacity .18s,transform .18s;display:block;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(6px)}.archive-subcategory-tooltip:hover .archive-subcategory-tooltip__panel,.archive-subcategory-tooltip:focus-within .archive-subcategory-tooltip__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.archive-subcategory-section__list{gap:8px;display:grid}.archive-course-row{border:1px solid var(--border);background:var(--panel);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:grid}.archive-course-row:hover{border-color:var(--border-strong);background:var(--surface-elevated)}.archive-course-row__main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.archive-course-row__index{background:color-mix(in srgb,var(--accent)16%,var(--panel-strong)84%);width:34px;min-height:34px;color:var(--text);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-semibold);font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.archive-course-row__copy{align-content:center;gap:0;min-width:0;display:grid}.archive-course-row__copy h3{font-size:var(--ds-text-button);margin:0;line-height:1.35}.archive-course-row__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}
.archive-workbench{gap:24px;display:grid}.archive-workbench-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.archive-workbench-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;gap:16px;padding:22px;display:grid}.archive-workbench-card__meta{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.archive-workbench-card h2{font-size:var(--ds-text-body-large);margin:0}.archive-workbench-card__slug{color:var(--muted);font-family:var(--font-mono);font-size:var(--ds-text-button);margin:0}.archive-workbench-card__stats{color:var(--muted);font-size:var(--ds-text-button);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.archive-workbench-card__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.archive-workbench-card__actions form{margin:0}.archive-workbench-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.archive-workbench-toolbar__links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.archive-workbench-prepare-form{margin:0}.archive-workbench-prepare-form .archive-workbench-editor__actions{justify-content:flex-end}.archive-workbench-main{align-items:start;gap:18px;display:grid}.archive-workbench-config-shell{margin-bottom:8px}.archive-workbench-config-shell__summary{cursor:pointer;color:var(--text);font-weight:var(--ds-weight-semibold);justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.archive-workbench-config-shell__summary::-webkit-details-marker{display:none}.archive-workbench-config-shell__summary strong{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold)}.archive-workbench-config{gap:14px;margin-top:14px;display:grid}.archive-workbench-config__field{gap:8px;display:grid}.archive-workbench-config__help{color:var(--muted);font-size:var(--ds-text-button);margin:0;line-height:1.6}.archive-workbench-progress-note{border:1px solid color-mix(in srgb,var(--brand)28%,var(--border));background:color-mix(in srgb,var(--brand)8%,var(--panel));color:var(--text);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);border-radius:16px;margin:0;padding:12px 14px;line-height:1.6}.archive-workbench-progress-shell{gap:10px;display:grid}.archive-workbench-progress-meta{color:var(--muted);font-size:var(--ds-text-button);font-family:var(--font-mono);margin:0}.archive-workbench-progress-log{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted)72%,transparent);border-radius:16px;gap:8px;max-height:220px;padding:12px 14px;display:grid;overflow:auto}.archive-workbench-progress-log p{color:var(--text);font-size:var(--ds-text-button);grid-template-columns:86px minmax(0,1fr);gap:10px;margin:0;line-height:1.5;display:grid}.archive-workbench-progress-log span:first-child{color:var(--muted);font-family:var(--font-mono)}.archive-workbench-config__field span{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold)}.archive-workbench-config__field input,.archive-workbench-config__field textarea,.archive-workbench-config__field select{border:1px solid var(--border);background:var(--panel);width:100%;min-width:0;min-height:42px;color:var(--text);font:inherit;border-radius:14px;padding:10px 12px}.archive-workbench-config__field textarea{resize:vertical;min-height:88px}.archive-workbench-config__field input[readonly]{color:var(--muted);background:color-mix(in srgb,var(--panel)85%,transparent)}.archive-workbench-config__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.archive-workbench-config__row--wide{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.archive-workbench-config__row--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-workbench-config__row--quad{grid-template-columns:repeat(4,minmax(0,1fr))}.archive-workbench-config__footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.archive-workbench-config__paths{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted)66%,transparent);border-radius:16px;gap:8px;padding:12px 14px;display:grid}.archive-workbench-config__paths p{gap:4px;margin:0;display:grid}.archive-workbench-config__paths strong{font-size:var(--ds-text-button)}.archive-workbench-config__paths span{color:var(--muted);font-family:var(--font-mono);font-size:var(--ds-text-button);overflow-wrap:anywhere}.archive-workbench-section-link{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:16px;gap:6px;padding:12px 14px;text-decoration:none;transition:border-color .16s,transform .16s,background .16s;display:grid}.archive-workbench-section-link:hover{border-color:color-mix(in srgb,var(--brand)42%,var(--border));transform:translateY(-1px)}.archive-workbench-section-link.is-active{border-color:color-mix(in srgb,var(--brand)56%,var(--border));background:color-mix(in srgb,var(--brand)10%,var(--panel))}.archive-workbench-section-link__file{color:var(--muted);font-family:var(--font-mono);font-size:var(--ds-text-button)}.archive-workbench-editor{gap:18px;display:grid}.archive-workbench-editor__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.archive-workbench-editor__title{gap:4px;min-width:0;display:grid}.archive-workbench-editor__head h2{font-size:var(--ds-text-card-title);margin:6px 0 0}.archive-workbench-editor__section-picker{flex:0 440px;min-width:min(100%,320px)}.archive-workbench-shortcuts{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft)56%,transparent);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.archive-workbench-shortcuts__label{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);letter-spacing:.08em;text-transform:uppercase;margin:0}.archive-workbench-shortcuts__items{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.archive-workbench-shortcuts__items span{color:var(--muted);font-size:var(--ds-text-button);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.archive-workbench-shortcuts kbd{border:1px solid color-mix(in srgb,var(--border)86%,transparent);background:color-mix(in srgb,var(--surface-muted)72%,transparent);min-height:22px;color:var(--text);font:700 .72rem/1 var(--font-mono);border-radius:999px;align-items:center;padding:0 7px;display:inline-flex}.archive-workbench-panels{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) minmax(480px,1.2fr);gap:20px;display:grid}.archive-workbench-panel{border:1px solid var(--border);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:24px;align-content:start;gap:16px;padding:20px;display:grid}.archive-workbench-panel--pdf{align-self:start;position:sticky;top:112px}.archive-workbench-panel--editor{align-self:start;max-height:calc(100vh - 136px);position:sticky;top:112px}.archive-workbench-panel__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;min-height:40px;display:flex}.archive-workbench-panel__head h3{font-size:var(--ds-text-body-small);margin:0;line-height:1.2}.archive-workbench-editor__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.archive-workbench-editor__toolbar{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft)42%,transparent);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.archive-workbench-editor__toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.archive-workbench-editor__tool{border:1px solid var(--border);background:var(--panel);min-width:30px;min-height:30px;color:var(--text);font:inherit;font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.archive-workbench-editor__tool:hover{border-color:color-mix(in srgb,var(--brand)44%,var(--border));background:color-mix(in srgb,var(--brand)8%,var(--panel));transform:translateY(-1px)}.archive-workbench-editor__tool span{justify-content:center;align-items:center;min-width:1.2em;line-height:1;display:inline-flex}.archive-workbench-editor__tool:first-child span{font-weight:var(--ds-weight-semibold)}.archive-workbench-editor__tool:nth-child(2) span{font-style:italic}.archive-workbench-editor__status{background:var(--surface-soft);min-height:34px;color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.archive-workbench-editor__status.is-success{background:color-mix(in srgb,var(--ds-success)16%,var(--surface-elevated)84%);color:color-mix(in srgb,var(--ds-success-deep)82%,var(--text)18%)}.archive-workbench-editor__status.is-error{background:color-mix(in srgb,var(--ds-error)14%,var(--surface-elevated)86%);color:color-mix(in srgb,var(--ds-error-deep)82%,var(--text)18%)}.archive-workbench-editor__status.is-warning{background:color-mix(in srgb,var(--ds-warning)16%,var(--surface-elevated)84%);color:color-mix(in srgb,var(--ds-warning)82%,var(--text)18%)}.archive-workbench-textarea{border:1px solid var(--border);background:color-mix(in srgb,var(--panel)70%,transparent);width:100%;min-height:60vh;color:var(--text);font:500 .95rem/1.7 var(--font-mono);resize:vertical;border-radius:18px;max-height:calc(100vh - 250px);padding:18px;overflow:auto}.archive-workbench-textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--brand)36%,transparent);outline-offset:0}.archive-workbench-preview{align-self:start;padding-top:0}.archive-workbench-section-select{gap:8px;min-width:0;display:grid}.archive-workbench-section-select span{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold)}.archive-workbench-section-select select{border:1px solid var(--border);background:linear-gradient(45deg,transparent 50%,var(--muted)50%),linear-gradient(135deg,var(--muted)50%,transparent 50%),color-mix(in srgb,var(--panel)92%,transparent);width:100%;min-width:0;min-height:46px;color:var(--text);font:inherit;font-weight:var(--ds-weight-semibold);appearance:none;background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px),0 0;background-repeat:no-repeat;background-size:6px 6px,6px 6px,100% 100%;border-radius:16px;padding:0 42px 0 14px}.archive-workbench-pdf__meta{color:var(--muted);font-size:var(--ds-text-button);font-weight:var(--ds-weight-semibold)}.archive-workbench-pdf-frame{border:1px solid var(--border);background:var(--panel-strong);border-radius:18px;width:100%;height:min(84vh,1180px);min-height:78vh}