:root{--color-surface:#fefcf9;--color-surface-warm:#f8f4ef;--color-surface-card:#fff;--color-surface-hero:#f5f0ea;--color-ink:#2c2825;--color-ink-secondary:#534d47;--color-muted:#7a726a;--color-faint:#a69e95;--color-accent:#9e5a5a;--color-accent-strong:#7c3f43;--color-accent-soft:#c9908f;--color-accent-bg:#f6edec;--color-sage:#6f7d62;--color-clay:#a46f55;--color-amber:#a28244;--color-mauve:#8b6a7a;--color-petal:#b87d8a;--color-line:#e5ddd4;--color-line-soft:#ede7df;--color-focus:#3a7ca5;--color-link:#7c3f43;--color-link-hover:#5c2d30;--font-editorial:Georgia, "Noto Serif", "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Segoe UI Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.65;--leading-relaxed:1.8;--tracking-tight:-.015em;--tracking-eyebrow:.1em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:5.5rem;--space-10:7rem;--width-site:1200px;--width-content:880px;--width-reading:680px;--width-narrow:560px;--gutter:1.25rem;--radius-sm:4px;--radius:6px;--radius-lg:10px;--radius-pill:999px;--shadow-xs:0 1px 2px #2c28250a;--shadow-sm:0 1px 3px #2c28250f, 0 1px 2px #2c28250a;--shadow-md:0 4px 12px #2c28250f;--shadow-lg:0 8px 30px #2c282514;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s}@media (width>=768px){:root{--gutter:2rem}}*,:before,:after{box-sizing:border-box}html{color:var(--color-ink);background:var(--color-surface);font-family:var(--font-body);font-size:100%;line-height:var(--leading-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;margin:0}img,picture,svg,video{max-width:100%;height:auto;display:block}a{color:var(--color-link);text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-out);text-decoration-thickness:1px}a:hover{color:var(--color-link-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}.skip-link{left:var(--space-4);top:var(--space-4);z-index:100;background:var(--color-ink);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);transition:transform var(--duration-normal) var(--ease-out);font-weight:600;text-decoration:none;position:fixed;transform:translateY(-200%)}.skip-link:focus{color:#fff;transform:translateY(0)}h1,h2,h3,h4{font-family:var(--font-editorial);letter-spacing:var(--tracking-tight);font-weight:400;line-height:var(--leading-tight);color:var(--color-ink);margin:0 0 var(--space-4)}h1{font-size:clamp(var(--text-3xl), 5.5vw, var(--text-4xl));line-height:1.1}h2{font-size:clamp(var(--text-xl), 3.5vw, var(--text-2xl));line-height:var(--leading-snug)}h3{font-size:var(--text-lg);line-height:var(--leading-snug)}h4{font-size:var(--text-base);font-weight:600;font-family:var(--font-body);letter-spacing:0}p{margin:0 0 var(--space-4)}.container{width:min(100% - var(--gutter) * 2, var(--width-site));margin-inline:auto}.container-content{width:min(100% - var(--gutter) * 2, var(--width-content));margin-inline:auto}.narrow{width:min(100% - var(--gutter) * 2, var(--width-reading));margin-inline:auto}.eyebrow{color:var(--color-accent);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin-bottom:var(--space-2);font-weight:700;display:inline-block}.lede{color:var(--color-ink-secondary);font-size:clamp(var(--text-base), 2vw, var(--text-lg));line-height:var(--leading-normal);max-width:58ch}.muted{color:var(--color-muted)}.section{padding-block:var(--space-8)}.button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;min-height:44px;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:.65rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.button.secondary{color:var(--color-ink);background:0 0}.button.secondary:hover{background:var(--color-surface-warm);border-color:var(--color-line);color:var(--color-accent-strong)}.site-header{z-index:30;border-bottom:1px solid var(--color-line-soft);-webkit-backdrop-filter:blur(12px);background:#fefcf9eb;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:60px;display:flex}.brand{flex:none;width:clamp(11.5rem,50vw,13rem);line-height:0;text-decoration:none;display:block}.brand img{width:100%;height:auto;display:block}.desktop-nav{gap:var(--space-1);align-items:center;display:none}.desktop-nav a{padding:var(--space-2) var(--space-3);color:var(--color-ink-secondary);font-size:var(--text-sm);border-radius:var(--radius);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);font-weight:500;text-decoration:none;display:block}.desktop-nav a:hover{color:var(--color-accent-strong);background:var(--color-accent-bg)}.desktop-nav a[aria-current=page]{color:var(--color-accent-strong)}.mobile-nav{position:relative}.mobile-nav summary{border:1px solid var(--color-line);border-radius:var(--radius);cursor:pointer;min-width:44px;min-height:44px;font-size:var(--text-sm);color:var(--color-ink-secondary);transition:border-color var(--duration-fast) var(--ease-out);background:0 0;place-items:center;font-weight:600;list-style:none;display:grid}.mobile-nav summary:hover{border-color:var(--color-muted)}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav__panel{right:0;top:calc(100% + var(--space-2));width:min(85vw,300px);padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-card);box-shadow:var(--shadow-lg);position:absolute}.mobile-nav__panel a{padding:var(--space-3) var(--space-4);color:var(--color-ink);font-size:var(--text-base);border-radius:var(--radius);transition:background var(--duration-fast) var(--ease-out);text-decoration:none;display:block}.mobile-nav__panel a:hover{background:var(--color-surface-warm);color:var(--color-accent-strong)}.site-footer{padding-block:var(--space-8) var(--space-7);color:#c9c2bb;font-size:var(--text-sm);background:#11100f;border-top:1px solid #2d2926}.site-footer__inner{gap:var(--space-7);display:grid}.footer-brand{width:min(100%,20rem);margin-bottom:var(--space-3);line-height:0;display:block}.footer-brand img{width:100%;height:auto;display:block}.footer-description{max-width:44ch;line-height:var(--leading-normal);margin-bottom:var(--space-4)}.footer-columns{gap:var(--space-6);display:grid}.footer-column-title{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:#f0ebe6;margin-bottom:var(--space-3);font-weight:700}.footer-links{gap:var(--space-2);flex-direction:column;display:flex}.footer-links a{color:#c9c2bb;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.footer-links a:hover{color:#fff}.footer-copy{margin-top:var(--space-7);padding-top:var(--space-5);font-size:var(--text-xs);color:#9f9790;border-top:1px solid #3a3531}.page-header{padding:var(--space-7) 0 var(--space-8);background:var(--color-surface-warm);border-bottom:1px solid var(--color-line-soft)}.page-header h1{margin-bottom:var(--space-3)}.hero{background:var(--color-surface-hero);padding:var(--space-8) 0 var(--space-9);position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(135deg,#fefcf9f7 0%,#f8f4efeb 35%,#f5f0ea99 65%,#f5f0ea4d 100%),url(/images/superficialstyle-hero.png) 50%/cover no-repeat;position:absolute;inset:0}.hero__content{z-index:1;max-width:620px;position:relative}.hero__content h1{margin-bottom:var(--space-4)}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.section-header{margin-bottom:var(--space-6)}.section-header h2{margin-bottom:var(--space-2)}.section-header .lede{margin-bottom:0}.category-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.category-card{padding:var(--space-5) var(--space-5);border:1px solid var(--color-line-soft);border-radius:var(--radius-lg);background:var(--color-surface-card);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);text-decoration:none;display:block}.category-card:hover{border-color:var(--color-line);box-shadow:var(--shadow-sm)}.category-card .eyebrow{margin-bottom:var(--space-2)}.category-card h3{font-family:var(--font-editorial);font-size:var(--text-lg);color:var(--color-ink);margin-bottom:var(--space-2);transition:color var(--duration-fast) var(--ease-out)}.category-card:hover h3{color:var(--color-accent-strong)}.media-slot-figure{width:100%;margin:0}.media-slot__frame,.media-slot--placeholder{width:100%;aspect-ratio:var(--media-ratio,3 / 2);border:1px solid var(--color-line-soft);border-radius:var(--radius-lg);background:var(--color-surface-warm);position:relative;overflow:hidden}.media-slot__image{object-fit:cover;width:100%;height:100%}.media-slot--placeholder:before,.media-slot--placeholder:after{content:"";border:1px solid var(--color-line);border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.media-slot--placeholder:before{aspect-ratio:1;width:2.25rem}.media-slot--placeholder:after{aspect-ratio:1;background:var(--color-line);width:.4rem}.media-slot-figure figcaption{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.article-hero-media{margin-top:var(--space-7)}.category-hero-media{margin-top:var(--space-5)}.article-card__image{margin-bottom:var(--space-3)}.category-card p{color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.article-list{gap:0;display:grid}.article-card{gap:var(--space-2);padding:var(--space-5) 0;border-bottom:1px solid var(--color-line-soft);display:grid}.article-card:first-child{padding-top:0}.article-card:last-child{border-bottom:none}.article-card__meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-faint);display:flex}.article-card__category{color:var(--color-accent);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-weight:600}.article-card h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.article-card h3 a{color:var(--color-ink);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.article-card h3 a:hover{color:var(--color-accent-strong)}.article-card__desc{color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-normal);max-width:60ch;margin:0}.article-card--featured{padding:var(--space-6);border:1px solid var(--color-line-soft);border-radius:var(--radius-lg);background:var(--color-surface-card)}.article-card--featured:first-child{padding-top:var(--space-6)}.article-card--featured h3{font-size:var(--text-xl)}.article-row{align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line-soft);display:flex}.article-row:last-child{border-bottom:none}.article-row a{color:var(--color-ink);transition:color var(--duration-fast) var(--ease-out);font-weight:500;text-decoration:none}.article-row a:hover{color:var(--color-accent-strong)}.article-row .muted{font-size:var(--text-xs);white-space:nowrap}.breadcrumbs{color:var(--color-faint);font-size:var(--text-xs);margin-bottom:var(--space-5)}.breadcrumbs ol{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:var(--space-1);display:flex}.breadcrumbs li:not(:last-child):after{content:"›";color:var(--color-line);font-size:1.1em}.breadcrumbs a{color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.breadcrumbs a:hover{color:var(--color-accent-strong)}.breadcrumbs [aria-current=page]{color:var(--color-faint)}.category-layout{padding-block:var(--space-7)}.category-layout__main{gap:var(--space-7);display:grid}.category-sidebar{margin-top:var(--space-7)}.category-sidebar__card{border:1px solid var(--color-line-soft);border-radius:var(--radius-lg);background:var(--color-surface-card);padding:var(--space-5)}.category-sidebar__card h2{font-size:var(--text-base);font-weight:600;font-family:var(--font-body);letter-spacing:0;margin-bottom:var(--space-3)}.topic-list{gap:var(--space-2);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.topic-list li{border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-muted);font-size:var(--text-xs);background:var(--color-surface);padding:.35rem .75rem}.notice{border-left:3px solid var(--color-accent-soft);background:var(--color-accent-bg);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius) var(--radius) 0;font-size:var(--text-sm);color:var(--color-ink-secondary)}.notice p:last-child{margin-bottom:0}.editorial-statement{background:var(--color-surface-warm);border-top:1px solid var(--color-line-soft);border-bottom:1px solid var(--color-line-soft);padding-block:var(--space-8);text-align:center}.editorial-statement__inner{max-width:52ch;margin-inline:auto}.editorial-statement h2{margin-bottom:var(--space-4)}.editorial-statement p{color:var(--color-ink-secondary);line-height:var(--leading-relaxed)}.editorial-statement p:last-child{margin-bottom:0}.article-header{padding:var(--space-6) 0 var(--space-7);background:var(--color-surface-warm);border-bottom:1px solid var(--color-line-soft)}.article-header__category{color:var(--color-accent);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin-bottom:var(--space-3);font-weight:700;text-decoration:none;display:inline-block}.article-header__category:hover{color:var(--color-accent-strong)}.article-header h1{margin-bottom:var(--space-3);max-width:22ch}.article-header .lede{margin-bottom:var(--space-5)}.article-meta{align-items:center;gap:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;display:flex}.article-meta__separator{display:none}.article-body{padding:var(--space-7) 0 var(--space-9);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-ink-secondary)}.article-body>*{max-width:var(--width-reading)}.article-body h2{margin-top:var(--space-8);margin-bottom:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-line-soft);color:var(--color-ink)}.article-body h3{margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--color-ink)}.article-body p{margin-bottom:var(--space-5)}.article-body :where(ul,ol){margin-bottom:var(--space-5);padding-left:1.3rem}.article-body li{margin-bottom:var(--space-2)}.article-body li::marker{color:var(--color-accent-soft)}.article-body a{color:var(--color-link);text-decoration-color:var(--color-accent-soft);text-underline-offset:.2em}.article-body a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.article-body strong{color:var(--color-ink);font-weight:600}.article-body blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-accent-soft);background:var(--color-accent-bg);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-ink-secondary);font-style:italic}.article-body blockquote p:last-child{margin-bottom:0}.article-body figure{margin:var(--space-7) 0;max-width:var(--width-content)}.article-body figure img{border-radius:var(--radius);aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.article-body figcaption{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-faint);line-height:var(--leading-normal)}.article-body .table-wrap{-webkit-overflow-scrolling:touch;margin:var(--space-6) 0;max-width:var(--width-content);overflow-x:auto}.article-body table{-webkit-overflow-scrolling:touch;border-collapse:collapse;width:100%;max-width:100%;font-size:var(--text-sm);line-height:var(--leading-normal);display:block;overflow-x:auto}.article-body th{text-align:left;color:var(--color-ink);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-line);background:var(--color-surface-warm);white-space:nowrap;font-weight:600}.article-body td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line-soft);vertical-align:top}.article-body tr:last-child td{border-bottom:none}.callout{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-warm);font-size:var(--text-sm)}.callout--evidence{border-color:var(--color-sage);border-left-width:3px}.callout p:last-child{margin-bottom:0}.callout strong{color:var(--color-ink)}.related-links{border-top:1px solid var(--color-line-soft);padding-top:var(--space-7);margin-top:var(--space-7)}.related-links h2{font-size:var(--text-xl);margin-bottom:var(--space-5);border:none;padding:0}.related-links__list{gap:var(--space-3);display:grid}.related-links__item{padding:var(--space-4);border:1px solid var(--color-line-soft);border-radius:var(--radius);transition:border-color var(--duration-fast) var(--ease-out)}.related-links__item:hover{border-color:var(--color-line)}.related-links__item a{color:var(--color-ink);font-weight:500;text-decoration:none}.related-links__item a:hover{color:var(--color-accent-strong)}.related-links__item .muted{font-size:var(--text-sm);margin-top:var(--space-1);display:block}.support-body{padding:var(--space-7) 0 var(--space-9)}.support-body h2{margin-top:var(--space-7);margin-bottom:var(--space-3);font-size:var(--text-xl)}.support-body h2:first-child{margin-top:0}.support-body p{color:var(--color-ink-secondary);line-height:var(--leading-relaxed);max-width:65ch}.support-body :where(ul,ol){max-width:65ch;margin:0 0 var(--space-5);color:var(--color-ink-secondary);line-height:var(--leading-relaxed);padding-left:1.25rem}.support-body li{margin-bottom:var(--space-2)}.support-body li::marker{color:var(--color-accent-soft)}.support-body .policy-updated{color:var(--color-faint);font-size:var(--text-sm)}.support-body .notice{margin-bottom:var(--space-6)}.error-page{padding:var(--space-9) 0;text-align:center}.error-page .eyebrow{font-size:var(--text-sm)}.error-page h1{margin-bottom:var(--space-4)}.error-page .lede{margin-inline:auto;margin-bottom:var(--space-6)}.error-page__actions{gap:var(--space-3);margin-bottom:var(--space-7);flex-wrap:wrap;justify-content:center;display:flex}.error-page__categories{gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.error-page__categories li a{border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-muted);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);padding:.35rem .85rem;text-decoration:none;display:inline-block}.error-page__categories li a:hover{color:var(--color-accent-strong);border-color:var(--color-accent-soft)}.card{border:1px solid var(--color-line-soft);border-radius:var(--radius-lg);background:var(--color-surface-card);padding:var(--space-5)}.grid{gap:var(--space-4);display:grid}@media (width>=560px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.site-header__inner{min-height:64px}.desktop-nav{display:flex}.mobile-nav{display:none}.footer-columns{grid-template-columns:repeat(3,1fr)}.site-footer__inner{grid-template-columns:1.4fr 1fr;align-items:start}}@media (width>=960px){.category-grid{grid-template-columns:repeat(3,1fr)}.category-layout__grid{gap:var(--space-7);grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr);align-items:start;display:grid}.category-sidebar{margin-top:0}}@media (width<=767px){.hero:before{background:linear-gradient(#fefcf9fa 0%,#f8f4eff0 40%,#f5f0ea99 100%),url(/images/superficialstyle-hero.png) 60%/cover no-repeat}.hero{padding:var(--space-7) 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.article-diagram{--diagram-accent:var(--color-accent);--diagram-accent-ink:var(--color-accent-strong);--diagram-accent-bg:var(--color-accent-bg);width:100%;margin:var(--space-7) 0;padding:clamp(var(--space-4), 4vw, var(--space-6));border:1px solid var(--color-line);border-top:3px solid var(--diagram-accent);border-radius:var(--radius-lg);background:var(--color-surface-card);box-shadow:var(--shadow-xs);color:var(--color-ink-secondary);container-type:inline-size}.article-diagram[data-tone=sage]{--diagram-accent:var(--color-sage);--diagram-accent-ink:#56634d;--diagram-accent-bg:#f1f3ee}.article-diagram[data-tone=clay]{--diagram-accent:var(--color-clay);--diagram-accent-ink:#7d513f;--diagram-accent-bg:#f7efeb}.article-diagram[data-tone=mauve]{--diagram-accent:var(--color-mauve);--diagram-accent-ink:#715261;--diagram-accent-bg:#f3eef1}.article-diagram[data-tone=amber]{--diagram-accent:var(--color-amber);--diagram-accent-ink:#765e2e;--diagram-accent-bg:#f7f3e9}.article-diagram figcaption{margin:0 0 var(--space-5);color:inherit;font-size:inherit;line-height:inherit;display:block}.diagram-kicker{margin-bottom:var(--space-2);color:var(--diagram-accent-ink);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;font-weight:700;display:block}.diagram-title{color:var(--color-ink);font-family:var(--font-editorial);font-size:clamp(var(--text-lg), 4vw, var(--text-xl));line-height:var(--leading-snug);display:block}.diagram-subtitle{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-normal);display:block}.diagram-grid,.diagram-flow,.diagram-branches,.diagram-axes{gap:var(--space-3);min-width:0;margin:0;padding:0;list-style:none;display:grid}.diagram-card,.diagram-step,.diagram-axis{min-width:0;padding:var(--space-4);border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--color-surface);overflow-wrap:anywhere}.diagram-card--accent,.diagram-step--accent{border-color:color-mix(in srgb, var(--diagram-accent) 38%, var(--color-line));background:var(--diagram-accent-bg)}.diagram-card__marker,.diagram-step__marker{min-width:2rem;min-height:2rem;margin-bottom:var(--space-3);border:1px solid var(--diagram-accent);border-radius:var(--radius-pill);color:var(--diagram-accent-ink);font-size:var(--text-xs);place-items:center;font-weight:700;line-height:1;display:inline-grid}.diagram-card__title,.diagram-step__title{margin-bottom:var(--space-2);color:var(--color-ink);font-size:var(--text-base);font-weight:650;line-height:var(--leading-snug);display:block}.diagram-card__text,.diagram-step__text{color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0;display:block}.article-diagram :where(p,li):last-child{margin-bottom:0}.diagram-label{min-height:1.75rem;margin-bottom:var(--space-3);border:1px solid var(--diagram-accent);border-radius:var(--radius-pill);color:var(--diagram-accent-ink);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:.2rem .65rem;font-weight:700;line-height:1.2;display:inline-flex}.diagram-note,.diagram-reminder{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--diagram-accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--diagram-accent-bg);color:var(--color-ink-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.diagram-reminder{align-items:baseline;gap:var(--space-3);border:1px solid color-mix(in srgb, var(--diagram-accent) 32%, var(--color-line));border-left-width:3px;display:flex}.diagram-reminder__label{color:var(--diagram-accent-ink);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;flex:none;font-weight:700}.diagram-flow>li{position:relative}.diagram-flow>li:not(:last-child){margin-bottom:var(--space-5)}.diagram-flow>li:not(:last-child):after{content:"↓";left:50%;bottom:calc(-1 * var(--space-5));z-index:1;width:1.5rem;height:var(--space-5);color:var(--diagram-accent);font-size:var(--text-sm);place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;transform:translate(-50%)}.diagram-branch-label{margin:var(--space-3) 0;color:var(--diagram-accent);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-align:center;text-transform:uppercase;font-weight:700}.diagram-outcome{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-line);text-align:center}.diagram-outcome .diagram-card__title{margin-bottom:var(--space-1)}.diagram-symbol{min-width:3.25rem;min-height:3.25rem;margin-bottom:var(--space-3);border:1px solid var(--diagram-accent);color:var(--diagram-accent-ink);font-family:var(--font-editorial);font-size:var(--text-lg);border-radius:50%;place-items:center;line-height:1;display:inline-grid}.diagram-symbol--uva{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.04em;border-width:2px;font-weight:700}.diagram-axis{gap:var(--space-3);display:grid}.diagram-axis__name{color:var(--color-ink);font-size:var(--text-base);font-weight:650;line-height:var(--leading-snug)}.diagram-axis__pair{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diagram-axis__option{gap:var(--space-2);min-width:0;color:var(--color-muted);font-size:var(--text-xs);line-height:var(--leading-snug);display:grid}.diagram-swatch{border-radius:var(--radius-sm);border:1px solid #2c282529;min-height:2.5rem;display:block}.diagram-swatch--warm{background:#c9774f}.diagram-swatch--cool{background:#7888aa}.diagram-swatch--light{background:#efe1d3}.diagram-swatch--deep{background:#4b3841}.diagram-swatch--bright{background:#c13f63}.diagram-swatch--muted{background:#9c8883}@container (width>=34rem){.diagram-grid--two,.diagram-branches{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-grid--three,.diagram-axes,.diagram-flow--three{grid-template-columns:repeat(3,minmax(0,1fr))}.diagram-flow--four{grid-template-columns:repeat(4,minmax(0,1fr))}.diagram-flow>li:not(:last-child){margin-right:var(--space-5);margin-bottom:0}.diagram-flow>li:not(:last-child):after{content:"→";top:50%;right:calc(-1 * var(--space-5));width:var(--space-5);height:1.5rem;bottom:auto;left:auto;transform:translateY(-50%)}.diagram-reminder{padding-inline:var(--space-5)}}@media (forced-colors:active){.article-diagram,.diagram-card,.diagram-step,.diagram-axis,.diagram-note,.diagram-reminder,.diagram-swatch{border-color:canvastext}}