*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--text-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}img,svg{display:block;max-width:100%}h1,h2,h3{margin:0;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary)}p{margin:0}.site-shell{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1 0 auto}.wrap{width:100%;max-width:1080px;margin-inline:auto;padding-inline:var(--space-6)}.wrap--narrow{max-width:760px}.skip-link{position:absolute;left:var(--space-3);top:-100px;z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-md);transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:var(--space-3)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:#111318d1;backdrop-filter:saturate(140%) blur(10px);border-bottom:var(--border-width) solid var(--border-subtle)}[data-theme=light] .site-header{background:#f8fafbd1}.site-header__inner{display:flex;align-items:center;gap:var(--space-6);height:60px}.site-brand{display:inline-flex;align-items:center;color:var(--text-primary)}.site-brand:hover{text-decoration:none}.site-nav{margin-left:auto;display:flex;align-items:center;gap:var(--space-1)}.site-nav__link{display:inline-flex;align-items:center;height:var(--control-height-lg);padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-md);font-weight:var(--weight-medium)}.site-nav__link:hover{color:var(--text-primary);background:var(--bg-subtle);text-decoration:none}.site-nav__cta{margin-left:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height-lg);padding-inline:var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:var(--weight-medium);font-size:var(--text-md);cursor:pointer;transition:var(--transition-control);text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--highlight-top),var(--shadow-sm)}.btn--primary:hover{background:var(--accent-hover);color:var(--accent-contrast)}.btn--secondary{background:var(--bg-field);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover{background:var(--bg-field-hover);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn--lg{height:46px;padding-inline:var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-lg)}.hero{position:relative;padding-block:clamp(var(--space-12),9vw,var(--space-20));overflow:hidden}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 75%);opacity:.5;pointer-events:none}.hero__inner{position:relative;max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);letter-spacing:var(--tracking-wide)}.eyebrow__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.hero h1{margin-top:var(--space-5);font-size:clamp(var(--text-3xl),6vw,var(--text-display));letter-spacing:var(--tracking-tight)}.hero__lede{margin-top:var(--space-5);font-size:clamp(var(--text-lg),2.4vw,var(--text-xl));line-height:var(--leading-snug);color:var(--text-secondary);max-width:620px}.hero__cta{margin-top:var(--space-8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.hero__note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.section{padding-block:clamp(var(--space-10),7vw,var(--space-16))}.section--alt{background:var(--bg-panel);border-block:var(--border-width) solid var(--border-subtle)}.section__head{max-width:640px;margin-bottom:var(--space-8)}.section__kicker{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-accent)}.section h2{margin-top:var(--space-2);font-size:clamp(var(--text-2xl),3.6vw,var(--text-3xl))}.section__sub{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug)}.card-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--bg-panel);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;transition:var(--transition-control)}.section--alt .card{background:var(--bg-elevated)}a.card:hover{text-decoration:none;border-color:var(--border-strong);background:var(--bg-field-hover)}.card__icon{width:30px;height:30px;color:var(--accent);margin-bottom:var(--space-1)}.card h3{font-size:var(--text-lg)}.card p{color:var(--text-secondary);font-size:var(--text-md)}.card__meta{margin-top:auto;padding-top:var(--space-2);font-size:var(--text-sm);color:var(--text-accent);font-weight:var(--weight-medium)}.site-footer{flex-shrink:0;border-top:var(--border-width) solid var(--border-subtle);background:var(--bg-panel);padding-block:var(--space-10) var(--space-8);margin-top:var(--space-12)}.site-footer__cols{display:grid;gap:var(--space-8);grid-template-columns:1.4fr repeat(2,1fr)}.site-footer__brand .site-footer__tag{margin-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);max-width:32ch}.site-footer__col h4{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary)}.site-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.site-footer__col a{color:var(--text-secondary);font-size:var(--text-md)}.site-footer__col a:hover{color:var(--text-primary)}.site-footer__base{margin-top:var(--space-8);padding-top:var(--space-5);border-top:var(--border-width) solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;color:var(--text-tertiary);font-size:var(--text-sm)}.ad-slot{display:flex;align-items:center;justify-content:center;border:var(--border-width) dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-disabled);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;min-height:90px}.prose{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.prose h2{margin-top:var(--space-10);font-size:var(--text-2xl);color:var(--text-primary)}.prose h3{margin-top:var(--space-6);font-size:var(--text-xl);color:var(--text-primary)}.prose p,.prose ul,.prose ol{margin-top:var(--space-4)}.prose ul,.prose ol{padding-left:var(--space-6)}.prose li{margin-top:var(--space-2)}.prose strong{color:var(--text-primary);font-weight:var(--weight-semibold)}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-field);padding:.1em .4em;border-radius:var(--radius-xs);color:var(--text-primary)}.prose .lede{font-size:var(--text-xl);color:var(--text-primary);line-height:var(--leading-snug)}.page-head{padding-block:var(--space-12) var(--space-8);border-bottom:var(--border-width) solid var(--border-subtle)}.page-head h1{font-size:clamp(var(--text-2xl),4.5vw,var(--text-display))}.page-head p{margin-top:var(--space-4);font-size:var(--text-lg);color:var(--text-secondary);max-width:60ch}.cmp{width:100%;border-collapse:collapse;margin-top:var(--space-6);font-size:var(--text-md)}.cmp th,.cmp td{text-align:left;padding:var(--space-3) var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle)}.cmp thead th{color:var(--text-tertiary);font-weight:var(--weight-semibold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cmp td:first-child{color:var(--text-secondary)}.cmp .yes{color:var(--success);font-weight:var(--weight-semibold)}.cmp .no{color:var(--text-disabled)}.cmp tbody tr:hover{background:var(--bg-subtle)}.section__head--left{max-width:720px}.section__head--left h2{margin-top:0}.tpl-jump{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tpl-jump__link{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary)}.tpl-jump__link:hover{text-decoration:none;border-color:var(--border-strong);color:var(--text-primary)}.tpl-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tpl-grid--teaser{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tpl-card{display:flex;flex-direction:column;background:var(--bg-panel);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;color:inherit;transition:var(--transition-control)}a.tpl-card:hover{text-decoration:none;border-color:var(--border-strong);transform:translateY(-2px)}.tpl-card__preview,.tpl-stage{display:flex;align-items:center;justify-content:center;background:#f4f6fa;background-image:linear-gradient(45deg,#eaeef4 25%,transparent 25%),linear-gradient(-45deg,#eaeef4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eaeef4 75%),linear-gradient(-45deg,transparent 75%,#eaeef4 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.tpl-card__preview{aspect-ratio:4 / 3;padding:var(--space-5)}.tpl-card__preview svg,.tpl-stage svg{max-width:100%;max-height:100%;height:auto;border-radius:var(--radius-xs)}.tpl-card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.tpl-card__body h3{font-size:var(--text-md)}.tpl-card__body p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.tpl-card__meta{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-accent);font-weight:var(--weight-medium)}.tpl-detail{padding-block:var(--space-8) var(--space-16)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary)}.breadcrumb a{color:var(--text-secondary)}.tpl-detail__grid{display:grid;gap:var(--space-8);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.tpl-stage{aspect-ratio:1 / 1;padding:var(--space-8);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg)}.tpl-detail__info{display:flex;flex-direction:column;gap:var(--space-3)}.tpl-cat{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-accent)}.tpl-detail__info h1{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl))}.tpl-detail__lede{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug)}.tpl-detail__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.tpl-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);list-style:none;padding:0}.tpl-tag{padding:2px var(--space-3);background:var(--bg-elevated);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-tertiary)}.tpl-detail__note{margin-top:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm)}.tpl-detail__prose{margin-top:var(--space-12);max-width:680px}.tpl-related{margin-top:var(--space-12)}.tpl-related h2{margin-bottom:var(--space-5);font-size:var(--text-2xl)}.share-view{display:grid;gap:var(--space-8);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;max-width:var(--container-max, 1120px);margin-inline:auto;padding:clamp(var(--space-8),6vw,var(--space-16)) var(--space-6)}.share-view__stage{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;padding:var(--space-8);background:#f4f6fa;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg)}.share-view__stage svg{max-width:100%;max-height:100%;height:auto}.share-view__panel{display:flex;flex-direction:column;gap:var(--space-3)}.share-view__eyebrow{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-accent)}.share-view__title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl))}.share-view__lede{color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug)}.share-view__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.share-view__credit{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.share-view__empty{grid-column:1 / -1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.embed-view{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:#fff}.embed-view__art{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.embed-view__art svg{max-width:100%;max-height:calc(100vh - 24px);height:auto}.embed-view__badge,.embed-view__fallback{position:fixed;right:8px;bottom:8px;padding:3px 8px;background:#10151cc7;border-radius:var(--radius-full);color:#fff;font-size:11px;line-height:1.4;text-decoration:none}.embed-view__badge strong{font-weight:var(--weight-semibold)}@media(max-width:720px){.tpl-detail__grid,.share-view{grid-template-columns:1fr}}@media(max-width:720px){.site-nav{gap:0}.site-nav__link{padding-inline:var(--space-2);font-size:var(--text-sm)}.site-footer__cols{grid-template-columns:1fr;gap:var(--space-6)}}@media(max-width:520px){.site-nav__link:not(.site-nav__cta){display:none}}