@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
/* Hallmark · genre: editorial · macrostructure: Editorial Front / Long Document / Visual Index
 * design-system: design.md · designed-as-app · custom brand mint
 * pre-emit critique is recorded after visual QA in .hallmark/log.json */
:root{
 --paper:#09090b;--surface:#18181b;--surface-2:#202024;--ink:#e4e4e7;--muted:#a1a1aa;--subtle:#8b8b95;--rule:#27272a;--accent:#00c98d;--accent-ink:#031c14;--accent-soft:#08271f;--accent-gradient:linear-gradient(135deg,#00c288,#00c98d,#1bd093,#36d69a,#48dba2);--error:#f18c7f;--overlay:rgb(0 0 0 / .78);--clear:transparent;
 --font-display:"Inter Tight","Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--font-body:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
 --hero-width:56rem;--hero-top:3.5rem;--hero-bottom:3rem;--brand-title:2.25rem;--section-title:1.875rem;--brand-description:1.125rem;
 --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s7:1.75rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;
 --text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-reading:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-title:2rem;--header-height:4.75rem;--inset:clamp(1.25rem,4vw,3rem);--canvas:82rem;--article-width:45rem;--control:2.75rem;--radius:8px;--radius-small:5px;--ease:cubic-bezier(.2,.7,.2,1);--duration:180ms;
 color-scheme:dark;font-family:var(--font-body);font-size:16px;
}
body.light,html.reader-theme-light{--accent-gradient:linear-gradient(135deg,#006b4c,#00845d);--paper:oklch(98% .006 155);--surface:oklch(95% .008 155);--surface-2:oklch(91% .012 155);--ink:oklch(24% .015 155);--muted:oklch(45% .014 155);--subtle:oklch(51% .012 155);--rule:oklch(85% .012 155);--accent:oklch(43% .10 157);--accent-ink:oklch(98% .008 155);--accent-soft:oklch(93% .025 155);--error:oklch(45% .15 30);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--s6));overflow-x:clip}body{margin:0;color:var(--ink);background:var(--paper);line-height:1.7;overflow-x:clip}#app{min-height:100dvh;display:flex;flex-direction:column}#app>main{flex:1;width:100%}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}a,button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button:active,.button:active{transform:translateY(1px)}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}svg{display:block;flex-shrink:0}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;font-weight:600;min-width:0;overflow-wrap:anywhere}h1{line-height:1.2}p{margin-top:0}kbd{font-family:var(--font-mono);font-size:var(--text-xs)}.shell{width:100%;max-width:var(--canvas);margin-inline:auto;padding-inline:var(--inset)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-header{position:sticky;top:0;z-index:30;height:var(--header-height);background:var(--paper);border-bottom:1px solid var(--rule)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s8)}.brand{display:flex;gap:var(--s3);align-items:center;flex-shrink:0;font-size:1.125rem;font-weight:600;letter-spacing:-.03em;line-height:1.35}.brandmark{color:var(--accent);width:1.75rem;flex-shrink:0}.brandmark img{display:block;width:100%;height:auto;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.brand-name{white-space:nowrap}.brand .brand-english{font-family:var(--font-mono);font-size:.625rem;font-weight:400;letter-spacing:.12em;line-height:1;display:block;color:var(--muted);white-space:nowrap}.brand-descriptor{padding-inline-start:var(--s3);margin-inline-start:var(--s1);border-inline-start:1px solid var(--rule);font-size:var(--text-sm);font-weight:400;letter-spacing:.04em;line-height:1.5;color:var(--muted);white-space:nowrap}.nav{display:none;position:absolute;top:var(--header-height);inset-inline:0;background:var(--paper);padding:var(--s4) var(--inset);border-bottom:1px solid var(--rule)}.nav.open{display:flex;flex-direction:column}.nav a{position:relative;font-weight:500;font-size:var(--text-sm);color:var(--muted);min-height:var(--control);display:flex;align-items:center;white-space:nowrap}.nav a.active{color:var(--ink);font-weight:600}.nav a.active::after{content:"";position:absolute;inset-inline-start:0;bottom:4px;width:1.2rem;height:2px;background:var(--accent)}.head-actions{display:flex;align-items:center;gap:var(--s2)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--control);height:var(--control);padding:0;border:1px solid var(--clear);border-radius:var(--radius-small);background:var(--clear);color:var(--muted);flex-shrink:0}.icon-button svg{width:1.15rem;height:1.15rem}.search-trigger kbd{display:none}.language-control{display:flex;align-items:center}.language-control select{max-width:6.8rem;font-size:var(--text-sm);height:var(--control);border:0;background:var(--paper);color:var(--muted);cursor:pointer}.skip-link{position:fixed;top:var(--s2);left:var(--s4);z-index:70;transform:translateY(-180%);padding:var(--s3) var(--s4);background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-small)}.skip-link:focus{transform:none}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.13em;line-height:1.6;color:var(--muted);text-transform:uppercase}.button{min-height:var(--control);padding:var(--s2) var(--s5);display:inline-flex;gap:var(--s3);align-items:center;justify-content:center;border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--surface);color:var(--ink);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.text-link{display:inline-flex;gap:var(--s3);align-items:center;font-size:var(--text-sm);min-height:var(--control);color:var(--ink);white-space:nowrap}.text-link svg{width:1.125rem;transition:transform var(--duration) var(--ease)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.tag{display:inline-flex;font-size:var(--text-xs);color:var(--muted);align-items:center;white-space:nowrap}.tag+.tag::before{content:"/";margin-inline-end:var(--s2);color:var(--subtle)}.tag.green{color:var(--accent)}
.edition-intro{padding-block:var(--s10) var(--s8)}.edition-kicker{display:flex;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s8);font-size:var(--text-xs);color:var(--muted)}.edition-kicker>span:last-child{display:none}.edition-heading{display:grid;gap:var(--s6)}.edition-heading h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.24;letter-spacing:-.055em;margin:0}.edition-heading h1 span{color:var(--accent)}.edition-deck p{font-size:var(--text-base);line-height:1.85;color:var(--muted);margin:0 0 var(--s2)}.editorial-lead{display:grid;gap:var(--s10);padding-bottom:var(--s16)}.lead-story{display:block;position:relative;min-width:0}.editorial-media img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--surface);border-radius:var(--radius-small)}.editorial-media figcaption{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--text-xs);line-height:1.6;color:var(--subtle);padding-top:var(--s2)}.lead-story-copy{padding-top:var(--s5);padding-inline-end:var(--s10)}.lead-story-copy .eyebrow{font-size:var(--text-xs)}.lead-story h2{font-size:clamp(1.375rem,2.5vw,2rem);line-height:1.5;letter-spacing:-.035em;margin:var(--s2) 0}.lead-story-copy>p{font-size:var(--text-sm);color:var(--muted);margin:0}.lead-story-arrow{position:absolute;bottom:var(--s3);right:0;width:var(--control);height:var(--control);border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center}.reading-index{border-top:1px solid var(--rule);padding-top:var(--s5);min-width:0}.index-title h2{font-size:var(--text-lg);margin:var(--s2) 0 var(--s5)}.resource{display:block;padding-block:var(--s6);border-top:1px solid var(--rule)}.resource-meta{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;font-size:var(--text-xs);color:var(--muted)}.resource h3{font-size:var(--text-lg);line-height:1.65;letter-spacing:-.02em;margin:var(--s3) 0 var(--s2)}.resource p{font-size:var(--text-sm);color:var(--muted);line-height:1.85;margin:0}.index-search{padding-top:var(--s6)}.index-search button,.sidebar-search{width:100%;display:flex;gap:var(--s3);align-items:center;min-height:var(--control);padding:var(--s2) var(--s3);border:1px solid var(--rule);border-radius:var(--radius-small);color:var(--muted);background:var(--surface);font-size:var(--text-sm)}.index-search kbd,.sidebar-search kbd{margin-inline-start:auto}.section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s6)}.section-heading h2{font-size:clamp(1.625rem,2.4vw,2rem);line-height:1.5;letter-spacing:-.03em;margin:var(--s2) 0 0}.topic-section{padding-block:var(--s10);border-block:1px solid var(--rule)}.topic-index{display:grid}.topic-index>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2) var(--s4);padding-block:var(--s5);border-top:1px solid var(--rule)}.topic-index h3{font-size:var(--text-lg);margin:0}.topic-index p{grid-column:1;font-size:var(--text-sm);color:var(--muted);margin:0}.topic-index svg{grid-column:2;grid-row:1/3;align-self:center;color:var(--muted)}.selected-cases{padding-block:var(--s16)}.cases-grid{display:grid;gap:var(--s10)}.case-card{min-width:0;display:block}.case-card .editorial-media img{aspect-ratio:3/2}.case-card-body{padding-top:var(--s5)}.case-card h2{font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.6;margin:var(--s2) 0 var(--s3);letter-spacing:-.035em}.case-card-body p{font-size:var(--text-sm);line-height:1.9;color:var(--muted);margin-bottom:var(--s3)}.about-band{border-top:1px solid var(--rule);padding-block:var(--s12);display:grid;gap:var(--s5)}.about-band h2{font-size:clamp(1.75rem,3vw,2.375rem);line-height:1.5;margin:var(--s4) 0}.about-band p{color:var(--muted);font-size:var(--text-base);line-height:1.95}.footer{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s8);align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-block:var(--s8);padding-bottom:calc(var(--s8) + env(safe-area-inset-bottom));font-size:var(--text-xs);color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:var(--s3);color:var(--ink)}.footer-brand>span{font-weight:600}.preview-label{color:var(--subtle)}
.listing-page,.about-page{padding-top:var(--s8);padding-bottom:var(--s16)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--s3);font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--s6)}.breadcrumbs a{min-height:1.5rem;white-space:nowrap}.breadcrumbs>span:last-child{color:var(--subtle)}.page-intro{display:grid;max-width:52rem;padding-block:var(--s4) var(--s8)}.page-intro h1{font-size:var(--section-title);font-weight:700;letter-spacing:normal;line-height:1.25;margin:var(--s4) 0}.page-intro p{font-size:var(--text-base);color:var(--muted);line-height:1.95;max-width:44rem;margin:0}.filter-bar{display:flex;flex-direction:column;gap:var(--s5);margin-block:var(--s5) var(--s8)}.search-wrap{display:flex;gap:var(--s3);align-items:center;padding-inline:var(--s4);height:3.25rem;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-small);max-width:36rem;width:100%;color:var(--muted)}.search-wrap:focus-within{outline:2px solid var(--accent);outline-offset:1px}.search-wrap input{min-width:0;width:100%;border:0;background:var(--clear);color:var(--ink);outline:0;font-size:var(--text-base)}.search-wrap kbd{padding-inline:var(--s2);border:1px solid var(--rule);border-radius:3px}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--s2)}.filter-tabs button{min-height:var(--control);padding:var(--s2) var(--s4);background:var(--clear);color:var(--muted);border:1px solid var(--clear);border-radius:var(--radius-small);font-size:var(--text-sm);white-space:nowrap}.filter-tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--rule)}.case-filters{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s4)}.industry-filter{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-sm);color:var(--muted)}.industry-filter select{background:var(--paper);color:var(--ink);min-height:var(--control);padding-inline:var(--s3);border:1px solid var(--rule);border-radius:var(--radius-small)}.page-note{font-size:var(--text-sm);color:var(--muted);line-height:1.85;margin-block:var(--s6);max-width:54rem}.sample-note{padding-inline-start:var(--s4);border-inline-start:2px solid var(--rule);margin-top:0}.empty{border-top:1px solid var(--rule);padding-block:var(--s8);color:var(--muted)}.search-status{font-size:var(--text-sm);min-height:1.5rem;color:var(--muted)}.tutorial-index{border-top:1px solid var(--rule)}.tutorial-card{display:grid;gap:var(--s4);padding-block:var(--s8);border-bottom:1px solid var(--rule)}.tutorial-type{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-sm);color:var(--muted)}.tool-icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--rule);border-radius:var(--radius-small);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-lg)}.tutorial-summary h2{font-size:clamp(1.25rem,2vw,1.625rem);line-height:1.5;letter-spacing:-.025em;margin:0 0 var(--s2)}.tutorial-summary p{font-size:var(--text-sm);color:var(--muted);margin:0}.tutorial-card-footer{display:flex;gap:var(--s4);align-items:center;justify-content:space-between}.tutorial-card-footer>span:last-child{display:inline-flex;gap:var(--s3);align-items:center;font-size:var(--text-sm);white-space:nowrap}
.docs-layout{display:block;padding-top:var(--s6);padding-bottom:var(--s16)}.doc-sidebar{display:none}.article{min-width:0;max-width:var(--article-width);margin-inline:auto;overflow-wrap:anywhere}.article-heading{padding-bottom:var(--s4)}.article h1{font-size:clamp(1.875rem,3.3vw,2.75rem);line-height:1.42;letter-spacing:-.045em;margin:var(--s4) 0}.article .lede{font-size:var(--text-reading);line-height:1.9;color:var(--muted);margin-bottom:var(--s6)}.article-meta{display:flex;gap:var(--s3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--subtle)}.article-meta>span+span::before{content:"·";margin-inline-end:var(--s3)}.reading-toolbar{border-block:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-block:var(--s2);margin-bottom:var(--s8)}.reading-toolbar button{display:flex;gap:var(--s2);align-items:center;border:0;background:var(--clear);color:var(--muted);font-size:var(--text-sm);min-width:var(--control);min-height:var(--control);padding:var(--s2);border-radius:var(--radius-small);white-space:nowrap}.font-controls{display:flex;gap:var(--s2)}.reading-toolbar button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.article-body{font-size:var(--article-size,var(--text-reading))}.article-body p,.article-body li{font-size:inherit;line-height:2}.article-body h2{font-size:1.4em;line-height:1.6;letter-spacing:-.03em;margin:var(--s10) 0 var(--s4)}.article-body h3{font-size:1.15em;margin:var(--s6) 0 var(--s3)}.article-body ul,.article-body ol{padding-inline-start:var(--s6)}.article-body li{padding-inline-start:var(--s2);margin-block:var(--s3)}.article-body section{scroll-margin-top:calc(var(--header-height) + var(--s6))}.article .resource{padding-block:var(--s6)}.article .resource h3{font-size:var(--text-lg);margin:var(--s3) 0}.article .resource p{font-size:var(--text-sm)}.callout{padding:var(--s5) var(--s6);margin-block:var(--s6);border-inline-start:2px solid var(--accent);background:var(--accent-soft)}.callout strong{font-size:.875em;color:var(--accent);display:block;margin-bottom:var(--s2)}.callout p{font-size:.875em;line-height:1.9;margin:0}.table-scroll{max-width:100%;overflow-x:auto}.article table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:.875em}.article th,.article td{text-align:start;border-bottom:1px solid var(--rule);padding:var(--s4) var(--s3);vertical-align:top;line-height:1.9}.article th[scope=col]{background:var(--surface);color:var(--muted);font-weight:500}.article th[scope=row]{font-weight:500;width:32%}.article-flow{padding:var(--s4);border:1px solid var(--rule);margin-block:var(--s6);border-radius:var(--radius-small)}.flow-mini{display:grid;grid-template-columns:minmax(0,1fr) 1rem minmax(0,1fr) 1rem minmax(0,1fr);gap:var(--s2);align-items:center;text-align:center}.flow-mini span{font-size:var(--text-sm);padding:var(--s3) var(--s1);line-height:1.7;color:var(--ink)}.flow-mini b{font-weight:400;color:var(--subtle)}.prompt-box{margin-block:var(--s6);border:1px solid var(--rule);border-radius:var(--radius-small);overflow:hidden}.prompt-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);font-size:var(--text-xs);background:var(--surface);border-bottom:1px solid var(--rule);color:var(--muted)}.copy-button{min-height:var(--control);padding:var(--s2) var(--s3);font-size:var(--text-sm);border:1px solid var(--rule);border-radius:var(--radius-small);color:var(--ink);background:var(--paper);white-space:nowrap}.copy-button[data-state=success]{color:var(--accent)}.copy-button[data-state=error]{color:var(--error)}.prompt-box pre{font-family:var(--font-mono);font-size:.875em;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--s5);margin:0;background:var(--surface)}.toc{display:none}.mobile-directory-bar{margin-bottom:var(--s6)}.mobile-directory-bar .button{background:var(--surface);width:100%;justify-content:flex-start;color:var(--muted)}.article-toc-mobile{border-bottom:1px solid var(--rule);margin-bottom:var(--s6);font-size:var(--text-sm);color:var(--muted)}summary{cursor:pointer;min-height:var(--control);display:flex;align-items:center;justify-content:space-between;list-style:none;gap:var(--s3)}summary::after{content:"+";font-size:var(--text-lg);color:var(--subtle)}details[open]>summary::after{content:"−"}summary::-webkit-details-marker{display:none}.article-toc-mobile a{display:block;padding:var(--s3) 0;color:var(--muted);min-height:var(--control)}a[data-chapter].current{color:var(--accent)}.related{display:block;margin-top:var(--s12);padding-block:var(--s6);border-block:1px solid var(--rule)}.related>span{font-size:var(--text-xs);color:var(--muted)}.related strong{display:flex;gap:var(--s4);align-items:center;justify-content:space-between;font-size:var(--text-base);font-weight:500;line-height:1.8;margin-top:var(--s3)}.progress-bar{position:fixed;top:calc(var(--header-height) - 1px);inset-inline-start:0;height:2px;width:0;background:var(--accent);z-index:40}.reading-meter{margin-top:var(--s8);height:2px;background:var(--rule)}.reading-meter>div{height:100%;width:0;background:var(--accent)}.directory-group h3{font-size:var(--text-xs);font-weight:400;color:var(--subtle);margin:var(--s6) 0 var(--s2)}.directory-group a{display:block;color:var(--muted);font-size:var(--text-sm);line-height:1.85;padding:var(--s3);min-height:var(--control);border-radius:var(--radius-small);border-inline-start:2px solid var(--clear)}.directory-group a.selected{background:var(--accent-soft);color:var(--accent);border-inline-start-color:var(--accent)}.sidebar-label{font-size:var(--text-base);font-weight:600;margin-bottom:var(--s4)}
.case-layout{display:block;padding-block:var(--s8) var(--s16)}.case-article{max-width:52rem}.case-article h1{font-size:clamp(2rem,3.4vw,3rem)}.case-article .editorial-media{margin-top:var(--s8)}.case-article section h2{font-size:var(--text-xl);letter-spacing:-.035em;line-height:1.5;margin:var(--s10) 0 var(--s4)}.case-article section p,.case-article section li{font-size:var(--text-reading);line-height:2}.case-aside{display:none}.account-header{display:flex;align-items:center;gap:var(--s3);padding-block:var(--s5);border-bottom:1px solid var(--rule)}.account-avatar{width:var(--control);height:var(--control);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-lg);border-radius:50%;flex-shrink:0}.account-header strong{font-size:var(--text-sm);font-weight:500}.account-header small{display:block;color:var(--subtle);font-size:var(--text-xs);margin-top:var(--s1)}.data-list{margin:var(--s3) 0;font-size:var(--text-sm)}.data-list>div{display:flex;justify-content:space-between;gap:var(--s4);padding-block:var(--s3);border-bottom:1px solid var(--rule)}.data-list dt{color:var(--muted)}.data-list dd{margin:0;text-align:end}.aside-note{font-size:var(--text-xs);color:var(--subtle);line-height:1.9;margin-top:var(--s4)}.mobile-account{margin-top:var(--s6);border-block:1px solid var(--rule);font-size:var(--text-sm);color:var(--muted);padding-block:var(--s2)}.mobile-account .aside-box{padding-block:var(--s4)}.media-context{font-size:var(--text-xs);line-height:1.85;color:var(--subtle);margin-top:var(--s3)}.breakdown-item{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:var(--s4);border-top:1px solid var(--rule);padding-block:var(--s6)}.time{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);padding-top:var(--s1)}.breakdown-item h3{font-size:var(--text-lg);line-height:1.6;margin:0 0 var(--s2)}.breakdown-item p{font-size:var(--text-base)!important;color:var(--muted);margin:0}.back-link{margin-top:var(--s6)}.image-button{position:relative;display:block;width:100%;border:0;padding:0;border-radius:var(--radius-small);background:var(--clear);cursor:zoom-in}.zoom-indicator{position:absolute;right:var(--s3);bottom:var(--s3);width:var(--control);height:var(--control);display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;background:var(--paper);color:var(--ink)}
.about-intro{max-width:60rem;padding-block:var(--s8) var(--s10)}.about-intro h1{font-size:var(--section-title);font-weight:700;line-height:1.25;letter-spacing:normal;margin:var(--s6) 0}.about-intro .lede{font-size:var(--text-reading);line-height:2;color:var(--muted);max-width:43rem}.section{padding-block:var(--s8)}.about-focus{display:grid;gap:var(--s6)}.about-focus .category{display:flex;flex-direction:column;border-top:1px solid var(--rule);padding-top:var(--s6)}.about-focus h3{font-size:var(--text-xl);margin:0 0 var(--s4)}.about-focus p{font-size:var(--text-base);line-height:1.95;color:var(--muted);margin-bottom:var(--s4)}.about-focus .text-link{margin-top:auto}.about-editorial,.company-block{display:grid;gap:var(--s3);border-top:1px solid var(--rule);padding-block:var(--s10);margin-top:var(--s8)}.about-editorial h2,.company-block h2{font-size:var(--text-xl);margin:0}.about-editorial p,.company-block p{font-size:var(--text-base);color:var(--muted);line-height:1.95;margin:0;max-width:42rem}
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);padding:0;width:calc(100% - var(--s6));max-width:42rem;max-height:82dvh;overscroll-behavior:contain;box-shadow:0 24px 90px var(--overlay)}dialog::backdrop{background:var(--overlay);backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--rule)}.dialog-top h2{font-size:var(--text-base);font-weight:500;margin:0}.dialog-search{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);border-bottom:1px solid var(--rule);color:var(--muted)}.dialog-search input{min-width:0;width:100%;height:3rem;background:var(--clear);border:0;color:var(--ink);font-size:var(--text-base)}.dialog-search:focus-within{box-shadow:inset 0 -2px var(--accent)}.dialog-search input:focus{outline:0}.dialog-bottom{font-size:var(--text-xs);color:var(--subtle);padding:var(--s3) var(--s5);border-top:1px solid var(--rule)}#global-results{padding:var(--s2);max-height:50dvh;overflow:auto}.global-result{display:grid;gap:var(--s1);padding:var(--s3) var(--s4);border-radius:var(--radius-small);min-height:var(--control)}.global-result small{font-size:var(--text-xs);color:var(--subtle)}.global-result strong{font-size:var(--text-base);font-weight:500;line-height:1.75}.global-empty{padding:var(--s5);color:var(--muted);font-size:var(--text-sm)}.directory-dialog{margin:0;margin-inline-start:auto;max-width:23rem;width:calc(100% - var(--s8));height:100dvh;max-height:100dvh;border-radius:0;border-block:0;border-inline-end:0}.directory-dialog>nav{padding:0 var(--s5) var(--s8)}.image-dialog{width:calc(100% - var(--s8));max-width:70rem;max-height:94dvh;background:var(--paper);overflow:auto}.image-dialog>.icon-button{position:absolute;top:var(--s3);right:var(--s3);background:var(--paper);color:var(--ink);z-index:1}.image-dialog img{width:100%;height:auto;max-height:84dvh;object-fit:contain}.image-dialog>p{text-align:center;font-size:var(--text-xs);color:var(--muted);padding:var(--s3);margin:0}
@media(hover:hover) and (pointer:fine){.icon-button:hover,.reading-toolbar button:hover:not(:disabled),.global-result:hover{background:var(--surface-2);color:var(--ink)}.text-link:hover{color:var(--accent)}.text-link:hover svg,.lead-story:hover .lead-story-arrow svg{transform:translateX(3px)}.resource:hover h3,.topic-index>a:hover h3,.tutorial-card:hover h2,.case-card:hover h2,.lead-story:hover h2{color:var(--accent)}.nav a:hover,.directory-group a:hover{color:var(--ink)}.button:hover,.copy-button:hover,.index-search button:hover,.sidebar-search:hover{background:var(--surface-2);color:var(--ink)}.button.primary:hover{background:var(--accent);color:var(--accent-ink);filter:brightness(1.07)}.filter-tabs button:hover{background:var(--surface);color:var(--ink)}.editorial-media img{transition:filter var(--duration) var(--ease)}a:hover>.editorial-media img{filter:brightness(1.04)}}
@media(min-width:40rem){.edition-intro{padding-top:var(--s12)}.edition-kicker>span:last-child{display:block}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}.topic-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s12)}.section-heading{flex-direction:row;justify-content:space-between;align-items:flex-end}.tutorial-card{grid-template-columns:10rem minmax(0,1fr);gap:var(--s8)}.tutorial-card-footer{grid-column:2}.about-focus{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8)}.about-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s12)}}
@media(min-width:60rem){.edition-heading{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--s12);align-items:end}.edition-deck{padding-bottom:var(--s2)}.edition-intro{padding-bottom:var(--s10)}.editorial-lead{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:var(--s12)}.lead-story .editorial-media img{aspect-ratio:1.9;object-position:center 52%}.reading-index{padding-top:var(--s4)}.reading-index .resource{padding-block:var(--s5)}.reading-index .resource-meta>.tag:last-child{display:none}.reading-index .resource h3{font-size:var(--text-base)}.reading-index .resource p{font-size:var(--text-sm)}.index-title h2{margin-bottom:var(--s3)}.topic-section{padding-block:var(--s12)}.docs-layout{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:var(--s10);padding-top:var(--s8)}.doc-sidebar{display:block;position:sticky;top:calc(var(--header-height) + var(--s8));align-self:start;max-height:calc(100dvh - var(--header-height) - var(--s16));overflow:auto;padding-inline-end:var(--s5);border-inline-end:1px solid var(--rule)}.mobile-directory-bar{display:none}.article{width:100%;margin-inline:auto}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:var(--s12)}.case-aside{display:block;position:sticky;top:calc(var(--header-height) + var(--s8));align-self:start;border-inline-start:1px solid var(--rule);padding-inline-start:var(--s6)}.mobile-account{display:none}.tutorial-card{grid-template-columns:10rem minmax(0,1fr) 10rem;align-items:center}.tutorial-card-footer{grid-column:auto;align-items:flex-end;flex-direction:column;gap:var(--s3)}.about-editorial{grid-template-columns:1fr 1.5fr;gap:var(--s12)}.company-block{grid-template-columns:1fr 1.5fr;gap:var(--s3) var(--s12)}.company-block .eyebrow{grid-column:1/-1}}
@media(min-width:70rem){.menu-toggle{display:none}.nav{position:static;display:flex;flex-direction:row;gap:var(--s6);border:0;padding:0;background:var(--clear)}.nav a.active::after{bottom:-1.1rem;width:100%}.header-inner{gap:var(--s6)}.search-trigger{width:auto;gap:var(--s2);padding-inline:var(--s2)}.search-trigger kbd{display:block}.docs-layout{grid-template-columns:13rem minmax(0,1fr) 9rem;gap:var(--s10)}.toc{display:block;position:sticky;top:calc(var(--header-height) + var(--s8));align-self:start;padding-inline-start:var(--s5);border-inline-start:1px solid var(--rule)}.toc p{font-size:var(--text-xs);color:var(--subtle);margin:0 0 var(--s3)}.toc a{display:block;font-size:var(--text-xs);color:var(--muted);line-height:1.8;padding-block:var(--s2)}.toc a.current{color:var(--accent)}.article-toc-mobile{display:none}.case-toc{position:static;margin-top:var(--s8);padding-inline-start:0;border:0}.focus-mode .docs-layout{grid-template-columns:minmax(0,1fr);max-width:57rem}.focus-mode .doc-sidebar,.focus-mode .toc{display:none}.focus-mode .article{max-width:var(--article-width)}}
@media(max-width:39.99rem){:root{--header-height:4.25rem;--inset:1.25rem}.header-inner{gap:var(--s2);padding-inline:var(--s4)}.brand{font-size:.95rem;gap:var(--s2)}.brandmark{width:1.375rem}.head-actions{gap:0}.head-actions .search-trigger{display:none}.language-control select{font-size:.8125rem;max-width:5.6rem}.edition-kicker{padding-bottom:var(--s6)}.edition-heading h1{font-size:clamp(2rem,8vw,3rem)}.edition-intro{padding-block:var(--s8)}.editorial-lead{gap:var(--s8);padding-bottom:var(--s10)}.topic-section{padding-block:var(--s8)}.selected-cases{padding-block:var(--s10)}.footer{flex-direction:column;align-items:flex-start;gap:var(--s3)}.reading-toolbar{margin-bottom:var(--s6)}.breakdown-item{grid-template-columns:4rem minmax(0,1fr);gap:var(--s3)}.edition-kicker .eyebrow{font-size:.7rem}.sidebar-search kbd{display:none}.section-heading{flex-direction:column;align-items:flex-start}.case-filters{align-items:flex-start}.industry-filter{width:100%;justify-content:space-between}.filter-tabs button{padding-inline:var(--s3)}.callout{padding:var(--s4)}.image-dialog{width:calc(100% - var(--s4))}.dialog-top{padding-inline:var(--s4)}.dialog-top h2{font-size:var(--text-sm)}.dialog-search{padding-inline:var(--s4)}html[lang=en] .edition-heading h1{font-size:clamp(2.1rem,8vw,3rem)}}
@media(max-width:22rem){.header-inner{padding-inline:var(--s3)}.brandmark{width:1.1rem}.brand{font-size:.8125rem;gap:var(--s1)}.language-control select{max-width:5.3rem;font-size:.75rem}.head-actions .icon-button{width:var(--control)}.edition-heading h1{font-size:2rem}.article h1{font-size:1.75rem}.tag-row{gap:var(--s1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

.mobile-search{display:flex;align-items:center;gap:var(--s3);min-height:44px;background:transparent;color:var(--muted);border:0;text-align:left}.dialog-open{overflow:hidden}.focus-mode .article-toc-mobile{display:none}@media(min-width:60rem){.focus-mode .docs-layout{grid-template-columns:minmax(0,1fr);max-width:57rem}.focus-mode .doc-sidebar,.focus-mode .toc{display:none}}@media(min-width:70rem){.mobile-search{display:none}}

/* Brand homepage: an expansive statement, a useful search, then editorial updates. */
.brand-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--rule)}
.brand-hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;max-width:calc(var(--hero-width) + 2 * var(--inset));text-align:center;padding-block:var(--hero-top) var(--hero-bottom);z-index:1}
.brand-eyebrow{display:flex;justify-content:center;gap:1rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.16em;color:var(--muted);margin:0 0 2rem}.brand-eyebrow span{color:var(--accent)}
.brand-hero h1{font-size:var(--brand-title);font-weight:900;letter-spacing:normal;line-height:1.25;width:100%;margin:0;text-wrap:balance}.brand-hero h1>span{display:block}.brand-hero h1>span:last-child{color:var(--accent)}
.brand-subtitle{font-size:var(--brand-description);line-height:1.625;color:var(--muted);margin:var(--s6) auto var(--s4);max-width:42rem}.brand-promise{font-size:var(--text-base);line-height:1.625;color:var(--muted);margin:0 auto var(--s10);max-width:42rem}
.brand-search{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:var(--search-height);margin:0;padding:var(--s1) var(--s5);background:color-mix(in srgb,var(--surface) 90%,var(--paper));border:1px solid var(--search-rule);border-radius:var(--search-radius);color:var(--muted);text-align:start;transition:border-color var(--duration) var(--ease)}.brand-search>svg{display:block;width:var(--search-icon);height:var(--search-icon);color:var(--muted);flex-shrink:0}.brand-search input{flex:1;min-width:0;width:100%;background:transparent;border:0;color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.5;height:var(--control);min-height:0;padding:0;appearance:none}.brand-search input:focus{outline:0}.brand-search:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--rule))}.brand-search:focus-within>svg{color:var(--accent)}.brand-search input::-webkit-search-cancel-button{-webkit-appearance:none}.search-clear{display:grid;place-items:center;flex-shrink:0;width:var(--control);height:var(--control);padding:0;border:0;border-radius:var(--radius-small);background:transparent;color:var(--muted);cursor:pointer}.search-clear[hidden]{display:none}.search-clear svg{width:1rem;height:1rem}.search-clear:hover{color:var(--ink);background:var(--surface-2)}

.brand-values-line{font-size:.75rem;color:var(--subtle);letter-spacing:normal;text-align:center;width:100%;margin:var(--s4) 0 0}
.brand-orbit{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.4;mask-image:linear-gradient(transparent,black 55%,transparent)}.brand-orbit>span{position:absolute;border:1px solid var(--rule);border-radius:50%;width:80rem;height:28rem;left:50%;top:35%;transform:translate(-50%,-50%) rotate(-18deg)}.brand-orbit>span:nth-child(2){width:100rem;height:42rem;transform:translate(-50%,-50%) rotate(-18deg)}.brand-orbit>span:nth-child(3){width:120rem;height:58rem;transform:translate(-50%,-50%) rotate(-18deg)}
.brand-updates{padding-block:2rem 3rem}.updates-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.updates-heading h2{font-size:1rem;font-weight:500;margin:0}.updates-heading>span{font-size:.6875rem;color:var(--subtle)}.updates-heading>a{margin-inline-start:auto;font-size:.75rem}.updates-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.updates-list>a{position:relative;display:block;min-width:0;padding:1rem 2rem 1rem 0;border-top:1px solid var(--rule)}.update-category{font-size:.6875rem;color:var(--accent)}.updates-list h3{font-size:.9375rem;line-height:1.7;font-weight:500;margin:.5rem 0 0}.updates-list>a>svg{position:absolute;right:0;top:1.25rem;color:var(--subtle)}
.brand-company{display:grid;grid-template-columns:1fr 2fr;gap:3rem;padding-block:6rem;border-top:1px solid var(--rule)}.brand-section-label h2{font-size:1.125rem;font-weight:500;margin:1rem 0}.company-story h3{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.5;font-weight:500;letter-spacing:-.035em;margin:0 0 1.5rem;max-width:23em}.company-story>p{font-size:1rem;line-height:2;color:var(--muted);max-width:42rem;margin:0 0 1.5rem}.company-values{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.company-values>div{padding-top:1.5rem;border-top:1px solid var(--rule)}.company-values h3{font-size:1rem;font-weight:500;margin:0 0 .75rem}.company-values p{font-size:.875rem;color:var(--muted);line-height:1.9;margin:0}
.brand-collaborations{padding-block:1rem 6rem}.brand-collaborations .section-heading>p{font-size:.9375rem;color:var(--muted);line-height:1.8;max-width:25rem}.collaboration-placeholder{display:flex;align-items:center;gap:2rem;border-block:1px solid var(--rule);padding-block:3rem}.collaboration-symbol{width:5rem;height:5rem;border:1px solid var(--rule);display:grid;place-items:center;border-radius:50%;color:var(--accent);flex-shrink:0}.collaboration-symbol svg{width:2rem;height:2rem;transform:rotate(-40deg)}.collaboration-placeholder h3{font-size:1.25rem;font-weight:500;margin:0 0 .75rem}.collaboration-placeholder p{font-size:.875rem;color:var(--muted);line-height:1.9;margin:0}.collaboration-placeholder>a{margin-inline-start:auto;flex-shrink:0;font-size:.8125rem}
@media(max-width:59.99rem){.brand-company{grid-template-columns:1fr;gap:2rem;padding-block:4rem}.company-values{grid-column:auto}.collaboration-placeholder{flex-wrap:wrap}.collaboration-placeholder>a{margin-inline-start:7rem}}
@media(max-width:39.99rem){.brand-eyebrow{font-size:.5625rem;letter-spacing:.07em;gap:.5rem;margin-bottom:1.75rem}.brand-values-line{font-size:.625rem;letter-spacing:.08em}.updates-list{grid-template-columns:1fr;gap:0}.updates-list>a{padding-block:1rem}.updates-list h3{font-size:.875rem}.brand-company{padding-block:3rem}.company-values{grid-template-columns:1fr;gap:1.5rem}.company-values>div{display:grid;grid-template-columns:6rem 1fr;gap:1rem}.company-values h3{margin:0;font-size:.9375rem}.company-values p{font-size:.8125rem}.company-story h3{font-size:1.625rem}.company-story>p{font-size:.9375rem}.brand-collaborations{padding-bottom:3rem}.collaboration-placeholder{gap:1.5rem;padding-block:2rem}.collaboration-symbol{width:3rem;height:3rem}.collaboration-placeholder>div:nth-child(2){flex:1;min-width:12rem}.collaboration-placeholder h3{font-size:1.0625rem}.collaboration-placeholder>a{margin-inline-start:0}.brand-orbit{opacity:.22}}

/* Audience and positioning sit alongside the primary brand statement. */
.brand-audience{font-size:.8125rem;line-height:1.9;color:var(--muted);margin:-1rem 0 1.5rem}.brand small{letter-spacing:.12em}.brand-eyebrow{align-items:center}@media(max-width:39.99rem){.brand-audience{font-size:.6875rem;margin:-.75rem 0 1.5rem}.brand-values-line{letter-spacing:0;font-size:.625rem}html[lang=en] .brand-values-line{max-width:24em;margin-inline:auto;line-height:1.8}}

/* Reference palette: near-black, cool gray, vivid emerald. */
.brand-hero h1>span:last-child{background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.nav a.active{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-small);padding-inline:var(--s3)}.nav a.active::after{display:none}
.brand-orbit>span{border-color:color-mix(in srgb,var(--accent) 20%,transparent)}


/* Shared search feedback and decision information. */
.hero-actions{display:flex;justify-content:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s5)}.hero-actions .button{font-size:var(--text-sm)}
.search-feedback{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s5);min-height:3.25rem}.search-feedback p{font-size:var(--text-xs);color:var(--muted);margin:0}.global-result p{font-size:var(--text-sm);line-height:1.8;color:var(--muted);margin:0;overflow-wrap:anywhere}.global-result mark{background:var(--accent-soft);color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.global-result:focus-visible{outline-offset:-2px;background:var(--surface)}
.filter-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--s4)}.filter-summary:empty{display:none}.filter-summary>span{overflow-wrap:anywhere;min-width:0}.filter-summary button{flex-shrink:0}.filter-tabs button[aria-pressed=true]{font-weight:600;text-decoration:underline;text-underline-offset:5px}
.case-decision{display:grid;gap:var(--s2);padding-block:var(--s5);border-top:1px solid var(--rule)}.case-decision strong{font-weight:500;font-size:var(--text-base)}.case-decision span{font-size:var(--text-sm);color:var(--muted)}.listing-page .case-card .editorial-media img{aspect-ratio:2.1;object-fit:cover}.tutorial-card-footer{min-width:0;gap:var(--s3)}.tutorial-card-footer>span{white-space:normal}
.contact-section{padding-block:var(--s10);border-top:1px solid var(--rule)}.contact-section>p{color:var(--muted)}.contact-section dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}.contact-section dl>div{display:flex;justify-content:space-between;gap:var(--s4);padding-block:var(--s4);border-bottom:1px solid var(--rule)}.contact-section dd{color:var(--muted);margin:0}
body.light,html.reader-theme-light{--paper:#fafafa;--surface:#f0f1f1;--surface-2:#e5e7e7;--ink:#202425;--muted:#51595b;--subtle:#60696b;--rule:#a4ada9;--accent:#006b4c;--accent-soft:#dceee6;--accent-ink:#fff}input::placeholder{color:var(--muted);opacity:1}.search-wrap,.sidebar-search,.copy-button,.filter-tabs button,.industry-filter select{border-color:color-mix(in srgb,var(--muted) 70%,var(--paper))}
@media(max-width:39.99rem){.contact-section dl{grid-template-columns:1fr}.hero-actions{gap:var(--s2)}.hero-actions .button{padding-inline:var(--s3);font-size:.8125rem}.tutorial-card-footer{display:flex;justify-content:space-between;flex-wrap:wrap}.head-actions .search-trigger{display:inline-flex;width:2rem;min-width:2rem}.head-actions .search-trigger kbd{display:none}.header-inner{padding-inline:var(--s2)}.brand{gap:var(--s1)}.language-control select{max-width:5rem}.head-actions .icon-button{width:2rem}.brand-eyebrow{margin-bottom:var(--s5)}}


body.light,html.reader-theme-light{--overlay:rgb(0 0 0 / .16)}@media(min-width:23rem) and (max-width:39.99rem){.head-actions .icon-button,.head-actions .search-trigger{width:var(--control);min-width:var(--control)}}

.article-video{margin-block:var(--s6)}.article-video video{display:block;width:100%;height:auto;border-radius:var(--radius-small);background:#09090b}.article-video figcaption{font-size:var(--text-xs);color:var(--muted);line-height:1.8;padding-block:var(--s3)}.transcript{padding:var(--s3) var(--s4);border:1px solid var(--rule);border-radius:var(--radius-small);margin-bottom:var(--s8)}.transcript p{font-size:var(--text-sm);line-height:2;margin:var(--s3) 0}.video-error{padding:var(--s4);border:1px solid var(--rule);margin-bottom:var(--s4)}.prompt-box pre.prompt-collapsed{max-height:15rem;overflow:hidden;mask-image:linear-gradient(black 75%,transparent)}.prompt-expand{width:100%;min-height:var(--control);border:0;border-top:1px solid var(--rule);background:var(--surface);color:var(--accent);font-size:var(--text-sm);padding:var(--s3)}.chapter-share{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:var(--control);height:var(--control);margin-left:var(--s2);padding:var(--s2);border:0;background:transparent;color:var(--muted);border-radius:var(--radius-small)}.chapter-share svg{width:1rem;height:1rem}.resume-reading{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s4);margin-bottom:var(--s4);background:var(--accent-soft);border:1px solid var(--rule);border-radius:var(--radius-small)}.resume-reading>span{font-size:var(--text-sm);flex-basis:100%;color:var(--ink)}.resume-reading .text-link{background:transparent;border:0;padding:var(--s2)}.article-body h3{font-size:1.15em;margin:var(--s8) 0 var(--s3)}

.article-body>section>h2{position:relative;padding-inline-end:var(--control)}.article-body>section>h2>.chapter-share{position:absolute;inset-inline-end:0;top:0;margin:0}.article-body>section{scroll-margin-top:calc(var(--header-height) + var(--s4))}

.published-feed{padding:2rem;max-width:82rem;margin:auto}.published-feed h2{font-size:1.5rem}.brand-updates>.published-feed{padding:0;margin:0;max-width:none}
.published-feed-status{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere}.published-feed-status:empty{display:none}.listing-page>.published-feed{padding:0;margin:var(--s6) 0}.doc-sidebar>.published-feed{padding:var(--s3) 0}.doc-sidebar>.published-feed h2{font-size:var(--text-base)}

.filter-tabs{min-width:0;max-width:100%}.filter-tabs button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.industry-filter,.industry-filter select{min-width:0;max-width:100%}

/* Brand lockup stays intact; compact headers put controls on their own row. */
@media(max-width:39.99rem){:root{--header-height:7rem}.header-inner{flex-wrap:wrap;gap:0;padding:var(--s2) var(--s4)}.header-inner>.brand{width:100%;gap:var(--s2)}.brand .brand-english{font-size:.5625rem}.brand-descriptor{font-size:var(--text-xs);padding-inline-start:var(--s2)}.header-inner>.head-actions{width:100%;justify-content:flex-end;gap:var(--s1)}.head-actions .icon-button,.head-actions .search-trigger{width:var(--control);min-width:var(--control)}.footer-brand{flex-wrap:nowrap}}
@media(min-width:70rem){html[lang=en] .nav{gap:var(--s4)}html[lang=en] .header-inner{gap:var(--s4)}}

/* Keep the brand website distinct from the knowledge-base sections. */
.nav a.nav-main-site{color:var(--ink);font-weight:600;border-top:1px solid var(--rule);margin-top:var(--s2);padding-top:var(--s3)}
.nav a.nav-main-site span{color:var(--accent);font-size:.9em}
@media(min-width:70rem){.nav a.nav-main-site{border-top:0;border-inline-start:1px solid var(--rule);margin-top:0;margin-inline-start:var(--s1);padding-top:0;padding-inline-start:var(--s5)}.nav a.nav-main-site:hover{color:var(--accent)}}

/* Homepage search: a quiet field followed by an editorial result list. */
.home-search{--search-height:3.75rem;--search-width:38rem;--search-radius:.75rem;--search-icon:1.25rem;--search-rule:color-mix(in srgb,var(--muted) 35%,var(--paper));width:min(100%,var(--search-width));margin-inline:auto;scroll-margin-top:var(--header-height)}
.home-search-results{margin-top:var(--s4);text-align:start}.home-search-results .search-feedback{min-height:0;padding:0 var(--s4) var(--s2)}.home-search-results #global-results{padding:0;max-height:none;overflow:visible}.home-search-results .global-result{gap:var(--s1);padding:var(--s4);border-radius:0;border-bottom:1px solid var(--search-rule)}.home-search-results .global-result small{font-size:var(--text-xs)}.home-search-results .global-result strong{font-size:var(--text-base);line-height:1.55;overflow-wrap:anywhere}.home-search-results .global-result p{font-size:var(--text-sm);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-search-results .global-result mark{background:transparent;color:inherit;font-weight:600;text-decoration:none}.home-search-results .global-empty{margin:0;padding:var(--s4);font-size:var(--text-sm)}.home-search-results .button{margin:var(--s3) var(--s4)}

/* Typography shared with the main brand site: 36 / 48 / 60px hero, 30 / 36px section titles. */
@media(min-width:48rem){:root{--brand-title:3rem;--section-title:2.25rem;--brand-description:1.25rem}}
@media(min-width:64rem){:root{--brand-title:3.75rem;--hero-top:5rem;--hero-bottom:3.5rem}}
@media(max-width:47.99rem){.brand-search input{font-size:var(--text-base)}}

/* Homepage motion: decorative layers move; reading and input stay anchored. */
@media(prefers-reduced-motion:no-preference){
 .brand-orbit{transform:translate3d(var(--orbit-x,0px),var(--orbit-y,0px),0);transition:transform 450ms var(--ease)}
 .brand-home .updates-list>a,.brand-home .text-link{transition:color var(--duration) var(--ease),background-color var(--duration) var(--ease)}
 .brand-home .updates-list>a>svg{transition:transform 250ms var(--ease),color 250ms var(--ease)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .brand-search{position:relative;isolation:isolate;overflow:hidden;transition:border-color 250ms var(--ease),box-shadow 250ms var(--ease)}
 .brand-search::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(180px circle at var(--glow-x,50%) var(--glow-y,50%),color-mix(in srgb,var(--accent) 12%,transparent),transparent 75%);opacity:0;transition:opacity 250ms var(--ease)}
 .brand-search.pointer-lit::before{opacity:1}
 .brand-search.pointer-lit{border-color:color-mix(in srgb,var(--accent) 45%,var(--rule));box-shadow:0 4px 24px color-mix(in srgb,var(--accent) 5%,transparent)}
 .brand-home .updates-list>a:hover>svg{transform:translateX(4px);color:var(--accent)}
 .brand-home .updates-list>a:hover h3{color:var(--accent)}
}

/* Search entry and the next reading step form one compact homepage composition. */
.brand-hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 60%)}
.brand-orbit::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 38%,transparent) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,transparent 28%,black 70%,transparent)}
.home-search-topics{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2);font-size:var(--text-xs);color:var(--muted)}.home-search-topics>span{margin-inline-end:var(--s2)}.home-search-topics button{border:0;border-radius:var(--radius-small);padding:var(--s2) var(--s3);min-height:var(--control);background:transparent;color:var(--muted);font:inherit}.home-search-topics button:hover,.home-search-topics button:focus-visible{color:var(--accent);background:var(--accent-soft)}
.updates-list>a>p{font-size:var(--text-sm);line-height:1.7;color:var(--muted);margin:var(--s2) 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-updates{position:relative}.updates-heading h2{font-weight:600}

/* Shared article membership invitation */
.community-invite{--invite-gap:1.25rem;margin-block:3rem;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--rule);border-radius:var(--radius,16px);background:var(--surface);color:var(--ink);font-family:var(--font-body,Inter,sans-serif)}
.community-invite .community-label{margin:0 0 .65rem;color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.05em}
.community-invite h2{margin:0 0 1rem;font-size:clamp(1.3rem,3vw,1.65rem);line-height:1.4;letter-spacing:-.02em}
.community-invite .community-intro{margin:0;max-width:65ch;font-size:1rem;line-height:1.8;color:var(--muted)}
.community-invite ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem;margin:var(--invite-gap) 0;padding-left:1.2rem;font-size:.875rem;line-height:1.7}
.community-invite li::marker{color:var(--accent)}
.community-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem;padding-block:1rem;border-top:1px solid var(--rule)}
.community-price strong{font-size:1.3rem}.community-price span{font-size:.8rem;color:var(--muted)}
.community-poster summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);cursor:pointer;padding:var(--s4) var(--s5);min-height:calc(var(--control) + var(--s3));border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-size:var(--text-base);font-weight:700;line-height:1.6}
.community-poster summary::after{display:grid;place-items:center;flex:0 0 var(--s7);width:var(--s7);height:var(--s7);border-radius:50%;background:color-mix(in srgb,var(--accent-ink) 12%,transparent);color:inherit;font-size:var(--text-lg);line-height:1}
.community-poster[open]>summary{background:var(--accent-soft);color:var(--accent)}
.community-poster summary:hover{background:color-mix(in srgb,var(--accent) 90%,var(--accent-ink))}.community-poster[open]>summary:hover{background:var(--accent-soft)}.community-poster summary:focus-visible,.community-poster a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.community-poster p{font-size:.875rem;line-height:1.8;color:var(--muted);margin:1rem 0}.community-original{display:inline-flex;align-items:center;min-height:44px;margin-bottom:.75rem;text-decoration:underline;text-underline-offset:4px}
.community-poster img{display:block;width:100%;max-width:440px;height:auto;border-radius:12px;margin-inline:auto}
@media(max-width:640px){.community-invite ul{grid-template-columns:1fr}.community-invite{margin-block:2rem}}

.about-wechat{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:var(--s12);align-items:start;padding-block:var(--s12);border-top:1px solid var(--rule)}.about-wechat h2{font-size:var(--text-title);margin-top:0}.about-wechat p{color:var(--muted);line-height:1.9;max-width:42rem}.about-wechat figure{margin:0}.about-wechat img{display:block;width:100%;height:auto;border-radius:var(--radius-small)}.about-wechat figcaption{font-size:var(--text-xs);color:var(--muted);text-align:center;padding-top:var(--s3)}.about-wechat .about-wechat-note{font-size:var(--text-sm)}
@media(max-width:48rem){.about-wechat{grid-template-columns:1fr;gap:var(--s6)}.about-wechat figure{width:min(100%,15rem)}}

@media(min-width:40rem) and (max-width:63.99rem){.updates-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared access label for article lists and recent updates. */
.member-badge{display:inline-flex;align-items:center;gap:var(--s1);flex-shrink:0;padding:var(--s1) var(--s2);border:1px solid var(--accent);border-radius:var(--radius-small);background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);font-weight:600;line-height:1.25;white-space:nowrap}
.member-badge svg{width:1em;height:1em;flex-shrink:0}

/* Main-site language, membership and account actions. */
.site-account-action{display:inline-flex;align-items:center;justify-content:center;width:var(--control);height:var(--control);flex-shrink:0;border-radius:var(--radius-small);color:var(--muted)}
.site-account-action svg{width:1.25rem;height:1.25rem}
.site-account-action:hover,.site-account-action:focus-visible{background:var(--surface);color:var(--ink)}
.membership-action,.membership-action:hover{color:#eab308}
.reader-head-actions #reader-language{border:0;background:transparent;font-size:var(--text-sm)}
.reader-head-actions .reader-back-link{display:none}
@media(max-width:48rem){.reader-head-actions{justify-content:flex-end;gap:var(--s1)}}

.access-filters,.reader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);margin-block:var(--s5)}
.reader-actions,.access-filters .saved-articles-link{display:none}
.access-filters label{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--muted)}
.access-filters select,.reader-feedback select,.reader-feedback textarea{background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-small);padding:var(--s3);font:inherit;min-height:var(--control);max-width:100%}
.reader-actions [aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.reader-actions a,.reader-feedback a{color:var(--accent)}
.reader-outline,.reader-feedback{border-block:1px solid var(--rule);padding-block:var(--s4);margin-block:var(--s5);font-size:var(--text-sm)}
.reader-outline summary,.reader-feedback summary{cursor:pointer;min-height:var(--control);display:flex;align-items:center;gap:var(--s2)}
.reader-outline summary::before,.reader-feedback summary::before{content:'+';color:var(--accent)}
.reader-outline[open] summary::before,.reader-feedback[open] summary::before{content:'−'}
.reader-outline li{line-height:1.8;margin-block:var(--s2)}
.reader-feedback form,.reader-feedback label{display:grid;gap:var(--s2)}
.reader-feedback form{gap:var(--s4);margin-top:var(--s3)}
.reader-feedback textarea{width:100%;resize:vertical}
.reader-actions [role=status]{font-size:var(--text-sm)}
.operations-table{overflow-x:auto}.operations-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.operations-table th,.operations-table td{text-align:left;padding:var(--s3);border-bottom:1px solid var(--rule)}.operations-table th{white-space:nowrap}.operations-table a,.feedback-item a{color:var(--accent)}.feedback-item{padding-block:var(--s5);border-top:1px solid var(--rule)}.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere}

/* Site-styled access menu, shared across knowledge and tutorial lists. */
.access-field{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-sm);color:var(--muted)}
.access-picker{position:relative;min-width:10rem}
.access-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);width:100%;min-height:var(--control);padding:var(--s2) var(--s3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
.access-trigger svg{width:1rem;height:1rem;color:var(--muted);transition:transform var(--duration) var(--ease)}
.access-trigger[aria-expanded=true]{border-color:var(--accent)}
.access-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.access-trigger:focus-visible,.access-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.access-menu{position:absolute;inset-inline-start:0;top:calc(100% + var(--s2));z-index:50;min-width:100%;width:max-content;max-width:calc(100vw - 2 * var(--inset));padding:var(--s1);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:0 var(--s3) var(--s8) var(--overlay)}
.access-menu[hidden]{display:none}
.access-option{display:flex;align-items:center;gap:var(--s2);width:100%;min-height:var(--control);padding:var(--s2) var(--s3);border:0;border-radius:var(--radius-small);background:transparent;color:var(--ink);text-align:start;font:inherit;white-space:nowrap;cursor:pointer}
.access-option:hover,.access-option:focus{background:var(--surface-2)}
.access-option[aria-checked=true]{color:var(--accent);background:var(--accent-soft)}
.access-check{width:1em;flex-shrink:0}
.access-menu{max-height:min(20rem,60dvh);overflow-y:auto;overscroll-behavior:contain}
.access-picker select[hidden],select#industry-filter[hidden],select#access-filter[hidden],select#days[hidden]{display:none}
#days+.access-picker{display:inline-block;vertical-align:middle}
.industry-filter .access-picker{min-width:12rem;max-width:100%}
@media(max-width:39.99rem){.industry-filter .access-picker{min-width:10rem}}

.local-video-entry{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0;margin-bottom:24px;border-bottom:1px solid var(--rule);text-decoration:none}.local-video-entry strong{flex:1;min-width:200px}.local-video-entry>span:last-child{color:var(--muted);font-size:14px}

.search-member-label{color:var(--accent);font-weight:600}.operations-main{padding-block:var(--s8)}.operations-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);margin-block:var(--s4)}.operations-controls label{display:flex;align-items:center;gap:var(--s2)}.operations-totals{display:flex;flex-wrap:wrap;gap:var(--s6);padding-block:var(--s5);border-block:1px solid var(--rule)}.operations-totals div{min-width:8rem}.operations-totals dt{color:var(--muted);font-size:var(--text-sm)}.operations-totals dd{margin:var(--s2) 0 0;font-size:var(--text-xl);font-weight:600}.operations-table td:first-child{min-width:12rem}.operations-details{margin-block:var(--s4);color:var(--muted);font-size:var(--text-sm)}

.workflow-record{margin-block:var(--s4)}.workflow-record form{display:grid;gap:var(--s3);max-width:42rem;margin-block:var(--s4)}.workflow-record label{display:grid;gap:var(--s2);font-size:var(--text-sm)}.workflow-record input[type=date],.workflow-record textarea{width:100%;box-sizing:border-box;font:inherit;padding:var(--s3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.workflow-record .workflow-confirm{display:flex;align-items:flex-start;line-height:1.6}.workflow-confirm input{flex:none;margin-top:var(--s1);accent-color:var(--accent)}

.reader-copy-fallback{display:grid;gap:var(--s3);margin-block:var(--s4);padding:var(--s4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-width:0}.reader-copy-fallback label{display:grid;gap:var(--s2);font-size:var(--text-sm);color:var(--muted)}.reader-copy-fallback textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--control);resize:vertical;padding:var(--s3);border:1px solid var(--rule);border-radius:var(--radius-small);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--text-base);line-height:1.6}.reader-copy-fallback>.button{justify-self:start}