:root{color-scheme:dark;--background: #0b0d0f;--surface: #15181b;--surface-muted: #1d2124;--text: #f3efe5;--text-muted: #b9b4a8;--accent: #c7a86b;--border: #3a3429;--focus: #f5d58c;--max-width: 72rem;--reading-width: 68ch;--sticky-header-offset: 4.5rem;--desktop-toc-offset: 5rem}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:var(--sticky-header-offset);background:var(--background)}body{min-height:100vh;min-height:100svh;margin:0;display:flex;flex-direction:column;overflow-wrap:break-word;background:linear-gradient(180deg,rgb(199 168 107 / .04),transparent 22rem),var(--background);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(1rem,.97rem + .14vw,1.075rem);line-height:1.7}h1,h2,h3,h4,h5,h6{margin-block:0 .65em;color:var(--text);font-family:Georgia,Times New Roman,serif;line-height:1.15;text-wrap:balance}h1{font-size:clamp(2rem,1.5rem + 2.5vw,3.5rem);letter-spacing:-.025em}p{margin-block:0 1em}ul[role=list],ol[role=list]{list-style:none}a{color:var(--accent);text-decoration-line:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--focus)}:focus-visible{outline:.2rem solid var(--focus);outline-offset:.2rem}.container{width:min(100% - clamp(2.5rem,8vw,6rem),var(--max-width));margin-inline:auto}.reading-width{max-width:var(--reading-width)}.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border);border-bottom-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:#0b0d0ff0;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem 1.25rem;padding-block:.375rem}.site-brand,.site-nav a{min-height:2.75rem;display:inline-flex;align-items:center;padding-block:.5rem;font-weight:700}.site-brand{color:var(--text);text-decoration:none}.site-nav__list{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:0;padding:0}.site-nav a[aria-current=page]{color:var(--text);text-decoration-color:var(--accent)}.site-main{flex:1;width:100%;padding-block:clamp(3rem,2rem + 4vw,6rem)}.hero{position:relative;padding-block:clamp(1rem,.4rem + 3vw,3rem);border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 55%),var(--surface)}.hero:before{position:absolute;inset-block:clamp(1.25rem,.9rem + 1.5vw,2.25rem);inset-inline-start:0;width:.2rem;background:var(--accent);content:""}.hero__content{padding-inline:clamp(1.5rem,1rem + 3vw,4rem)}.eyebrow{margin-block-end:.75rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}.hero__lead{color:var(--text);font-size:clamp(1.1rem,1rem + .5vw,1.35rem);line-height:1.55}.hero__supporting,.featured-guide p,.content-card p,.editorial-layout>p{color:var(--text-muted)}.homepage-section{padding-block-start:clamp(3.5rem,2.5rem + 4vw,6rem)}.section-heading{margin-block-end:clamp(1.25rem,1rem + 1vw,2rem)}.section-heading h2{margin-block-end:0;font-size:clamp(1.65rem,1.35rem + 1.2vw,2.35rem)}.featured-guide{padding:clamp(1.5rem,1rem + 2.5vw,3rem);border:1px solid var(--border);border-inline-start:.25rem solid var(--accent);background:var(--surface)}.featured-guide h3{max-width:var(--reading-width);font-size:clamp(1.35rem,1.2rem + .7vw,1.8rem)}.featured-guide p{max-width:var(--reading-width)}.guide-link{display:inline-block;padding-block:.2rem;font-weight:800}.content-grid,.principles-list{margin:0;padding:0}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}.content-card{height:100%;padding:clamp(1.25rem,1rem + 1.2vw,2rem);border:1px solid var(--border);background:var(--surface)}.content-card h3{font-size:1.25rem}.content-card p{margin-block-end:0}.editorial-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(14rem,.8fr);gap:clamp(1.5rem,1rem + 3vw,4rem);padding-block:clamp(1.5rem,1rem + 2vw,2.5rem);border-block:1px solid var(--border)}.editorial-layout>p{margin:0}.principles-list{display:grid;align-content:start;gap:.75rem}.principles-list li{padding-block-end:.75rem;border-bottom:1px solid var(--border);color:var(--text);font-weight:700}@media(max-width:42rem){.editorial-layout{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 2rem;padding-block:clamp(1.5rem,1rem + 2vw,2.5rem)}.site-footer__about{max-width:var(--reading-width)}.site-footer__about p,.site-footer__year{margin:0}.site-footer__nav-list{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0}.site-footer__name{color:var(--text);font-weight:700}.classes-page{max-width:var(--max-width)}.breadcrumb{margin-block-end:clamp(2rem,1.5rem + 2vw,3.5rem);color:var(--text-muted);font-size:.92rem}.breadcrumb__list{display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin:0;padding:0}.breadcrumb__list li+li:before{margin-inline-end:.65rem;color:var(--border);content:"/"}.page-header{padding-block-end:clamp(1.5rem,1rem + 2vw,2.5rem);border-bottom:1px solid var(--border)}.page-eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.article-intro{max-width:var(--reading-width);margin-block-start:clamp(2rem,1.5rem + 2vw,3rem);padding-block-end:clamp(1.5rem,1rem + 2vw,2.5rem);border-bottom:1px solid var(--border)}.article-intro h2,.quick-answer h2{font-size:clamp(1.55rem,1.35rem + 1vw,2.15rem)}.article-intro p,.quick-answer>p,.article-section>p,.faq-item p,.source-policy p{max-width:var(--reading-width)}.quick-answer{max-width:var(--reading-width);margin-block-start:clamp(2.5rem,2rem + 2vw,4rem);padding:clamp(1.25rem,1rem + 1.5vw,2rem);border:1px solid var(--border);border-inline-start:.25rem solid var(--accent);background:var(--surface)}.quick-answer>p:last-child{margin-block-end:0;color:var(--text-muted)}.quick-answer-list{display:grid;gap:.65rem;margin-block:1rem 1.25rem;padding-inline-start:1.35rem}.quick-answer-list li::marker,.example-list li::marker,.unresolved-list li::marker{color:var(--accent)}.table-of-contents{max-width:58rem;margin-block-start:clamp(2.5rem,2rem + 2vw,4rem);padding:clamp(1.25rem,1rem + 2vw,2.25rem);border:1px solid var(--border);background:var(--surface-muted)}.table-of-contents__title{margin-block-end:.65em;color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:700;line-height:1.15}.table-of-contents__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.65rem 2rem;margin:0;padding:0}.table-of-contents a{display:inline-block;padding-block:.1rem}.guide-article{margin-block-start:clamp(3rem,2rem + 3vw,5rem)}.article-section{max-width:var(--reading-width);padding-block:clamp(2rem,1.5rem + 2vw,3.5rem);border-top:1px solid var(--border);scroll-margin-top:2rem}.article-section--wide{max-width:64rem}.article-section h2{font-size:clamp(1.55rem,1.35rem + 1vw,2.15rem)}.article-section h3{margin-block-start:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-size:clamp(1.2rem,1.1rem + .45vw,1.45rem)}.table-region{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--border);background:var(--surface)}.comparison-table{width:100%;min-width:55rem;border-collapse:collapse;font-size:.95rem;line-height:1.5}.comparison-table--compact{min-width:40rem}.comparison-table caption{padding:1rem;color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:700;text-align:start}.comparison-table th,.comparison-table td{padding:.85rem 1rem;border-block-start:1px solid var(--border);text-align:start;vertical-align:top}.comparison-table thead th{background:var(--surface-muted);color:var(--text)}.comparison-table tbody th{color:var(--text);white-space:nowrap}.comparison-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface-muted) 55%,transparent)}.editorial-note{max-width:var(--reading-width);margin-block-start:1.25rem;padding-inline-start:1rem;border-inline-start:.15rem solid var(--accent);color:var(--text-muted);font-size:.95rem}.example-list,.unresolved-list{max-width:var(--reading-width);margin-block:1rem 1.5rem;padding-inline-start:1.35rem}.example-list li,.unresolved-list li{margin-block-end:.45rem}.faq-list{max-width:var(--reading-width)}.faq-item{padding-block:1.5rem;border-top:1px solid var(--border)}.faq-item h3{margin-block-start:0}.faq-item p:last-child{margin-block-end:0}.article-meta p{color:var(--text);font-weight:700}.source-policy{margin-block-end:0;border-bottom:1px solid var(--border)}.classes-page{width:min(100% - clamp(2.5rem,8vw,6rem),77.5rem);max-width:none}.classes-hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,3.5vw,4rem);padding-block:clamp(2rem,1.25rem + 3vw,4.5rem);border-bottom:1px solid var(--border)}.classes-hero__content,.classes-hero__media,.article-main{min-width:0}.classes-hero .page-header{padding-block-end:0;border-bottom:0}.classes-hero__intro{margin-block-start:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);color:var(--text-muted)}.classes-hero__intro p:last-child{margin-block-end:0}.article-updated{margin-block:1.25rem 0;color:var(--text);font-size:.92rem;font-weight:700}.classes-hero__media,.section-media,.class-feature__media{overflow:hidden;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.classes-hero__media,.section-media,.class-feature__media{aspect-ratio:16 / 9}.classes-hero__media img,.section-media img,.class-feature__media img{display:block;width:100%;height:auto;object-fit:cover}.classes-hero__media img{object-position:center}.quick-answer{max-width:none;margin-block-start:clamp(2.5rem,2rem + 2vw,4.5rem)}.class-jump-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-block:1.25rem 1.5rem}.class-jump-card{display:flex;flex-direction:column;gap:.45rem;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface-muted);color:var(--text-muted);text-decoration:none}.class-jump-card strong{color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.15rem;line-height:1.2}.class-jump-card span{font-size:.92rem;line-height:1.5}.class-jump-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--surface-muted) 80%,var(--accent));color:var(--text)}.class-jump-card:focus-visible{outline-offset:.25rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,16.25rem);align-items:start;gap:clamp(2rem,3.8vw,3rem);margin-block-start:clamp(3rem,2rem + 3vw,5rem)}.guide-article{margin-block-start:0}.article-sidebar{min-width:0}.desktop-toc{position:sticky;inset-block-start:var(--desktop-toc-offset);padding:1.25rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.desktop-toc__title{margin-block-end:.75rem;color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;line-height:1.2}.toc-list{display:grid;gap:.55rem;margin:0;padding:0}.toc-list a{display:inline-block;color:var(--text-muted);font-size:.9rem;line-height:1.4;text-decoration-color:transparent}.toc-list a:hover{color:var(--focus);text-decoration-color:currentColor}.mobile-toc{display:none;margin-block-end:2rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.mobile-toc summary{padding:1rem 1.1rem;color:var(--text);font-family:Georgia,Times New Roman,serif;font-weight:700;cursor:pointer}.mobile-toc summary::marker{color:var(--accent)}.mobile-toc[open] summary{border-bottom:1px solid var(--border);background:var(--surface-muted)}.mobile-toc nav{padding:1rem 1.1rem 1.25rem}.article-section{max-width:none;scroll-margin-top:2rem}.article-section>p,.article-section>ul,.source-panel p{max-width:var(--reading-width)}.article-section--wide{max-width:none}.section-media{margin-block:1.5rem 2rem}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem}.system-card{min-width:0;padding:clamp(1.1rem,.9rem + .8vw,1.5rem);border:1px solid var(--border);border-radius:.5rem;background:color-mix(in srgb,var(--surface) 78%,transparent)}.system-card h3{margin-block-start:0}.system-card p:last-child,.system-card .example-list:last-child{margin-block-end:0}.system-card .example-list{margin-block-end:1rem}.class-feature{display:grid;grid-template-columns:minmax(17rem,.9fr) minmax(0,1.1fr);grid-template-areas:"media heading" "media content";align-items:start;gap:.85rem clamp(1.5rem,3vw,2.5rem);margin-block-start:.5rem;padding-block-start:clamp(2.75rem,2.25rem + 2vw,4rem);border-top-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.class-feature--reverse{grid-template-columns:minmax(0,1.1fr) minmax(17rem,.9fr);grid-template-areas:"heading media" "content media"}.class-feature__heading{grid-area:heading;min-width:0}.class-feature__heading h2{margin-block-end:.55rem}.class-feature__media{grid-area:media;min-width:0}.class-feature__content{grid-area:content;min-width:0}.class-feature__media--seer img{object-position:center right}.class-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.class-meta__item{display:flex;flex-wrap:wrap;gap:.25rem .45rem;padding:.38rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.82rem;line-height:1.4}.class-meta__item dt{color:var(--text-muted);font-weight:700}.class-meta__item dd{margin:0;color:var(--text)}.class-fit-note{margin-block:1.4rem 0;padding:.9rem 1rem;border-inline-start:.2rem solid var(--accent);background:var(--surface);color:var(--text-muted)}.table-region{border-radius:.35rem}.comparison-table th,.comparison-table td{padding-block:1rem}.comparison-table tbody th{color:var(--focus)}.switching-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1rem}.confirmed-panel,.unresolved-panel{min-width:0;padding:clamp(1.1rem,.9rem + .8vw,1.5rem);border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.confirmed-panel h3,.unresolved-panel h3{display:flex;gap:.55rem;margin-block-start:0}.confirmed-panel h3:before{color:var(--accent);content:"✓"}.unresolved-panel h3:before{color:var(--accent);content:"?"}.confirmed-panel p:last-child,.unresolved-panel .unresolved-list:last-child{margin-block-end:0}.unresolved-panel .unresolved-list{margin-block-end:0}.faq-accordion{display:grid;gap:.75rem;max-width:var(--reading-width)}.faq-accordion__item{border:1px solid var(--border);border-radius:.45rem;background:var(--surface)}.faq-accordion__item summary{padding:1rem 1.1rem;color:var(--text);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700;line-height:1.35;cursor:pointer}.faq-accordion__item summary::marker{color:var(--accent)}.faq-accordion__item summary:hover{color:var(--focus);background:var(--surface-muted)}.faq-accordion__item[open]{border-color:color-mix(in srgb,var(--border) 55%,var(--accent))}.faq-accordion__item[open] summary{border-bottom:1px solid var(--border);background:var(--surface-muted)}.faq-accordion__answer{padding:1rem 1.1rem;color:var(--text-muted)}.faq-accordion__answer p:last-child,.faq-accordion__answer ol:last-child{margin-block-end:0}.source-panel{margin-block-end:0;padding-inline:clamp(1.1rem,1rem + 1vw,1.75rem);border:1px solid var(--border);border-radius:.5rem;background:color-mix(in srgb,var(--surface) 72%,transparent)}.source-panel__note{color:var(--text-muted);font-size:.92rem}@media(max-width:60rem){.classes-hero{grid-template-columns:1fr}.classes-hero__media{width:100%}.article-layout{grid-template-columns:1fr}.desktop-toc{display:none}.mobile-toc{display:block}.class-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-feature,.class-feature--reverse{grid-template-columns:1fr;grid-template-areas:"heading" "media" "content";gap:1.25rem}}@media(max-width:48rem){.system-grid,.switching-grid{grid-template-columns:1fr}.classes-hero__media img{object-fit:contain}}@media(max-width:36rem){:root{--sticky-header-offset: 7rem}.class-jump-grid{grid-template-columns:1fr}.class-meta{align-items:flex-start;flex-direction:column}.class-meta__item{border-radius:.45rem}.comparison-table th,.comparison-table td{padding:.8rem}}.skip-link{position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:10;padding:.65rem .9rem;border:2px solid var(--focus);background:var(--background);color:var(--text);transform:translateY(calc(-100% - 1rem))}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}