/* Generated by scripts/build_assets.py; edit the sources, not this file. */
/* /assets/css/bankasi-refresh-v1.css */
/* Editorial refresh. Scoped additions leave the Creations motion and card effects intact. */
.workbench-editorial{display:block!important;background:none!important;border:0!important}
.workbench-chapter{margin:0 0 clamp(48px,7vw,100px)}
.chapter-heading{font:400 clamp(28px,3vw,40px)/1.15 'Cormorant Garamond',serif;border-top:1px solid #c9ccc6;padding-top:22px;margin:0 0 28px;color:#30332f}
.chapter-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.workbench-editorial .workbench-card{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.workbench-editorial .workbench-card:hover{background:transparent}
.workbench-editorial .workbench-card-image,.workbench-editorial .workbench-feature-image{border:0;border-radius:3px;overflow:hidden;background:#edeeea}
.workbench-editorial .workbench-card-body{padding:24px 0!important}
.workbench-editorial .card-title{font:400 clamp(27px,3vw,38px)/1.15 'Cormorant Garamond',serif;color:#30332f;margin:14px 0}
.workbench-editorial .card-excerpt{max-width:52ch;line-height:1.75}
.workbench-editorial .card-footer{padding-top:16px;margin-top:24px}
.workbench-editorial .chapter-featured .chapter-stories{display:block}
.workbench-editorial .chapter-featured .workbench-card{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.workbench-editorial .chapter-featured .card-title{font-size:clamp(36px,4.5vw,60px)}
.workbench-editorial .chapter-featured img{width:100%;height:100%;max-height:520px;object-fit:cover;aspect-ratio:5/4}
.workbench-editorial .chapter-guides .workbench-card{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start}
.workbench-editorial .chapter-guides .workbench-card-body{padding:0!important}
.workbench-editorial .chapter-guides img{width:100%;height:150px;object-fit:cover;padding:0}
.workbench-editorial .chapter-guides .card-title{font-size:30px}
.workbench-editorial .chapter-studio img{height:auto;aspect-ratio:3/2;object-fit:cover}
.chapter-archive .chapter-stories{display:block}
.workbench-editorial .archive-card{display:grid;grid-template-columns:1fr;min-height:0;border-bottom:1px solid #d6d8d2}
.workbench-editorial .archive-card .workbench-card-image,.workbench-editorial .archive-card .card-excerpt,.workbench-editorial .archive-card .card-footer{display:none}
.workbench-editorial .archive-card .workbench-card-body{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:baseline;padding:22px 0!important}
.workbench-editorial .archive-card .card-meta{flex-direction:column;align-items:flex-start;gap:6px}
.workbench-editorial .archive-card .card-title{font-size:27px;margin:0}
.workbench-editorial.is-filtered .chapter-heading{display:none}
.workbench-editorial.is-filtered .workbench-chapter{margin:0}
.workbench-editorial.is-filtered .chapter-stories{display:block}
.workbench-editorial.is-filtered .workbench-card{display:grid;grid-template-columns:140px 1fr;gap:28px;padding:24px 0!important;border-bottom:1px solid #d4d6d0}
.workbench-editorial.is-filtered .workbench-card-body{display:block;padding:0!important}
.workbench-editorial.is-filtered .workbench-card img{width:100%;height:120px;aspect-ratio:auto;object-fit:cover}
.workbench-editorial.is-filtered .workbench-card .card-title{font-size:30px}
.workbench-editorial.is-filtered .archive-card{grid-template-columns:1fr}
.workbench-editorial [hidden]{display:none!important}
/* Reading layouts: wide material, narrow prose. */
.article-refresh .post-body{max-width:1120px!important;margin-inline:auto}
.article-refresh .post-body>p,.article-refresh .post-body>h2,.article-refresh .post-body>ul,.article-refresh .post-body>ol,.article-refresh .post-body>.article-toc,.article-refresh .post-body>.archive-context,.article-refresh .post-body>.test-notebook{max-width:712px;margin-left:auto;margin-right:auto}
.article-refresh .post-body>figure{max-width:900px;margin:44px auto}
.article-refresh .post-body>figure img{width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:3px}
.article-refresh .post-body figcaption{font-size:13px;line-height:1.65;color:#62675f;max-width: 70ch;margin-top:12px}
.article-refresh .post-body>.fan-comparison{max-width:100%;margin:32px 0 48px}
.article-refresh .archive-context{padding:18px 0;border-block:1px solid #cfd2ca;font:400 14px/1.7 'DM Sans',sans-serif;color:#62665e;margin-bottom:32px}
.article-refresh .test-notebook{padding:24px;border-left:2px solid #8b9388;background:#edeFE9}
.article-refresh .post-body .test-notebook p{font-size:15px;line-height:1.75}
.article-refresh .post-body .test-notebook h3{font:500 15px/1.5 'DM Sans',sans-serif;margin:22px 0 8px}
.article-refresh .post-body>h2{margin-top:56px}
/* Static instructional figures. */
.fit-illustration{margin:24px 0 28px;padding:20px 24px;background:#eeefea;border:1px solid #d8dbd3;border-radius:3px;break-inside:avoid}
.fit-illustration img{width:100%;max-width:540px;height:auto;display:block;margin:auto}
.fit-illustration figcaption{font:400 12px/1.7 'DM Sans',sans-serif;color:#62675e;margin:10px 0 0}
.help-answer .fit-illustration{max-width:620px}
.help-answer .fit-illustration img{max-height:250px}
/* Concise model reading hierarchy. */
#modelPreview #modelDescription{font-size:15px;line-height:1.7;margin:0 0 12px}
#modelPreview .model-essential{font-size:13px;font-weight:500;margin:0 0 18px;color:#3b4038}
#modelPreview .model-note-details{border-top:1px solid #d6d8d1;padding:14px 0;margin:0}
#modelPreview .model-note-details>summary{display:list-item;cursor:pointer;font:500 13px/1.6 'DM Sans',sans-serif}
#modelPreview .model-note-details p{font-size:13px;line-height:1.7;color:#5b6057;margin:12px 0}
#modelPreview .product-guidance{border-top:0;margin-top:0;padding-top:0}
#modelPreview .product-fit{margin-top:0}
#modelPreview .model-design-credit{margin-bottom:14px}
.page-creations .creation-card .model-spec{min-height:2.8em;display:flex;align-items:flex-end}
/* Comparison is only present within the existing fan comparison. */
.fan-visual-comparison{margin:24px 0 32px}
.fan-compare-intro{font-size:13px!important;color:#62675f}
.fan-compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.fan-compare-side{min-width:0;border-top:1px solid #c9cdc4;padding-top:20px}
.fan-compare-side h3{font:500 16px/1.4 'DM Sans',sans-serif;margin:16px 0}
.fan-compare-options{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 20px}
.fan-compare-options button{font:400 12px/1.5 'DM Sans',sans-serif;border:0;border-bottom:1px solid transparent;background:none;color:#64695f;padding:6px 0;cursor:pointer}
.fan-compare-options button[aria-pressed=true]{color:#20261c;border-color:#20261c;font-weight:500}
.fan-compare-options button:focus-visible{outline:2px solid #545c50;outline-offset:4px}
/* Phones: one sideways row of size tabs with full-height tap targets, as in the [creations] comparison (audit 2026-10-13). */
@media (max-width:760px){.fan-compare-options{flex-wrap:nowrap;gap:0 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.fan-compare-options::-webkit-scrollbar{display:none}.fan-compare-options button{flex:none;min-height:44px;min-width:24px;white-space:nowrap}.fan-compare-options button:focus-visible{outline-offset:-2px}}
.fan-compare-side img{display:block;width:100%;height:240px;object-fit:contain;background:#f7f8f4;border-radius:3px}
.fan-compare-side dl{display:grid;grid-template-columns:100px 1fr;font:13px/1.6 'DM Sans',sans-serif;margin:16px 0}
.fan-compare-side dt,.fan-compare-side dd{border-top:1px solid #d7dad1;padding:9px 0;margin:0}
.fan-compare-side dt{color:#62685c}
.fan-compare-side a{font-size:13px;text-underline-offset:4px}
/* Founder-led About. */
.page-about .founder{border-block:1px solid #d4d7cf}
.about-closing{padding:48px var(--page-gutter,5vw) 64px;border-top:1px solid #cfd3c9}
.about-closing h2{font:400 42px/1.1 'Cormorant Garamond',serif;margin:12px 0 24px}
.editorial-links{display:flex;flex-wrap:wrap;gap:18px 30px;font:400 14px/1.5 'DM Sans',sans-serif}
.editorial-links a{color:inherit;text-underline-offset:5px}
/* Contact form leads in DOM and visual order. */
.page-contact .page-hero{padding-top:128px!important;padding-bottom:38px!important;min-height:0}
.page-contact .page-hero h1{font-size:clamp(42px,5vw,64px);margin-bottom:16px}
.page-contact .contact-section{padding-top:48px!important}
.page-contact .contact-grid{grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:clamp(32px,7vw,100px);align-items:start}
.inquiry-design-reference{margin:0 0 26px;padding:0 0 20px;border-bottom:1px solid #cbd0c5;font:14px/1.65 'DM Sans',sans-serif}
.inquiry-design-reference p{margin:6px 0}.inquiry-design-reference a{color:inherit;text-underline-offset:4px;font-size:13px}
/* A statement rather than a title page. */
.page-mission .mission-hero{padding-top:140px;padding-bottom:36px;min-height:0}
.page-mission .mission-hero h1{max-width:20ch;font-size:clamp(58px,7vw,100px)}
.page-mission .statement-section{padding-top:0!important;padding-bottom:64px!important}
.page-mission .statement-body{max-width:760px}
.page-mission .pillars-section{padding-top:32px!important;padding-bottom:64px!important}
.page-mission .pillar{background:none;border:0;border-top:1px solid #555850;border-radius:0;box-shadow:none;padding:26px 0}
.page-mission .pillar::before,.page-mission .pillar::after{display:none}
.page-mission .pillars-grid{background:none;gap:40px}
.page-mission .cta-section{padding-top:40px;padding-bottom:48px}
/* Short recovery and readable privacy. */
.recovery-simple{max-width:1000px;margin:auto;padding:160px 32px 90px;min-height:65vh;color:#343830}
.recovery-simple h1{font:400 clamp(48px,7vw,80px)/1.05 'Cormorant Garamond',serif;margin:20px 0 24px}
.recovery-simple>p{max-width: 50ch;font:16px/1.7 'DM Sans',sans-serif}
.recovery-simple nav{display:flex;flex-wrap:wrap;gap:20px 40px;margin:36px 0;border-block:1px solid #d0d4c9;padding:24px 0}
.recovery-simple a{color:inherit;text-underline-offset:5px}
.recovery-simple .recovery-contact{font-size:14px}
.page-privacy{background:#f4f4f0;color:#343830;font-family:'DM Sans',sans-serif}
.privacy-reading{max-width:776px;margin:auto;padding:56px 32px 80px}
.privacy-wordmark{color:inherit;text-decoration:none;font-size:16px;letter-spacing:.18em}
.privacy-wordmark sup{font-size:8px}
.privacy-reading h1{font:400 clamp(40px,6vw,60px)/1.05 'Cormorant Garamond',serif;margin:48px 0 24px}
.privacy-reading h2{font:400 30px/1.2 'Cormorant Garamond',serif;margin:0 0 18px}
.privacy-reading p{font-size:16px;line-height:1.85;margin:0 0 22px}
.privacy-reading .panel{border:0;border-top:1px solid #cdd2c5;border-radius:0;background:none;box-shadow:none;padding:32px 0 10px;margin-top:32px}
.privacy-reading a{color:inherit;text-underline-offset:4px}
.privacy-reading .muted{font-size:13px;color:#62675e}
.metric-context{display:block;font:400 11px/1.5 'DM Sans',sans-serif;margin-top:5px;color:inherit;opacity:.8}
.service-period-inline{font:400 12px/1.7 'DM Sans',sans-serif;color:#c5c8c1;max-width:36ch}
.page-home .service-feature{margin-top:40px;padding-top:40px}
@media(max-width:760px){
 .chapter-stories{grid-template-columns:1fr;gap:32px}
 .workbench-editorial .chapter-featured .workbench-card{grid-template-columns:1fr;gap:0}
 .workbench-editorial .chapter-featured img{max-height:320px;aspect-ratio:3/2}
 .workbench-editorial .chapter-guides .workbench-card{grid-template-columns:90px 1fr;gap:18px}
 .workbench-editorial .chapter-guides img{height:110px}
 .workbench-editorial .chapter-guides .card-title{font-size:27px}
 .workbench-editorial .archive-card .workbench-card-body{grid-template-columns:1fr;gap:8px}
 .workbench-editorial .archive-card .card-meta{flex-direction:row}
 .workbench-editorial.is-filtered .workbench-card{grid-template-columns:80px 1fr;gap:16px}
 .workbench-editorial.is-filtered .workbench-card img{height:90px}
 .workbench-editorial.is-filtered .workbench-card .card-title{font-size:26px}
 .workbench-editorial.is-filtered .archive-card{grid-template-columns:1fr}
 .fan-compare-pair{gap:16px}.fan-compare-side img{height:150px}.fan-compare-side dl{display:block}.fan-compare-side dd{border-top:0;padding-top:0}.fan-compare-side dt{padding-bottom:2px}.fan-compare-options{gap:2px 10px}.fan-compare-side h3{font-size:14px}
 .article-refresh .post-body>figure{margin-block:30px}
 .fit-illustration{padding:14px 8px}.article-refresh .test-notebook{padding:18px}
 .page-contact .contact-grid{grid-template-columns:1fr}.page-contact .page-hero{padding-top:114px!important}
 .page-mission .mission-hero{padding-top:120px}.page-mission .pillars-grid{grid-template-columns:1fr;gap:16px}
 .recovery-simple{padding:130px 24px 64px}.recovery-simple nav{gap:20px 26px}
 .privacy-reading{padding:36px 24px 60px}
}
@media print{.fit-illustration{background:none;max-width:420px;padding:10pt;margin:12pt 0}.fit-illustration img{max-height:150pt}.fan-compare-options{display:none}.article-refresh .post-body{max-width:100%!important}}
.article-refresh .tour-chapter{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;border-top:1px solid #cdd0c8;padding:36px 0;margin:40px 0}
.article-refresh .tour-chapter h2{margin-top:0}.article-refresh .tour-chapter figure{margin:0}.article-refresh .tour-chapter img{width:100%;height:auto;border-radius:3px}
.article-refresh .tour-text{display:block;max-width:712px;margin-inline:auto}
@media(max-width:760px){.article-refresh .tour-chapter{grid-template-columns:1fr;gap:20px}}
/* Keep expanded preview copy inside its allocated grid row, so overflow can scroll. */
#modelPreview .model-details{align-self:stretch;overscroll-behavior-y:contain}
@media(min-width:761px){#modelPreview .model-details{height:100%;max-height:100%;box-sizing:border-box}}
/* /assets/css/site-refresh-v1.css */
/* 2026-10 site-wide refresh: same-origin page transitions and the site search dialog. */

/* Cross-document view transitions (Chromium/Safari 18.2+; other browsers navigate normally). */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
@media(max-width: 0px){@view-transition{navigation:none}}

/* Site search (⌘K / Ctrl+K / "/"). */
.site-search-open{display:inline-grid;place-items:center;width:38px;height:38px;margin-left:6px;padding:0;border:1px solid transparent;border-radius:50%;background:none;color:inherit;cursor:pointer;transition:border-color .2s,background-color .2s}
.site-search-open:hover{border-color:currentColor}
#mainNav .site-search-open{color:#f5f5f5}
#mainNav .site-search-open:hover{border-color:#ffffff66;background:#ffffff12}
.site-search-open:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.site-search-open svg{width:17px;height:17px}

/* Desktop header: logo left, links centred, search bar and CTA grouped on the right. The links sit centred in the
   space between logo and search, and exactly on the page centre once there is room (>=1400px). The bar matches
   the CTA's height and corner radius; below 1101px it is a square icon button. */
@media(min-width:769px){
 #mainNav .nav-links{margin:0 auto}
 #mainNav .site-search-open{width:40px;height:40px;margin:0 12px 0 auto;border:1px solid #ffffff2e;border-radius:8px;background:#ffffff0d;color:#f5f5f5c2;transition:border-color .2s,background-color .2s,color .2s}
 #mainNav .site-search-open:hover{border-color:#ffffff66;background:#ffffff17;color:#f5f5f5}
 #mainNav .site-search-open svg{width:16px;height:16px;flex:none}
}
@media(min-width:769px) and (max-width:900px){#mainNav .nav-links{gap:1rem}}
@media(min-width:1101px){
 #mainNav .site-search-open{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;width:180px;padding:0 14px;font:400 13px/1 'DM Sans',sans-serif;letter-spacing:.01em;text-align:left}
 #mainNav .site-search-open::after{content:"Search"}
}
@media(min-width:1400px){
 #mainNav .nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
 #mainNav .site-search-open{width:220px}
}
.site-search{width:min(640px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 96px));margin:72px auto auto;padding:0;border:1px solid #d7d4ce;border-radius:14px;background:#faf9f6;color:#151515;box-shadow:0 30px 80px #0000004d;overflow:hidden}
.site-search::backdrop{background:#0c0c0c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.site-search form{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #e3e0da}
.site-search form svg{flex:none;width:18px;height:18px;color:#6b6b6b}
.site-search input{flex:1;min-width:0;border:0;background:none;color:#151515;font:400 17px 'DM Sans',sans-serif;outline:none}
.site-search input::placeholder{color:#6b6b6b}
.site-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.site-search kbd{font:500 11px 'DM Sans',sans-serif;padding:3px 6px;border:1px solid #d7d4ce;border-radius:5px;color:#6b6b6b;background:#fff}
.site-search-results{list-style:none;margin:0;padding:8px;max-height:min(520px,calc(100vh - 170px));overflow:auto}
.site-search-results li{margin:0}
.site-search-results a{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:10px 12px;border-radius:9px;color:inherit;text-decoration:none}
.site-search-results a[aria-selected="true"],.site-search-results a:hover{background:#ecebe6}
.site-search-type{grid-row:span 2;align-self:center;min-width:76px;font:500 10px 'DM Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#6b675f}
.site-search-title{font:500 15px/1.3 'DM Sans',sans-serif}
.site-search-text{font:400 13px/1.4 'DM Sans',sans-serif;color:#5f5f5f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-search-empty{padding:22px 16px;font:400 14px 'DM Sans',sans-serif;color:#5f5f5f}
@media(max-width:760px){.site-search{margin-top:16px;max-height:calc(100vh - 32px)}.site-search-type{min-width:0;grid-row:auto}.site-search-results a{grid-template-columns:1fr}.site-search kbd{display:none}}
/* Site search v2 (site-search-v2.js, owner-approved 2026-10-06): start view, grouped results with headers,
   design thumbnails (their [creations] card image), a Cancel button on phones, and the inline variant (404 page). */
dialog.site-search-v2[open]{display:flex;flex-direction:column}
.site-search-v2 form{flex:none}
.site-search-v2 .site-search-results{flex:1 1 auto;min-height:0;max-height:none;padding:6px 8px 12px}
.site-search-v2 .site-search-group{margin:14px 12px 6px;font:500 10.5px/1.3 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6b675f}
.site-search-v2 .site-search-group:first-child{margin-top:8px}
.site-search-v2 .site-search-results a.site-search-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:8px 10px;border-radius:11px;color:inherit;text-decoration:none}
.site-search-v2 .site-search-results a.site-search-item[aria-selected="true"],.site-search-v2 .site-search-results a.site-search-item:hover{background:#ecebe6}
.site-search-thumb{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#f6f6f5;box-shadow:inset 0 0 0 1px #15151512;color:#6b675f;overflow:hidden}
.site-search-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.site-search-thumb.is-video{width:80px;background:#151515}
.site-search-thumb svg{width:22px;height:22px}
.site-search-body{display:grid;gap:2px;min-width:0}
.site-search-v2 .site-search-title{font:500 15px/1.3 'DM Sans',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-search-v2 .site-search-text{font:400 13px/1.4 'DM Sans',sans-serif;color:#66625b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-search-tag{display:inline-block;margin-right:8px;padding:2px 7px;border:1px solid #15151533;border-radius:999px;font:500 9.5px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;vertical-align:2px}
.site-search-v2 .site-search-results a.site-search-more{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:12px 12px;font:500 14px/1.3 'DM Sans',sans-serif;color:#151515}
.site-search-more svg{width:18px;height:18px;flex:none}
.site-search-v2 .site-search-results .site-search-empty a{display:inline;padding:0;border-radius:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px}
.site-search-cancel{display:none;flex:none;padding:8px 2px 8px 8px;border:0;background:none;color:#151515;font:500 15px 'DM Sans',sans-serif;cursor:pointer}
.site-search-cancel:focus-visible{outline:2px solid #151515;outline-offset:2px;border-radius:6px}
@media(max-width:760px){
 .site-search-v2{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
 .site-search-v2 form{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}
 .site-search-v2 input{font-size:16px}
 .site-search-v2 kbd{display:none}
 .site-search-cancel{display:block}
 .site-search-v2 .site-search-results{padding:4px 6px calc(16px + env(safe-area-inset-bottom))}
 .site-search-v2 .site-search-results a.site-search-item{grid-template-columns:auto minmax(0,1fr);gap:12px}
}
.site-search-inline{display:block;width:100%;max-width:640px;margin:0;border:1px solid #d7d4ce;border-radius:14px;background:#faf9f6;color:#151515;box-shadow:0 18px 48px #00000014;overflow:hidden;text-align:left}
.site-search-inline .site-search-results{max-height:420px;overflow:auto}
@media(max-width:760px){.site-search-inline{border-radius:12px}.site-search-inline .site-search-results{max-height:none}}

/* Footer edges follow the nav (owner 2026-10-06: the footer reached past the nav's edge on wide screens). */
body>footer{padding-left:var(--page-gutter,clamp(24px,5vw,80px));padding-right:var(--page-gutter,clamp(24px,5vw,80px))}

/* iOS 26 Safari tints the status bar and bottom bar from the page's root background (theme-color is ignored).
   The root is therefore the header/footer charcoal, and the light page surface moves onto <main>, which with the
   footer fills the whole page, so nothing else changes visually. Mission (already dark) and privacy (no header) keep theirs. */
body[data-surface="light"]{--page-surface:#f4f4f2}
body.page-product{--page-surface:#f4f2ee}
html:has(body[data-surface="light"]){background-color:#151515!important}
body[data-surface="light"]{background-color:#151515!important}
body[data-surface="light"]>#main-content{background-color:var(--page-surface)}

/* Phone/tablet header: logo, search and menu share one centre line; the menu lines end on the page gutter
   and search sits beside the menu (desktop layout is unchanged). */
@media(max-width:768px){
 #mainNav .site-search-open{margin-left:auto;margin-right:4px}
 body:not(.page-creations) #hamburgerBtn{justify-content:center;align-items:center;width:44px;height:44px;padding:0;margin-right:-11px}
}

/* Phone menu on the main site, matching the [creations] menu (owner 2026-10-05): a frosted panel that drops under
   the header, left-aligned DM Sans rows with dividers, a "Menu / Close" text toggle, and the last two links
   (Shop on Etsy, YouTube; Old tech above them since 2026-10-10) as quieter secondary links. [creations] keeps its own rules (88 px header). */
@media (max-width: 768px) {
 body:not(.page-creations) #hamburgerBtn { display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 0; min-width: 64px; min-height: 44px; padding: 10px 0 10px 12px; color: #f2f2ec; font: 400 13px/1 'DM Sans', sans-serif; letter-spacing: .04em; }
 body:not(.page-creations) #hamburgerBtn::after { content: "Menu"; }
 body:not(.page-creations) #hamburgerBtn.open::after { content: "Close"; }
 body:not(.page-creations) #hamburgerBtn span { display: none; }
 body:not(.page-creations) #hamburgerBtn:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }
 body:not(.page-creations) #mobileMenu {
  display: flex; flex-direction: column; position: fixed; inset: var(--nav-h, 80px) 0 auto; height: auto; max-height: calc(100dvh - var(--nav-h, 80px));
  padding: 18px 24px 26px; gap: 0; align-items: stretch; justify-content: flex-start; text-align: left;
  background: #20201ff5; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid #ffffff22; box-shadow: 0 18px 32px #0003;
  overflow-y: auto; visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-8px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s;
 }
 body:not(.page-creations) #mobileMenu.open { visibility: visible; opacity: 1; pointer-events: auto; transform: none; }
 body:not(.page-creations) #mobileMenu a {
  display: flex; align-items: center; justify-content: flex-start; min-height: 54px; padding: 12px 0; margin: 0;
  font: 400 17px/1.4 'DM Sans', sans-serif; letter-spacing: 0; text-transform: none; color: #edede7;
  border-bottom: 1px solid #ffffff14; text-decoration: none; opacity: 1; transform: none;
 }
 body:not(.page-creations) #mobileMenu a:nth-last-child(2) { margin-top: 14px; }
 body:not(.page-creations) #mobileMenu a:nth-last-child(-n+2) { font-size: 14px; color: #bdbdb7; border: 0; min-height: 44px; }
 body:not(.page-creations) #mobileMenu a:focus-visible { outline: 1px solid #edede7; outline-offset: 3px; }
}
@media (max-width: 0px) { body:not(.page-creations) #mobileMenu { transition: none; } }

/* Wayfinding (site-wayfinding-v1.js, owner-approved 2026-10-06). */
/* 1. You are here (owner 2026-10-07: no dot, the page name glows): the current section's header link and phone-menu
   row are lit white with a soft silver-white glow, the [creations] wordmark's light language kept quiet; no underline
   (Contact: the CTA is lit instead). */
#mainNav .nav-links a[aria-current="page"],
html body.page-creations #mainNav .nav-links a[href][aria-current="page"]{color:#fff!important;text-decoration:none!important;text-shadow:0 0 1px #ffffffb3,0 0 7px #ffffff8c,0 0 16px #e6ecf866,0 0 28px #dce5f533}
#mainNav .nav-cta[aria-current="page"]{text-decoration:none;background:#ffffff26!important;border-color:#f2f2f0!important;color:#fff;text-shadow:0 0 7px #ffffff8c,0 0 16px #e6ecf855}
#mobileMenu a[aria-current="page"]{color:#fff!important;font-weight:500;text-shadow:0 0 1px #ffffffb3,0 0 9px #ffffff99,0 0 20px #e6ecf880,0 0 36px #dce5f540}
#mobileMenu a[aria-current="page"]::after{content:none}
/* 2. Phone menu backdrop: dims the page under the open menu; a tap on it closes the menu. */
.menu-scrim{display:none}
@media(max-width:768px){
 .menu-scrim{display:block;position:fixed;inset:0;z-index:198;background:#0c0c0c73;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s .22s;-webkit-tap-highlight-color:transparent}
 .menu-scrim.is-shown{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}
}
/* 3. Back to top: one rounded, frosted button in the right page gutter; colour-only hover, no lift. The script
   sets --to-top-lift to rise above the footer or the product pages' action bar. */
.to-top{position:fixed;z-index:190;right:max(12px,calc(env(safe-area-inset-right) + 12px),calc((var(--to-top-gutter,var(--page-gutter,clamp(24px,5vw,80px))) - 44px) / 2));bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));width:44px;height:44px;display:grid;place-items:center;margin:0;padding:0;border:1px solid #15151524;border-radius:50%;background:#faf9f6c9;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);color:#151515;box-shadow:0 8px 24px #00000026,0 1px 0 #ffffffb3 inset;cursor:pointer;transform:translateY(calc(-1 * var(--to-top-lift,0px)));opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s .25s,background-color .2s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.to-top.is-shown{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s,background-color .2s,border-color .2s,box-shadow .2s}
.to-top:hover{background:#fff;border-color:#15151566;box-shadow:0 8px 24px #0000002e,0 0 0 3px #1515150f}
.to-top:focus-visible{outline:2px solid #151515;outline-offset:2px;box-shadow:0 0 0 5px #faf9f6}
.to-top svg{width:18px;height:18px}
@media print{.to-top,.menu-scrim{display:none}}

/* Footer (owner-approved 2026-10-06): four columns (Explore, Designs, Connect, Good to know) beside the brand on
   wide screens, a 2 x 2 grid on phones. "Privacy" sits on the copyright line (owner 2026-10-11; it was a lone
   "Analytics privacy" row under a filler line). */
body>footer .footer-nav{gap:clamp(28px,3.4vw,52px)}
body>footer .footer-privacy{display:inline-flex;align-items:center;min-height:32px;color:#cecece;font-size:13px;text-decoration:none;transition:color .2s}
body>footer .footer-privacy::before{content:"\00b7";margin:0 .7em 0 .4em;color:#8a8a8a}
body>footer .footer-privacy:hover{color:#fff}
@media(max-width:760px){
 body>footer .footer-top>div:first-child{flex:0 0 auto}
 body>footer .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;width:100%}
}

/* Chrome system (2026-10-09 audit): one header, menu and footer across the main site, Workbench, Help and [creations].
   1. Header labels share one centre line: nav links are 40 px flex boxes like the search bar and the CTA (they sat
      1.5-2 px low because the inline padding box hung off the text baseline). */
@media(min-width:769px){
 #mainNav .nav-links li{display:flex}
 #mainNav .nav-links a{display:inline-flex;align-items:center;min-height:40px;padding-block:0}
}
/* 2. Phones: [creations] and product pages end "Menu" on the page gutter like the main site (it sat 11 px inside). */
@media(max-width:768px){
 html body.page-creations #hamburgerBtn{margin-right:-11px}
}
/* 3. Footer: the same column headings and brand line everywhere (Workbench headings were light, the homepage brand
      line was larger and narrower than every other page's). */
html body>footer .footer-col .footer-heading{font-weight:700}
html body>footer .footer-top>div>p.footer-shop-copy{max-width:40ch;font-size:.85rem;line-height:1.8}
/* 4. One focus ring weight: the phone menu toggle, menu rows and the footer privacy link drew 1 px rings while every other
      header, footer and search control draws 2 px. */
html body #hamburgerBtn:focus-visible,
html body #mobileMenu a:focus-visible,
html body>footer .footer-privacy:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* Six header links since "Partnerships" (2026-10-10): at 769-900px the links tighten and the search button keeps its
   square, so the logo, links, search and CTA never touch. */
@media(min-width:769px) and (max-width:900px){
 #mainNav .nav-links{gap:.8rem;margin:0 10px 0 22px}
 #mainNav .nav-links a{font-size:11.5px;letter-spacing:.05em}
 #mainNav .site-search-open{flex:none;margin-left:8px}
}
/* Same reason at 1101-1279px (the search becomes a bar) and 1400-1599px (links centred on the page; the [creations]
   labels are longer): a little less space between links so they never run into the search bar. */
@media(min-width:1101px) and (max-width:1279px){#mainNav .nav-links{gap:1.25rem}#mainNav .site-search-open{width:150px}}
@media(min-width:1400px) and (max-width:1599px){#mainNav .nav-links{gap:1.5rem}body.page-creations #mainNav .nav-links{gap:1.1rem}}
/* Old tech in the desktop header (owner 2026-10-10: "without adding too much clutter"): not a seventh centred link but a
   quiet utility link (box icon + label, no frame) on the right, beside the search bar, so the six section links keep
   their spacing. Shown from 1280px where the right group has room; the phone menu lists it after Partnerships. */
#mainNav .nav-util{display:none}
@media(min-width:1280px){
 #mainNav .nav-util{display:inline-flex;align-items:center;gap:7px;height:40px;margin:0 14px 0 auto;padding:0 2px;flex:none;font:400 13px/1 'DM Sans',sans-serif;letter-spacing:.01em;color:#f5f5f5a8;text-decoration:none;white-space:nowrap;transition:color .2s}
 #mainNav .nav-util svg{width:16px;height:16px;flex:none}
 #mainNav .nav-util:hover,#mainNav .nav-util[aria-current="page"]{color:#fff}
 #mainNav .nav-util[aria-current="page"]{text-shadow:0 0 1px #ffffffb3,0 0 7px #ffffff8c,0 0 16px #e6ecf866}
 #mainNav .nav-util:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
 #mainNav .nav-util+.site-search-open{margin-left:0}
}
@media(min-width:1280px) and (max-width:1399px){#mainNav .nav-util+.site-search-open{width:150px}}
/* With the extra link the right group is wider, so the links stay centred between logo and search (as below 1400px)
   until 1900px, where page-centred links clear it again (the homepage's wider gutter included). */
@media(min-width:1400px) and (max-width:1899px){#mainNav:has(.nav-util) .nav-links{position:static;transform:none;margin:0 auto}}

/* Phone footer (owner 2026-10-11): the Designs column is dropped on phones; [creations] in Explore leads there. */
@media (max-width: 760px) { body > footer .footer-col:has(a[href$="#cooling"]) { display: none; } }
/* ...so Good to know spans the row and lists its four links in two columns under Explore and Connect (owner 2026-10-11). */
@media (max-width: 760px) {
 body > footer .footer-nav > .footer-col:last-child { grid-column: 1 / -1; }
 body > footer .footer-nav > .footer-col:last-child ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, auto); grid-auto-flow: column; column-gap: 24px; }
}


/* Link buttons (owner 2026-10-11: "every one"): every standalone link and link button is a rounded button with a
   filled circle in the text colour; the arrow is cut out of the circle, so it shows the button's own colour and
   contrasts on dark and light. Arrow: up-right to another page, toward the target on the same page, right for a
   pop-up preview. Plain text links (first list) get the whole button; existing pill buttons (second list) keep their
   own fill and get the radius and the circle. Add new standalone links to one of the two lists. */
html body.page-home .text-link,html body .model-contact,html body .product-secondary>a,html body.page-home .home-build-story .feature-actions a:not(.build-watch),html body .review-design-link,html body .help-back,html body .journey-link,html body .editorial-links a,html body .founder-links a,html body .fan-compare-side>a:not(.fan-compare-image-link),html body.page-creations p>a[href$="#test-notes"]:only-child,html body .pw-all,html body .rail-all,html body .wb-rail-all,html body .product-guide-link a,html body .bento-note-link,html body .custom-note-link,html body .wwu-review-link a,html body .wwu-kit-link,html body.page-work .wwu-go,html body.page-work .wwu-direct ul a,html body.page-work .wwu-review figcaption a,html body.page-work .wwu-proof-link a,html body.page-work .wwu-case-rel,html body .product-case-more,html body .pr-all,html body .workbench-rss-link,html body .privacy-end p>a,html body .channel-link,html body .contact-setup-note a,html body .contact-detail-value a,html body .post-back,html body .post-3d-link,html body .help-toc-back,html body .help-toc-help,html body .help-toc-close,html body .help-shop{display:inline-block!important;position:relative!important;width:fit-content!important;max-width:100%;align-self:flex-start;padding:12px 54px 12px 18px!important;min-height:46px;box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 34%,transparent)!important;border-radius:12px!important;background:color-mix(in srgb,currentColor 6%,transparent)!important;background-image:none!important;font-family:'DM Sans',sans-serif;font-size:14px!important;font-weight:500!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:normal!important;opacity:1!important;transition:border-color .2s,background-color .2s}
html body.page-home .home-build-story .feature-actions a.build-watch:hover,html body.page-home .text-link:hover,html body .model-contact:hover,html body .product-secondary>a:hover,html body.page-home .home-build-story .feature-actions a:not(.build-watch):hover,html body .review-design-link:hover,html body .help-back:hover,html body .journey-link:hover,html body .editorial-links a:hover,html body .founder-links a:hover,html body .fan-compare-side>a:not(.fan-compare-image-link):hover,html body.page-creations p>a[href$="#test-notes"]:only-child:hover,html body .pw-all:hover,html body .rail-all:hover,html body .wb-rail-all:hover,html body .product-guide-link a:hover,html body .bento-note-link:hover,html body .custom-note-link:hover,html body .wwu-review-link a:hover,html body .wwu-kit-link:hover,html body.page-work .wwu-go:hover,html body.page-work .wwu-direct ul a:hover,html body.page-work .wwu-review figcaption a:hover,html body.page-work .wwu-proof-link a:hover,html body.page-work .wwu-case-rel:hover,html body .product-case-more:hover,html body .pr-all:hover,html body .workbench-rss-link:hover,html body .privacy-end p>a:hover,html body .channel-link:hover,html body .contact-setup-note a:hover,html body .contact-detail-value a:hover,html body .post-back:hover,html body .post-3d-link:hover,html body .help-toc-back:hover,html body .help-toc-help:hover,html body .help-toc-close:hover,html body .help-shop:hover{border-color:color-mix(in srgb,currentColor 70%,transparent)!important;background-color:color-mix(in srgb,currentColor 11%,transparent)!important}
html body .home-oldtech-link,html body .model-page-cta,html body .studio-details-link,html body .home-forum-cta,html body a.ot-btn,html body a.wwu-btn,html body a.btn-primary,html body .product-buy,html body a.product-actionbar-btn,html body .review-etsy-button,html body .hero-shop-link,html body .model-shop,html body .rb-all,html body .wb-link,html body .help-contact>a,html body .post-cta>a,html body .help-end-link,html body .mto-cta a,html body .help-toc-page,html body .sv-start{position:relative!important;display:inline-flex!important;align-items:center;min-height:46px;box-sizing:border-box;padding-right:54px!important;border-radius:12px!important;text-decoration:none!important}
html body.page-home .text-link *,html body .model-contact *,html body .product-secondary>a *,html body.page-home .home-build-story .feature-actions a:not(.build-watch) *,html body .review-design-link *,html body .help-back *,html body .journey-link *,html body .editorial-links a *,html body .founder-links a *,html body .fan-compare-side>a:not(.fan-compare-image-link) *,html body.page-creations p>a[href$="#test-notes"]:only-child *,html body .pw-all *,html body .rail-all *,html body .wb-rail-all *,html body .product-guide-link a *,html body .bento-note-link *,html body .custom-note-link *,html body .wwu-review-link a *,html body .wwu-kit-link *,html body.page-work .wwu-go *,html body.page-work .wwu-direct ul a *,html body.page-work .wwu-review figcaption a *,html body.page-work .wwu-proof-link a *,html body.page-work .wwu-case-rel *,html body .product-case-more *,html body .pr-all *,html body .workbench-rss-link *,html body .privacy-end p>a *,html body .channel-link *,html body .contact-setup-note a *,html body .contact-detail-value a *,html body .post-back *,html body .post-3d-link *,html body .home-oldtech-link *,html body .model-page-cta *,html body .studio-details-link *,html body .home-forum-cta *,html body a.ot-btn *,html body a.wwu-btn *,html body a.btn-primary *,html body .product-buy *,html body a.product-actionbar-btn *,html body .review-etsy-button *,html body .hero-shop-link *,html body .model-shop *,html body .rb-all *,html body .wb-link *,html body .help-contact>a *,html body .post-cta>a *,html body .help-end-link *,html body .mto-cta a *,html body .help-toc-back *,html body .help-toc-help *,html body .help-toc-close *,html body .help-shop *,html body .help-toc-page *,html body .sv-start *{text-decoration:none!important}
html body.page-home .text-link svg,html body .model-contact svg,html body .product-secondary>a svg,html body.page-home .home-build-story .feature-actions a:not(.build-watch) svg,html body .review-design-link svg,html body .help-back svg,html body .journey-link svg,html body .editorial-links a svg,html body .founder-links a svg,html body .fan-compare-side>a:not(.fan-compare-image-link) svg,html body.page-creations p>a[href$="#test-notes"]:only-child svg,html body .pw-all svg,html body .rail-all svg,html body .wb-rail-all svg,html body .product-guide-link a svg,html body .bento-note-link svg,html body .custom-note-link svg,html body .wwu-review-link a svg,html body .wwu-kit-link svg,html body.page-work .wwu-go svg,html body.page-work .wwu-direct ul a svg,html body.page-work .wwu-review figcaption a svg,html body.page-work .wwu-proof-link a svg,html body.page-work .wwu-case-rel svg,html body .product-case-more svg,html body .pr-all svg,html body .workbench-rss-link svg,html body .privacy-end p>a svg,html body .channel-link svg,html body .contact-setup-note a svg,html body .contact-detail-value a svg,html body .post-back svg,html body .post-3d-link svg,html body .home-oldtech-link svg,html body .model-page-cta svg,html body .studio-details-link svg,html body .home-forum-cta svg,html body a.ot-btn svg,html body a.wwu-btn svg,html body a.btn-primary svg,html body .product-buy svg,html body a.product-actionbar-btn svg,html body .review-etsy-button svg,html body .hero-shop-link svg,html body .model-shop svg,html body .rb-all svg,html body .wb-link svg,html body .help-contact>a svg,html body .post-cta>a svg,html body .help-end-link svg,html body .mto-cta a svg,html body .help-toc-back svg,html body .help-toc-help svg,html body .help-toc-close svg,html body .help-shop svg,html body .help-toc-page svg,html body .sv-start svg{display:none!important}
html body.page-home .text-link::before,html body .model-contact::before,html body .product-secondary>a::before,html body.page-home .home-build-story .feature-actions a:not(.build-watch)::before,html body .review-design-link::before,html body .help-back::before,html body .journey-link::before,html body .editorial-links a::before,html body .founder-links a::before,html body .fan-compare-side>a:not(.fan-compare-image-link)::before,html body.page-creations p>a[href$="#test-notes"]:only-child::before,html body .pw-all::before,html body .rail-all::before,html body .wb-rail-all::before,html body .product-guide-link a::before,html body .bento-note-link::before,html body .custom-note-link::before,html body .wwu-review-link a::before,html body .wwu-kit-link::before,html body.page-work .wwu-go::before,html body.page-work .wwu-direct ul a::before,html body.page-work .wwu-review figcaption a::before,html body.page-work .wwu-proof-link a::before,html body.page-work .wwu-case-rel::before,html body .product-case-more::before,html body .pr-all::before,html body .workbench-rss-link::before,html body .privacy-end p>a::before,html body .channel-link::before,html body .contact-setup-note a::before,html body .contact-detail-value a::before,html body .post-back::before,html body .post-3d-link::before,html body .home-oldtech-link::before,html body .model-page-cta::before,html body .studio-details-link::before,html body .home-forum-cta::before,html body a.ot-btn::before,html body a.wwu-btn::before,html body a.btn-primary::before,html body .product-buy::before,html body a.product-actionbar-btn::before,html body .review-etsy-button::before,html body .hero-shop-link::before,html body .model-shop::before,html body .rb-all::before,html body .wb-link::before,html body .help-contact>a::before,html body .post-cta>a::before,html body .help-end-link::before,html body .mto-cta a::before,html body .help-toc-back::before,html body .help-toc-help::before,html body .help-toc-close::before,html body .help-shop::before,html body .help-toc-page::before,html body .sv-start::before{display:none!important}
html body.page-home .home-build-story .feature-actions a.build-watch::after,html body.page-home .text-link::after,html body .model-contact::after,html body .product-secondary>a::after,html body.page-home .home-build-story .feature-actions a:not(.build-watch)::after,html body .review-design-link::after,html body .help-back::after,html body .journey-link::after,html body .editorial-links a::after,html body .founder-links a::after,html body .fan-compare-side>a:not(.fan-compare-image-link)::after,html body.page-creations p>a[href$="#test-notes"]:only-child::after,html body .pw-all::after,html body .rail-all::after,html body .wb-rail-all::after,html body .product-guide-link a::after,html body .bento-note-link::after,html body .custom-note-link::after,html body .wwu-review-link a::after,html body .wwu-kit-link::after,html body.page-work .wwu-go::after,html body.page-work .wwu-direct ul a::after,html body.page-work .wwu-review figcaption a::after,html body.page-work .wwu-proof-link a::after,html body.page-work .wwu-case-rel::after,html body .product-case-more::after,html body .pr-all::after,html body .workbench-rss-link::after,html body .privacy-end p>a::after,html body .channel-link::after,html body .contact-setup-note a::after,html body .contact-detail-value a::after,html body .post-back::after,html body .post-3d-link::after,html body .home-oldtech-link::after,html body .model-page-cta::after,html body .studio-details-link::after,html body .home-forum-cta::after,html body a.ot-btn::after,html body a.wwu-btn::after,html body a.btn-primary::after,html body .product-buy::after,html body a.product-actionbar-btn::after,html body .review-etsy-button::after,html body .hero-shop-link::after,html body .model-shop::after,html body .rb-all::after,html body .wb-link::after,html body .help-contact>a::after,html body .post-cta>a::after,html body .help-end-link::after,html body .mto-cta a::after,html body .help-toc-back::after,html body .help-toc-help::after,html body .help-toc-close::after,html body .help-shop::after,html body .help-toc-page::after,html body .sv-start::after{content:""!important;display:block!important;position:absolute!important;inset:50% 7px auto auto!important;translate:0 -50%;width:32px!important;height:32px!important;margin:0!important;border:0!important;border-radius:50%;background:currentColor!important;box-shadow:none!important;opacity:1!important;transform:none!important;filter:none!important;animation:none!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21 21 11'/%3E%3Cpath d='M13.5 11H21v7.5'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21 21 11'/%3E%3Cpath d='M13.5 11H21v7.5'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html body.page-home .home-build-story .feature-actions a.build-watch:focus-visible,html body.page-home .text-link:focus-visible,html body .model-contact:focus-visible,html body .product-secondary>a:focus-visible,html body.page-home .home-build-story .feature-actions a:not(.build-watch):focus-visible,html body .review-design-link:focus-visible,html body .help-back:focus-visible,html body .journey-link:focus-visible,html body .editorial-links a:focus-visible,html body .founder-links a:focus-visible,html body .fan-compare-side>a:not(.fan-compare-image-link):focus-visible,html body.page-creations p>a[href$="#test-notes"]:only-child:focus-visible,html body .pw-all:focus-visible,html body .rail-all:focus-visible,html body .wb-rail-all:focus-visible,html body .product-guide-link a:focus-visible,html body .bento-note-link:focus-visible,html body .custom-note-link:focus-visible,html body .wwu-review-link a:focus-visible,html body .wwu-kit-link:focus-visible,html body.page-work .wwu-go:focus-visible,html body.page-work .wwu-direct ul a:focus-visible,html body.page-work .wwu-review figcaption a:focus-visible,html body.page-work .wwu-proof-link a:focus-visible,html body.page-work .wwu-case-rel:focus-visible,html body .product-case-more:focus-visible,html body .pr-all:focus-visible,html body .workbench-rss-link:focus-visible,html body .privacy-end p>a:focus-visible,html body .channel-link:focus-visible,html body .contact-setup-note a:focus-visible,html body .contact-detail-value a:focus-visible,html body .post-back:focus-visible,html body .post-3d-link:focus-visible,html body .home-oldtech-link:focus-visible,html body .model-page-cta:focus-visible,html body .studio-details-link:focus-visible,html body .home-forum-cta:focus-visible,html body a.ot-btn:focus-visible,html body a.wwu-btn:focus-visible,html body a.btn-primary:focus-visible,html body .product-buy:focus-visible,html body a.product-actionbar-btn:focus-visible,html body .review-etsy-button:focus-visible,html body .hero-shop-link:focus-visible,html body .model-shop:focus-visible,html body .rb-all:focus-visible,html body .wb-link:focus-visible,html body .help-contact>a:focus-visible,html body .post-cta>a:focus-visible,html body .help-end-link:focus-visible,html body .mto-cta a:focus-visible,html body .help-toc-back:focus-visible,html body .help-toc-help:focus-visible,html body .help-toc-close:focus-visible,html body .help-shop:focus-visible,html body .help-toc-page:focus-visible,html body .sv-start:focus-visible{outline:2px solid currentColor;outline-offset:3px}
/* Same page: toward the target (down unless it sits above). */
html body.page-home .text-link[href^="#"]::after,html body .model-contact[href^="#"]::after,html body .product-secondary>a[href^="#"]::after,html body.page-home .home-build-story .feature-actions a:not(.build-watch)[href^="#"]::after,html body .review-design-link[href^="#"]::after,html body .help-back[href^="#"]::after,html body .journey-link[href^="#"]::after,html body .editorial-links a[href^="#"]::after,html body .founder-links a[href^="#"]::after,html body .fan-compare-side>a:not(.fan-compare-image-link)[href^="#"]::after,html body.page-creations p>a[href$="#test-notes"]:only-child[href^="#"]::after,html body .pw-all[href^="#"]::after,html body .rail-all[href^="#"]::after,html body .wb-rail-all[href^="#"]::after,html body .product-guide-link a[href^="#"]::after,html body .bento-note-link[href^="#"]::after,html body .custom-note-link[href^="#"]::after,html body .wwu-review-link a[href^="#"]::after,html body .wwu-kit-link[href^="#"]::after,html body.page-work .wwu-go[href^="#"]::after,html body.page-work .wwu-direct ul a[href^="#"]::after,html body.page-work .wwu-review figcaption a[href^="#"]::after,html body.page-work .wwu-proof-link a[href^="#"]::after,html body.page-work .wwu-case-rel[href^="#"]::after,html body .product-case-more[href^="#"]::after,html body .pr-all[href^="#"]::after,html body .workbench-rss-link[href^="#"]::after,html body .privacy-end p>a[href^="#"]::after,html body .channel-link[href^="#"]::after,html body .contact-setup-note a[href^="#"]::after,html body .post-back[href^="#"]::after,html body .post-3d-link[href^="#"]::after,html body .home-oldtech-link[href^="#"]::after,html body .model-page-cta[href^="#"]::after,html body .studio-details-link[href^="#"]::after,html body .home-forum-cta[href^="#"]::after,html body a.ot-btn[href^="#"]::after,html body a.wwu-btn[href^="#"]::after,html body a.btn-primary[href^="#"]::after,html body .product-buy[href^="#"]::after,html body a.product-actionbar-btn[href^="#"]::after,html body .review-etsy-button[href^="#"]::after,html body .hero-shop-link[href^="#"]::after,html body .model-shop[href^="#"]::after,html body .rb-all[href^="#"]::after,html body .wb-link[href^="#"]::after,html body .help-contact>a[href^="#"]::after,html body .post-cta>a[href^="#"]::after,html body .help-end-link[href^="#"]::after,html body .mto-cta a[href^="#"]::after,html body .help-toc-help[href^="#"]::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 9v14'/%3E%3Cpath d='M10 17l6 6 6-6'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 9v14'/%3E%3Cpath d='M10 17l6 6 6-6'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E")!important}
html body .help-back[href="#your-product"]::after,html body .help-toc-back[href="#your-product"]::after,html body .help-toc-close::after,html body .help-end-link[href="#your-product"]::after,html body.page-work .wwu-review figcaption a[href^="#"]::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 23V9'/%3E%3Cpath d='M10 15l6-6 6 6'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 23V9'/%3E%3Cpath d='M10 15l6-6 6 6'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E")!important}
/* [creations] comparison "Explore this mount" opens the preview: a pop-up. */
html body.page-creations:not(.page-product) .fan-compare-side>a:not(.fan-compare-image-link)::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 16h14'/%3E%3Cpath d='M17 10l6 6-6 6'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 16h14'/%3E%3Cpath d='M17 10l6 6-6 6'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E")!important}
/* "Start step-by-step setup" (Help and product pages) opens the step viewer: a pop-up. */
html body .sv-start::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 16h14'/%3E%3Cpath d='M17 10l6 6-6 6'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cmask id='m'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 16h14'/%3E%3Cpath d='M17 10l6 6-6 6'/%3E%3C/g%3E%3C/mask%3E%3Ccircle cx='16' cy='16' r='16' fill='white' mask='url(%23m)'/%3E%3C/svg%3E")!important}
/* Smaller versions: inside review cards and the sticky product action bar. */
html body .review-design-link{padding:8px 40px 8px 14px!important;min-height:36px;font-size:12.5px!important;border-radius:10px!important}
html body .review-design-link::after,html body a.product-actionbar-btn::after{width:24px!important;height:24px!important;right:6px!important}
html body a.product-actionbar-btn{min-height:36px;padding-right:38px!important}
html body .review-design-link strong{font-weight:600}
/* Hero chapter tiles: same filled circle; Channel and Community scroll down the page. */
.page-home .hero-chapters a:not(.hero-chapter-out) .ui-arrow{background:#f4f4f1;color:#151515;border-color:#f4f4f1!important}

/* Plain text links that sat in the pill list: give them the whole button. */
html body .rb-all,html body .hero-shop-link{padding:12px 54px 12px 18px!important;border:1px solid color-mix(in srgb,currentColor 34%,transparent)!important;background:color-mix(in srgb,currentColor 6%,transparent)!important;font-size:14px!important;font-weight:500!important}
/* The forum call to action keeps its own padding rule; make room for the circle. */
html body.page-home .forum-stage .forum-stage-cta .home-forum-cta{padding-right:62px!important}
/* [creations] preview: keep the studio's own show/hide for these two (single-column studio shows Details, hides Ask). */
html body #modelPreview.is-studio .studio-details-link{display:none!important}
html body #modelPreview .model-contact{display:none!important}
@media (min-width: 761px) and (min-width: 1025px), (min-width: 761px) and (orientation: landscape) {
  html body #modelPreview .model-contact{display:inline-block!important}
}
@media (max-width: 760px), (max-width: 1024px) and (orientation: portrait) {
  html body #modelPreview.is-studio .studio-details-link{display:inline-flex!important}
  html body #modelPreview .model-contact{display:none!important}
}
@media (max-width: 760px) {
  html body #modelPreview .studio-details-link,html body #modelPreview .model-shop{padding-right:40px!important;white-space:nowrap}
  html body #modelPreview .studio-details-link::after,html body #modelPreview .model-shop::after{width:26px!important;height:26px!important;right:7px!important}
}
html body .channel-link{white-space:nowrap!important;flex:none}

/* Header: [creations] keeps its lowercase brand spelling inside the uppercase nav (owner 2026-10-11). */
html body #mainNav .nav-links a[href="https://creations.bankasimedia.com/"]{text-transform:none!important;letter-spacing:.02em!important;font-size:13px!important}
/* Footer column headings glow like the current-page link (owner 2026-10-11; weight stays 700). */
html body .footer-col .footer-heading{color:#fff!important;text-shadow:0 0 1px #ffffffb3,0 0 7px #ffffff8c,0 0 16px #e6ecf866,0 0 28px #dce5f533}

/* BANKASI MEDIA lockup (owner 2026-10-13): 800 extra bold, MEDIA cap-top on BANKASI's cap-top line.
   MEDIA sits on the baseline and is raised by cap height x (size ratio - 1), in its own em:
   main 0.71 x (16.8/7.36 - 1) = .911em (Geist); [creations] 0.70 x (1/.58 - 1) = .507em (DM Sans).
   [creations] uses 'DM Sans Print' (same DM Sans file, 100-1000) because its 'DM Sans' face stops at 700. */
html body #mainNav .nav-logo,html body footer .nav-logo{align-items:baseline!important}
html body .nav-logo .logo-main{font-weight:800!important}
html body .nav-logo .logo-sup{font-weight:800!important;vertical-align:baseline!important;position:relative!important;top:-.911em!important;margin-top:0!important}
html body .creations-parent-name,html body .creations-parent-name sup{font-weight:800!important;font-family:'DM Sans Print','DM Sans',sans-serif!important}
html body .creations-parent-name sup{vertical-align:baseline!important;position:relative!important;top:-.507em!important}
/* [creations] wordmark (owner 2026-10-13): 500 medium in the header, hero (incl. the loading mark and typewriter layers) and footer, was 300. */
html body.page-creations .creations-bracket{font-weight:500!important}
/* /assets/css/workbench-v2.css */
/* Workbench redesign (2026-10). Loaded last on every Workbench page. Borrows the rest of the site's language:
   dark hero with a "New" pill and a frosted chapter bar (homepage), rounded bento cards on warm off-white
   ([creations]), quiet underline tabs (homepage cooling tabs) and the line-art panels from Help.
   No lift on hover: borders and a soft ring only. */
:root{--wb-surface:#f4f2ee;--wb-card:#faf9f6;--wb-line:#e1ddd5;--wb-ink:#151515;--wb-muted:#5f5c57;--wb-panel:#f6f6f5;--wb-art:#eeefea}

/* ---------- Index hero ---------- */
.wb-hero{position:relative;padding:calc(var(--nav-h,76px) + clamp(48px,7vw,96px)) var(--page-gutter,clamp(16px,5vw,72px)) clamp(36px,5vw,56px)!important;background:radial-gradient(ellipse 70% 120% at 85% 0,#2a2d30 0,#151515 60%)!important;overflow:hidden}
.wb-hero h1{margin:0 0 18px;font:300 clamp(48px,8vw,104px)/.98 'Cormorant Garamond',serif!important;letter-spacing:-.02em;color:#f4f4f1}
.wb-hero h1 em{font-style:italic}
.wb-hero>p:not(.section-label){max-width:46ch;font:400 clamp(16px,1.6vw,19px)/1.6 'DM Sans',sans-serif;color:#c9cdd1}
.wb-hero .section-label{margin:0 0 14px;color:#aab1b8}
.wb-hero-new{display:inline-flex;align-items:center;gap:12px;max-width:100%;margin:0 0 28px;padding:6px 14px 6px 6px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff12;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f1f2f3;font:400 14px/1.3 'DM Sans',sans-serif;text-decoration:none;transition:border-color .2s,background-color .2s}
.wb-hero-new span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-hero-new:hover{border-color:#ffffff59;background:#ffffff1c}
.wb-hero-new-tag{flex:none;padding:4px 10px;border-radius:999px;background:#f2f2ef;color:#151515;font:500 11px/1 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.wb-hero-new .ui-arrow{flex:none;width:16px;height:16px}
.wb-hero-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(36px,5vw,56px) 0 0;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.wb-hero-chapters a{display:grid;gap:4px;padding:18px 22px;color:#f4f4f1;text-decoration:none;transition:background-color .25s}
.wb-hero-chapters a+a{border-left:1px solid #ffffff1f}
.wb-hero-chapters a:hover{background:#ffffff10}
.wb-hero-chapters a:focus-visible{outline:2px solid #e6eef6;outline-offset:-4px}
.wb-chapter-kicker{font:500 11px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#aab1b8}
.wb-chapter-label{font:400 16px/1.35 'DM Sans',sans-serif}
.wb-chapter-count{font:400 12px/1.3 'DM Sans',sans-serif;color:#8f969d}

/* ---------- Tools: quiet underline tabs + search ---------- */
.workbench-section{background:var(--wb-surface)}
.workbench-section .workbench-tools{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;padding-bottom:0;border-bottom:1px solid #d9d5cd}
.workbench-section .workbench-filters{display:flex;flex-wrap:wrap;gap:4px 26px}
.workbench-section .workbench-filter{position:relative;padding:10px 0 14px!important;border:0!important;border-radius:0!important;background:none!important;color:#6b6862!important;font:500 14px/1.2 'DM Sans',sans-serif!important;box-shadow:none!important;cursor:pointer;transition:color .2s}
.workbench-section .workbench-filter:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#151515;opacity:0;transition:opacity .2s}
.workbench-section .workbench-filter:hover{color:#151515!important}
.workbench-section .workbench-filter[aria-pressed="true"]{color:#151515!important}
.workbench-section .workbench-filter[aria-pressed="true"]:after{opacity:1}
.workbench-section .workbench-filter .filter-count{margin-left:6px;color:#6b675f;font-weight:400;background:none!important;padding:0!important}
.workbench-section .workbench-filter:focus-visible{outline:2px solid #151515;outline-offset:4px}
.workbench-section .workbench-utility{display:flex;align-items:center;gap:12px;padding-bottom:10px}
.workbench-section .workbench-search{height:40px;width:min(260px,60vw);padding:0 16px;border:1px solid #d3cfc7!important;border-radius:999px!important;background:#fff!important;font:400 14px 'DM Sans',sans-serif}
.workbench-section .workbench-search:focus-visible{outline:2px solid #151515;outline-offset:2px}
.workbench-section .workbench-rss-link{font:500 12px 'DM Sans',sans-serif;letter-spacing:.08em;color:#6b6862}
.workbench-section .workbench-result-count{margin:14px 0 0;font:400 13px 'DM Sans',sans-serif;color:#6b675f}

/* ---------- Chapters ---------- */
.workbench-section .workbench-editorial .workbench-chapter{margin:clamp(40px,6vw,80px) 0 0}
.workbench-section .wb-chapter-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin:0 0 24px;padding-top:24px;border-top:1px solid #d9d5cd}
.workbench-section .wb-chapter-head .chapter-heading{margin:0;font:300 clamp(32px,4vw,48px)/1.05 'Cormorant Garamond',serif;color:var(--wb-ink)}
.workbench-section .wb-chapter-head p{margin:0;max-width:48ch;font:400 14px/1.5 'DM Sans',sans-serif;color:var(--wb-muted)}
.workbench-section .chapter-featured .wb-chapter-head{border-top:0;padding-top:0}

/* ---------- Cards (bento + grid share one look) ---------- */
.workbench-section .workbench-editorial .workbench-card{display:flex!important;flex-direction:column;height:100%;padding:0!important;border:1px solid var(--wb-line)!important;border-radius:14px!important;background:var(--wb-card)!important;overflow:hidden!important;color:var(--wb-ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.workbench-section .workbench-editorial .workbench-card:hover{border-color:#9ea7b3!important;box-shadow:0 0 0 3px #b9c6d633,0 18px 40px #1515150d}
.workbench-section .workbench-editorial .workbench-card:focus-visible{outline:2px solid #151515;outline-offset:3px}
.workbench-section .workbench-editorial .workbench-card-image{flex:none;aspect-ratio:4/3;border-radius:0!important;background:#e9e6df!important;overflow:hidden}
.workbench-section .workbench-editorial .workbench-card-image img{display:block;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;padding:0!important}
.workbench-section .workbench-editorial .workbench-card-image.is-render{background:var(--wb-panel)!important}
.workbench-section .workbench-editorial .workbench-card-image.is-render img{object-fit:contain!important;padding:6%!important}
.workbench-section .workbench-editorial .workbench-card-image.is-drawing{background:var(--wb-art)!important}
.workbench-section .workbench-editorial .workbench-card-image.is-drawing img{object-fit:contain!important;padding:4%!important}
.workbench-section .workbench-editorial .workbench-card-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 18px!important}
.workbench-section .workbench-editorial .card-meta{display:flex;flex-direction:row!important;align-items:center;gap:10px;font:400 12px/1.2 'DM Sans',sans-serif;color:#6b675f}
.workbench-section .workbench-editorial .card-tag{padding:3px 8px;border:1px solid #d3cfc7;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5f5c57;background:transparent}
.workbench-section .workbench-editorial .card-title{margin:12px 0 8px!important;font:400 clamp(24px,2.2vw,28px)/1.12 'Cormorant Garamond',serif!important;color:var(--wb-ink)!important}
.workbench-section .workbench-editorial .card-excerpt{display:block!important;margin:0;font:400 14px/1.6 'DM Sans',sans-serif;color:var(--wb-muted)}
.workbench-section .workbench-editorial .card-footer{display:flex!important;align-items:center;justify-content:space-between;margin-top:auto!important;padding-top:16px!important;border:0!important;font:500 13px 'DM Sans',sans-serif}
.workbench-section .workbench-editorial .card-footer .ui-arrow{width:16px;height:16px;transition:transform .2s}
.workbench-section .workbench-editorial .workbench-card:hover .card-footer .ui-arrow{transform:translateX(3px)}

/* Latest: bento with one cover story */
.workbench-section .wb-bento{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.workbench-section .wb-bento .wb-cover{grid-column:span 2;grid-row:span 2}
.workbench-section .wb-bento .wb-cover .workbench-card-image{aspect-ratio:auto;flex:1;min-height:320px}
.workbench-section .wb-bento .wb-cover .card-title{font-size:clamp(34px,3.6vw,48px)!important;line-height:1.02!important}
.workbench-section .wb-bento .wb-cover .card-excerpt{font-size:16px;max-width:52ch}
.workbench-section .wb-bento .wb-tile .card-excerpt{display:none!important}
.workbench-section .wb-bento .wb-tile .workbench-card-image{aspect-ratio:16/10}

/* Category grids */
.workbench-section .wb-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

/* Earlier stories: compact rows */
.workbench-section .wb-archive{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.workbench-section .workbench-editorial .archive-card{flex-direction:row!important;align-items:center;min-height:0}
.workbench-section .workbench-editorial .archive-card .workbench-card-image{display:block!important;width:112px;aspect-ratio:1;flex:none}
.workbench-section .workbench-editorial .archive-card .workbench-card-body{display:flex!important;padding:14px 18px!important}
.workbench-section .workbench-editorial .archive-card .card-title{font-size:22px!important;margin:8px 0 0!important}
.workbench-section .workbench-editorial .archive-card .card-excerpt,.workbench-section .workbench-editorial .archive-card .card-footer{display:none!important}

/* Filtered / searched: every match in one even grid */
.workbench-section .workbench-editorial.is-filtered .workbench-chapter{margin:24px 0 0}
.workbench-section .workbench-editorial.is-filtered .wb-chapter-head{display:none}
.workbench-section .workbench-editorial.is-filtered .chapter-stories{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.workbench-section .workbench-editorial.is-filtered .wb-cover{grid-column:auto;grid-row:auto}
.workbench-section .workbench-editorial.is-filtered .workbench-card{display:flex!important;padding:0!important}
.workbench-section .workbench-editorial.is-filtered .workbench-card img{height:100%!important}
.workbench-section .workbench-editorial.is-filtered .wb-cover .card-title{font-size:clamp(24px,2.2vw,28px)!important}

@media(max-width:1060px){
 .workbench-section .wb-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workbench-section .wb-grid,.workbench-section .workbench-editorial.is-filtered .chapter-stories{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .wb-hero-chapters{grid-template-columns:1fr}
 .wb-hero-chapters a+a{border-left:0;border-top:1px solid #ffffff1f}
 .wb-hero-chapters a{grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:14px 16px}
 .wb-chapter-label{font-size:14px}
 .workbench-section .workbench-tools{align-items:stretch}
 .workbench-section .workbench-filters{gap:2px 18px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
 .workbench-section .workbench-filter{white-space:nowrap}
 .workbench-section .workbench-utility{width:100%}
 .workbench-section .workbench-search-wrap{flex:1}
 .workbench-section .workbench-search{width:100%}
 .workbench-section .wb-bento,.workbench-section .wb-grid,.workbench-section .wb-archive,.workbench-section .workbench-editorial.is-filtered .chapter-stories{grid-template-columns:1fr}
 .workbench-section .wb-bento .wb-cover{grid-column:auto;grid-row:auto}
 .workbench-section .wb-bento .wb-cover .workbench-card-image{min-height:0;aspect-ratio:4/3}
 .workbench-section .workbench-editorial .archive-card .workbench-card-image{width:88px}
}

/* ---------- Articles ---------- */
.article-refresh .post-hero{padding:calc(var(--nav-h,76px) + clamp(40px,6vw,88px)) var(--page-gutter,clamp(16px,5vw,72px)) clamp(40px,5vw,64px)!important;background:radial-gradient(ellipse 70% 130% at 90% 0,#2a2d30 0,#151515 62%)!important}
.article-refresh .post-hero>*{max-width:900px;margin-left:auto;margin-right:auto}
.article-refresh .post-hero h1{margin-top:18px;margin-bottom:18px;font:300 clamp(40px,6.4vw,80px)/1.02 'Cormorant Garamond',serif!important;letter-spacing:-.015em;color:#f4f4f1}
.article-refresh .post-deck{font:400 clamp(17px,1.7vw,20px)/1.6 'DM Sans',sans-serif!important;color:#c9cdd1!important;max-width:60ch}
.article-refresh .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:400 13px 'DM Sans',sans-serif;color:#aab1b8}
.article-refresh .post-tag{padding:4px 10px;border:1px solid #ffffff33;border-radius:999px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#e7e9eb}
.article-refresh .post-back{display:inline-flex;align-items:center;gap:8px;font:500 12px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#c9cdd1;text-decoration:none}
.article-refresh .post-back:hover{color:#fff}
.article-refresh .post-back .ui-arrow{width:16px;height:16px}
.article-refresh .post-byline{font:400 13px 'DM Sans',sans-serif;color:#8f969d}
.article-refresh .post-body{width:min(720px,calc(100% - 32px));margin:clamp(40px,6vw,72px) auto 0;font:400 17px/1.8 'DM Sans',sans-serif;color:#2c2b29}
.article-refresh .post-body .article-lead{font:400 clamp(20px,2vw,23px)/1.55 'DM Sans',sans-serif;color:#151515;margin-bottom:28px}
.article-refresh .post-body h2{margin:clamp(48px,6vw,64px) 0 16px;padding-top:20px;border-top:1px solid #dcd8d0;font:400 clamp(30px,3.4vw,40px)/1.1 'Cormorant Garamond',serif;color:#151515;scroll-margin-top:110px}
.article-refresh .post-body h3{font:500 18px/1.35 'DM Sans',sans-serif;color:#151515}
.article-refresh .post-body a{color:#151515;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-refresh .post-body a:hover{text-decoration-thickness:2px}
.article-refresh .post-body ul,.article-refresh .post-body ol:not([class]){padding-left:22px}
.article-refresh .post-body li{margin:6px 0}
/* Figures break out of the text column a little and never dominate it. */
.article-refresh .post-body figure{margin:36px calc(min(0px,(720px - min(860px,100vw - 32px))/2));border-radius:14px;overflow:hidden}
.article-refresh .post-body .article-product-image{background:var(--wb-panel);border:1px solid var(--wb-line)}
.article-refresh .post-body .article-product-image img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;margin:0 auto;padding:12px}
.article-refresh .post-body .article-product-image a{display:block;text-decoration:none}
.article-refresh .post-body .fit-illustration{background:var(--wb-art);border:1px solid #d8dbd3;padding:14px 14px 0}
.article-refresh .post-body .fit-illustration img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}
.article-refresh .post-body .article-photo img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
.article-refresh .post-body figcaption{padding:12px 16px 14px;font:400 13px/1.5 'DM Sans',sans-serif;color:var(--wb-muted);background:inherit}
/* Callout */
.article-refresh .post-callout{margin:32px 0;padding:20px 22px;border-left:3px solid #151515;border-radius:0 12px 12px 0;background:#ecebe6}
.article-refresh .post-callout p{margin:0;font-size:16px;line-height:1.65}
.article-refresh .post-callout .post-callout-kicker{margin-bottom:6px;font:500 11px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5f5c57}
/* Result tiles */
.article-refresh .post-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:32px 0}
.article-refresh .post-stat{display:grid;gap:4px;padding:18px;border:1px solid #d9dfe6;border-radius:14px;background:linear-gradient(160deg,#f6f9fc,#eaf0f5)}
.article-refresh .post-stat strong{font:300 clamp(36px,4vw,48px)/1 'Cormorant Garamond',serif;color:#1e3346}
.article-refresh .post-stat span{font:500 14px/1.3 'DM Sans',sans-serif;color:#151515}
.article-refresh .post-stat small{font:400 12px/1.4 'DM Sans',sans-serif;color:var(--wb-muted)}
/* Tables */
.article-refresh .post-table-wrap{margin:28px 0;overflow-x:auto;border:1px solid var(--wb-line);border-radius:12px;background:var(--wb-card)}
.article-refresh .post-table{width:100%;border-collapse:collapse;font:400 14px/1.45 'DM Sans',sans-serif}
.article-refresh .post-table th,.article-refresh .post-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #ece8e1;vertical-align:top}
.article-refresh .post-table thead th{font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b6862;background:#f3f1ec}
.article-refresh .post-table tbody th{font-weight:500;color:#151515}
.article-refresh .post-table tr:last-child>*{border-bottom:0}
/* Big numbered steps */
.article-refresh .post-steps{list-style:none;margin:32px 0;padding:0;display:grid;gap:14px}
.article-refresh .post-steps li{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;padding:20px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card);margin:0}
.article-refresh .post-step-n{grid-row:span 2;font:300 44px/1 'Cormorant Garamond',serif;color:#6f7880}
.article-refresh .post-steps h3{margin:4px 0 2px}
.article-refresh .post-steps p{margin:0;font-size:15px;line-height:1.65;color:#3d3b38}
.article-refresh .post-steps img{grid-column:1/-1;width:100%;height:auto;max-height:300px;object-fit:contain;margin-top:12px;border-radius:8px;background:var(--wb-art)}
/* Galleries */
.article-refresh .post-gallery{display:grid;gap:10px;margin:28px 0}
.article-refresh .post-gallery.cols-2{grid-template-columns:repeat(2,1fr)}
.article-refresh .post-gallery.cols-3{grid-template-columns:repeat(3,1fr)}
.article-refresh .post-gallery.cols-4{grid-template-columns:repeat(4,1fr)}
.article-refresh .post-body .post-gallery-item{display:grid;gap:6px;padding:8px 8px 10px;border:1px solid var(--wb-line);border-radius:12px;background:var(--wb-card);text-decoration:none;color:#151515;transition:border-color .2s,box-shadow .2s}
.article-refresh .post-gallery-item:hover{border-color:#9ea7b3;box-shadow:0 0 0 3px #b9c6d633}
.article-refresh .post-gallery-item img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;background:var(--wb-panel)}
.article-refresh .post-gallery-item span{font:500 13px/1.3 'DM Sans',sans-serif;text-align:center}
/* Checklist */
.article-refresh .post-checklist{display:grid;gap:14px;margin:28px 0}
.article-refresh .post-checklist-group{margin:0;padding:16px 18px 10px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card)}
.article-refresh .post-checklist-group legend{padding:0 6px;font:500 12px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5f5c57}
.article-refresh .post-checklist label{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:8px 0;border-top:1px solid #efebe4;font-size:15px;line-height:1.55;cursor:pointer}
.article-refresh .post-checklist label:first-of-type{border-top:0}
.article-refresh .post-checklist input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:2px 0 0;border:1.5px solid #8d8a85;border-radius:6px;background:#fff;display:grid;place-items:center;cursor:pointer}
.article-refresh .post-checklist input:checked{background:#151515;border-color:#151515}
.article-refresh .post-checklist input:checked:after{content:"";width:10px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.article-refresh .post-checklist input:focus-visible{outline:2px solid #151515;outline-offset:2px}
.article-refresh .post-checklist input:checked+span{color:#6b675f;text-decoration:line-through;text-decoration-thickness:1px}
/* Q&A */
.article-refresh .post-qa{display:grid;gap:12px;margin:28px 0}
.article-refresh .post-qa-item{padding:18px 20px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card)}
.article-refresh .post-qa-item h3{margin:0 0 6px;display:flex;gap:10px}
.article-refresh .post-qa-item h3:before{content:"Q";flex:none;font:400 22px/1 'Cormorant Garamond',serif;color:#6f7880}
.article-refresh .post-qa-item p{margin:0;font-size:15px;line-height:1.7}
/* Glossary */
.article-refresh .post-glossary{margin:28px 0;display:grid;gap:0;border-top:1px solid #dcd8d0}
.article-refresh .post-glossary>div{display:grid;grid-template-columns:180px 1fr;gap:6px 24px;padding:16px 0;border-bottom:1px solid #dcd8d0}
.article-refresh .post-glossary dt{font:400 24px/1.15 'Cormorant Garamond',serif;color:#151515;scroll-margin-top:110px}
.article-refresh .post-glossary dd{margin:0;font-size:15px;line-height:1.7}
/* Release notes */
.article-refresh .post-changelog{list-style:none;margin:28px 0;padding:0 0 0 26px;border-left:1px solid #cfcbc3}
.article-refresh .post-changelog li{position:relative;margin:0 0 26px}
.article-refresh .post-changelog li:before{content:"";position:absolute;left:-31px;top:6px;width:9px;height:9px;border-radius:50%;background:#151515;box-shadow:0 0 0 4px var(--wb-surface)}
.article-refresh .post-changelog-tag{display:inline-block;padding:3px 9px;border:1px solid #d3cfc7;border-radius:999px;font:500 10px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#5f5c57}
.article-refresh .post-changelog h3{margin:8px 0 4px;font:400 26px/1.15 'Cormorant Garamond',serif}
.article-refresh .post-changelog p{margin:0;font-size:15px;line-height:1.7}
/* Process strip */
.article-refresh .post-process{list-style:none;margin:32px calc(min(0px,(720px - min(960px,100vw - 32px))/2));padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.article-refresh .post-process li{margin:0;padding:12px 12px 16px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card)}
.article-refresh .post-process img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:8px;background:var(--wb-art)}
.article-refresh .post-process h3{margin:12px 0 4px;font-size:15px}
.article-refresh .post-process p{margin:0;font-size:14px;line-height:1.6;color:var(--wb-muted)}
/* Cards, trio, tour */
.article-refresh .post-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:24px 0}
.article-refresh .post-card{padding:16px 18px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card)}
.article-refresh .post-card h3{margin:0 0 6px;font-size:15px}
.article-refresh .post-card p{margin:0;font-size:14px;line-height:1.6;color:#3d3b38}
.article-refresh .post-trio{display:grid;gap:14px;margin:28px 0}
.article-refresh .post-trio section{display:grid;grid-template-columns:200px 1fr;gap:4px 22px;align-items:start;padding:16px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card)}
.article-refresh .post-trio img{grid-row:span 3;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:10px;background:var(--wb-panel)}
.article-refresh .post-trio h2{margin:4px 0 4px!important;padding:0!important;border:0!important;font-size:28px!important}
.article-refresh .post-trio p{margin:0;font-size:15px;line-height:1.65}
.article-refresh .post-trio a{align-self:end;font-weight:500;font-size:14px;text-decoration:none!important;display:inline-flex;align-items:center;gap:6px}
.article-refresh .post-trio a .ui-arrow{width:16px;height:16px}
.article-refresh .post-tour-group h2{margin-top:40px}
.article-refresh .post-tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px calc(min(0px,(720px - min(960px,100vw - 32px))/2)) 0}
.article-refresh .post-body .post-tour-card{display:grid;gap:4px;padding:10px 10px 14px;border:1px solid var(--wb-line);border-radius:12px;background:var(--wb-card);text-decoration:none;color:#151515;transition:border-color .2s,box-shadow .2s}
.article-refresh .post-tour-card:hover{border-color:#9ea7b3;box-shadow:0 0 0 3px #b9c6d633}
.article-refresh .post-tour-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;background:var(--wb-panel);margin-bottom:6px}
.article-refresh .post-tour-spec{font:500 10px/1.4 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b6862}
.article-refresh .post-tour-card strong{font:500 15px/1.3 'DM Sans',sans-serif}
/* CTA */
.article-refresh .post-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:48px 0 0;padding:22px 24px;border-radius:14px;background:radial-gradient(ellipse 80% 140% at 100% 0,#2a2d30,#151515 65%)!important;color:#f4f4f1}
.article-refresh .post-cta p{margin:0;font-size:16px;color:#e4e6e8}
.article-refresh .post-body .post-cta a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;background:#f4f4f1;color:#151515;font:500 13px 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background-color .2s}
.article-refresh .post-body .post-cta a:hover{background:#fff}
.article-refresh .post-cta .ui-arrow{width:16px;height:16px}

/* Contents beside the text on wide screens */
.post-toc{display:none}
@media(min-width:1240px){
 .has-post-toc .post-toc{display:block;position:sticky;top:110px;float:left;width:220px;margin:72px 0 0 max(24px,calc((100vw - 720px)/2 - 280px));max-height:calc(100vh - 140px);overflow:auto}
 .post-toc-title{margin:0 0 10px;font:500 11px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b675f}
 .post-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid #dcd8d0}
 .post-toc li{margin:0}
 .post-toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;font:400 13px/1.4 'DM Sans',sans-serif;color:#6b6862;text-decoration:none;transition:color .2s,border-color .2s}
 .post-toc a:hover{color:#151515}
 .post-toc a[aria-current="true"]{color:#151515;border-left-color:#151515}
}

/* Designs in this story + keep reading */
.post-designs,.post-more{width:min(1120px,calc(100% - 32px));margin:clamp(56px,7vw,88px) auto 0;clear:both}
.post-designs h2,.post-more h2{margin:0 0 18px;padding-top:20px;border-top:1px solid #dcd8d0;font:300 clamp(28px,3vw,38px)/1.1 'Cormorant Garamond',serif;color:#151515}
.post-designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.post-design-card{display:grid;gap:4px;padding:10px 10px 14px;border:1px solid var(--wb-line);border-radius:12px;background:var(--wb-card);color:#151515;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.post-design-card:hover{border-color:#9ea7b3;box-shadow:0 0 0 3px #b9c6d633}
.post-design-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;background:var(--wb-panel);margin-bottom:6px}
.post-design-spec{font:500 10px/1.4 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b6862}
.post-design-card strong{font:500 15px/1.3 'DM Sans',sans-serif}
.post-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.post-more .workbench-card{display:flex;flex-direction:column;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card);overflow:hidden;color:#151515;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.post-more .workbench-card:hover{border-color:#9ea7b3;box-shadow:0 0 0 3px #b9c6d633}
.post-more .workbench-card-image{aspect-ratio:16/10;background:#e9e6df;overflow:hidden}
.post-more .workbench-card-image img{width:100%;height:100%;object-fit:cover}
.post-more .workbench-card-image.is-render{background:var(--wb-panel)}
.post-more .workbench-card-image.is-render img,.post-more .workbench-card-image.is-drawing img{object-fit:contain;padding:6%}
.post-more .workbench-card-image.is-drawing{background:var(--wb-art)}
.post-more .workbench-card-body{display:flex;flex-direction:column;flex:1;padding:16px 18px}
.post-more .card-meta{display:flex;gap:10px;align-items:center;font:400 12px 'DM Sans',sans-serif;color:#6b675f}
.post-more .card-tag{padding:3px 8px;border:1px solid #d3cfc7;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.post-more .card-title{margin:10px 0 6px;font:400 24px/1.12 'Cormorant Garamond',serif}
.post-more .card-excerpt{margin:0;font:400 14px/1.55 'DM Sans',sans-serif;color:var(--wb-muted)}
.post-more .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font:500 13px 'DM Sans',sans-serif}
.post-more .card-footer .ui-arrow{width:16px;height:16px}
.article-refresh .post-nav{clear:both}

@media(max-width:760px){
 .article-refresh .post-body{font-size:16px}
 .article-refresh .post-body figure,.article-refresh .post-process,.article-refresh .post-tour-grid{margin-left:0;margin-right:0}
 .article-refresh .post-gallery.cols-3,.article-refresh .post-gallery.cols-4,.article-refresh .post-tour-grid{grid-template-columns:repeat(2,1fr)}
 .article-refresh .post-process{grid-template-columns:1fr}
 .article-refresh .post-glossary>div{grid-template-columns:1fr}
 .article-refresh .post-trio section{grid-template-columns:1fr}
 .article-refresh .post-trio img{grid-row:auto;max-width:280px;margin:0 auto}
 .article-refresh .post-cta{padding:18px}
 .post-more-grid{grid-template-columns:1fr}
}
@media(max-width: 0px){.workbench-section .workbench-card,.post-more .workbench-card,.post-design-card{transition:none}}

/* ---------- Review fixes ---------- */
/* No leftover rule line above chapter headings. */
.workbench-section .wb-chapter-head .chapter-heading{border:0!important;padding:0!important}
.workbench-section .wb-chapter-head .chapter-heading:before,.workbench-section .wb-chapter-head .chapter-heading:after{display:none!important}
/* Product renders sit on a neutral panel matching their own backdrop, with feathered edges, so no box shows. */
.workbench-section .workbench-card-image.is-render img,.post-more .workbench-card-image.is-render img,
.article-refresh .post-body .article-product-image img,.article-refresh .post-gallery-item img,.article-refresh .post-tour-card img,
.article-refresh .post-trio img,.post-design-card img{-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 78%,transparent 100%)}
.article-refresh .post-body .article-product-image{background:var(--wb-panel)}
/* A lone last card in a chapter becomes a wide feature instead of an orphan. */
@media(min-width:1061px){
 .workbench-section .wb-grid>.workbench-card:last-child:nth-child(3n+1){grid-column:1/-1;flex-direction:row!important}
 .workbench-section .wb-grid>.workbench-card:last-child:nth-child(3n+1) .workbench-card-image{width:42%;aspect-ratio:16/10}
 .workbench-section .wb-grid>.workbench-card:last-child:nth-child(3n+1) .workbench-card-body{justify-content:center;padding:28px 32px!important}
 .workbench-section .wb-grid>.workbench-card:last-child:nth-child(3n+1) .card-title{font-size:clamp(30px,3vw,40px)!important}
}
@media(min-width:761px) and (max-width:1060px){
 .workbench-section .wb-grid>.workbench-card:last-child:nth-child(2n+1){grid-column:1/-1}
}
/* Article header: every line on one left edge. */
.article-refresh .post-hero>*{max-width:900px;margin-left:max(0px,calc((100% - 900px)/2))!important;margin-right:auto!important}
.article-refresh .post-hero .post-back{display:flex;width:fit-content;margin-bottom:28px}
/* Result tiles use lining numerals. */
.article-refresh .post-stat strong{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
/* Phones: compact cards (thumbnail beside the title) so the index stays scannable; the cover keeps its size. */
@media(max-width:760px){
 .workbench-section .workbench-filters{gap:2px 16px}
 .workbench-section .workbench-filter{font-size:13px!important}
 .workbench-section .wb-grid .workbench-card,.workbench-section .wb-bento .wb-tile,.workbench-section .workbench-editorial.is-filtered .workbench-card{flex-direction:row!important;align-items:stretch}
 .workbench-section .wb-grid .workbench-card-image,.workbench-section .wb-bento .wb-tile .workbench-card-image,.workbench-section .workbench-editorial.is-filtered .workbench-card-image{width:112px;aspect-ratio:auto!important;min-height:112px}
 .workbench-section .wb-grid .workbench-card-body,.workbench-section .wb-bento .wb-tile .workbench-card-body,.workbench-section .workbench-editorial.is-filtered .workbench-card-body{padding:12px 14px!important}
 .workbench-section .wb-grid .card-title,.workbench-section .wb-bento .wb-tile .card-title,.workbench-section .workbench-editorial.is-filtered .card-title{font-size:21px!important;margin:8px 0 0!important}
 .workbench-section .wb-grid .card-excerpt,.workbench-section .wb-grid .card-footer,.workbench-section .wb-bento .wb-tile .card-footer,.workbench-section .workbench-editorial.is-filtered .card-excerpt,.workbench-section .workbench-editorial.is-filtered .card-footer{display:none!important}
 .workbench-section .wb-bento .wb-cover .card-title{font-size:32px!important}
}
/* Share-card images: shown whole on a quiet panel. */
.workbench-section .workbench-editorial .workbench-card-image.is-sharecard,.post-more .workbench-card-image.is-sharecard{background:#ecebe6!important}
.workbench-section .workbench-editorial .workbench-card-image.is-sharecard img,.post-more .workbench-card-image.is-sharecard img{object-fit:contain!important;padding:5%!important}
/* Neutralise spacing left over from the previous featured-card grid. */
.workbench-section .workbench-editorial .workbench-card{gap:0!important}
.workbench-section .workbench-editorial .card-meta{margin:0!important}
.workbench-section .workbench-editorial .card-title{flex:none!important}
.workbench-section .wb-bento .wb-cover .workbench-card-body{flex:none}
.workbench-section .wb-bento .wb-cover .card-excerpt{margin-bottom:6px}
/* Feather reaches the frame edge so no straight poster edge shows. */
.workbench-section .workbench-card-image.is-render img,.post-more .workbench-card-image.is-render img,
.article-refresh .post-body .article-product-image img,.article-refresh .post-gallery-item img,.article-refresh .post-tour-card img,
.article-refresh .post-trio img,.post-design-card img{-webkit-mask-image:radial-gradient(closest-side,#000 74%,transparent 100%);mask-image:radial-gradient(closest-side,#000 74%,transparent 100%)}
.article-refresh .post-tour-group h2{margin-left:calc(min(0px,(720px - min(960px,100vw - 32px))/2));margin-right:calc(min(0px,(720px - min(960px,100vw - 32px))/2))}

/* Result tiles and data tables with decimal figures (EliteDesk test notes, 2026-10-04): figures never break across lines. */
.article-refresh .post-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.article-refresh .post-stat strong{white-space:nowrap}
.article-refresh .post-table .n{white-space:nowrap}
.article-refresh .post-table th small{display:block;margin-top:2px;font-weight:400;font-size:11.5px;color:var(--wb-muted)}

/* ===================================================================================================================
   Workbench v3 (2026-10-06, with assets/js/workbench-v3.js). Reading layout for wide screens, contents on phones,
   tables that work on phones, a sticky index bar, and a few alignment fixes. No lift on hover.
   =================================================================================================================== */
/* Figures and wide tables break out of the text column by --wb-bleed; plain photo captions line up with the text. */
.article-refresh .post-body{--wb-bleed:max(0px,calc((min(860px,100vw - 32px) - 720px)/2))}
.article-refresh .post-body figure{margin-left:calc(-1*var(--wb-bleed));margin-right:calc(-1*var(--wb-bleed))}
.article-refresh .post-body figure:not(.article-product-image):not(.fit-illustration)>figcaption{padding:12px var(--wb-bleed) 0;background:none}
.article-refresh .post-body figure:not(.article-product-image):not(.fit-illustration){overflow:visible;border-radius:0}
.article-refresh .post-body figure:not(.article-product-image):not(.fit-illustration)>img,
.article-refresh .post-body figure:not(.article-product-image):not(.fit-illustration)>a>img{border-radius:14px}

/* Reading progress: a readable silver line on the charcoal header (no new accent colour). */
.article-refresh .reading-progress{height:3px}
.article-refresh .reading-progress>span{background:linear-gradient(90deg,#8f969d,#dfe3e6 70%,#ffffff);box-shadow:0 0 10px #ffffff4d}

/* ---------- Tables: sideways on phones, wider on desktop ---------- */
.article-refresh .post-body .post-table-wrap{margin-left:calc(-1*var(--wb-bleed));margin-right:calc(-1*var(--wb-bleed));overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#15151533 transparent}
.article-refresh .post-table-wrap:focus-visible{outline:2px solid #151515;outline-offset:3px}
.article-refresh .post-table th,.article-refresh .post-table td{overflow-wrap:normal;word-break:normal}
.article-refresh .post-table-wrap[data-more="end"],.article-refresh .post-table-wrap[data-more="both"]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}
@media(max-width:760px){
 .article-refresh .post-body .post-table-wrap{margin-left:-24px;margin-right:-24px;border-radius:10px}
 .article-refresh .post-table{width:max-content;min-width:100%;font-size:13.5px}
 .article-refresh .post-table th,.article-refresh .post-table td{padding:11px 12px}
 .article-refresh .post-table td:not(.n){width:15em;min-width:11em}
 .article-refresh .post-table tbody th,.article-refresh .post-table thead th:first-child{position:sticky;left:0;z-index:1;max-width:9.5em;white-space:normal;box-shadow:inset -1px 0 0 #e1ddd5}
 .article-refresh .post-table tbody th{background:var(--wb-card)}
 .article-refresh .post-table thead th:first-child{background:#f3f1ec;z-index:2}
}

/* ---------- Article layout: contents | text | rail (>= 1240 px) ---------- */
.wb-layout-toc,.wb-rail{display:none}
@media(min-width:1240px){
 .has-wb-layout .wb-layout{--wb-gap:clamp(40px,3.2vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,720px) minmax(0,1fr);column-gap:var(--wb-gap);align-items:start;padding:0 24px}
 .has-wb-layout .wb-layout>.post-body{grid-column:2;width:auto;margin-left:0;margin-right:0}
 .has-wb-layout .wb-layout .post-body{--wb-bleed:min(70px,calc(var(--wb-gap) + 8px))}
 .has-wb-layout .wb-layout-toc,.has-wb-layout .wb-rail{display:block;position:sticky;top:calc(var(--wb-nav-h,76px) + 32px);align-self:start;margin-top:clamp(40px,6vw,72px);max-height:calc(100vh - var(--wb-nav-h,76px) - 64px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#1515152e transparent}
 .has-wb-layout .wb-layout-toc{grid-column:1;grid-row:1;justify-self:end;width:min(240px,100%)}
 .has-wb-layout .wb-rail{grid-column:3;grid-row:1;justify-self:start;width:min(280px,100%)}
 .has-wb-layout .wb-layout .post-toc{display:block;position:static;float:none;width:auto;max-height:none;margin:0;padding:2px 0 24px;overflow:visible}
 .has-wb-layout .post-toc-mobile,.has-wb-layout .post-designs,.has-wb-layout.has-own-toc.has-post-toc .post-body .article-toc{display:none}
 /* Wide material keeps clear of the side columns. */
 .has-wb-layout .wb-layout .post-body .post-process,.has-wb-layout .wb-layout .post-body .post-tour-grid,
 .has-wb-layout .wb-layout .post-body .post-tour-group h2{margin-left:calc(-1*var(--wb-bleed));margin-right:calc(-1*var(--wb-bleed))}
}
.post-toc a[aria-current="true"]{font-weight:500}

/* Right rail: designs in the story, then previous / next (the product pages' rail look). */
.wb-rail-inner{padding:2px 4px 28px;font-family:'DM Sans',sans-serif}
.wb-rail-eyebrow{margin:0 0 12px;font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6b675f}
.wb-rail-designs ul{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:8px}
.wb-rail-designs li{margin:0}
.wb-rail-steps{display:grid;gap:8px;margin:0 0 6px}
.wb-rail-design,.wb-rail-step{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border:1px solid rgba(21,21,21,.08);border-radius:14px;background:#fff;color:#151515;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.wb-rail-design:hover,.wb-rail-step:hover{border-color:rgba(21,21,21,.22);box-shadow:0 10px 26px rgba(0,0,0,.07)}
.wb-rail-design:focus-visible,.wb-rail-step:focus-visible,.wb-rail-all:focus-visible{outline:2px solid #151515;outline-offset:2px}
.wb-rail-thumb{flex:none;width:56px;height:56px;border-radius:10px;background:var(--wb-panel);box-shadow:inset 0 0 0 1px rgba(21,21,21,.05);overflow:hidden}
.wb-rail-thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}
.wb-rail-design .wb-rail-thumb img,.wb-rail-thumb.is-render img{-webkit-mask-image:radial-gradient(closest-side,#000 74%,transparent 100%);mask-image:radial-gradient(closest-side,#000 74%,transparent 100%)}
.wb-rail-thumb.is-photo img{object-fit:cover;padding:0}
.wb-rail-text{display:grid;gap:3px;min-width:0}
.wb-rail-spec{font:500 10.5px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b675f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-rail-name{font:500 13.5px/1.3 'DM Sans',sans-serif;color:#151515;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Long design lists stay compact; a soft fade where the rail scrolls. */
.wb-rail-designs ul:has(li:nth-child(5)) .wb-rail-spec{display:none}
.wb-rail-designs ul:has(li:nth-child(5)) .wb-rail-thumb{width:44px;height:44px}
.wb-rail-designs ul:has(li:nth-child(5)) .wb-rail-design{padding-top:6px;padding-bottom:6px}
@media(min-width:1240px){.has-wb-layout .wb-rail{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),transparent);mask-image:linear-gradient(#000 calc(100% - 28px),transparent)}}
.wb-rail-all{display:inline-block;margin:16px 0 0 4px;font:500 13px/1.4 'DM Sans',sans-serif;color:#151515;text-decoration:underline;text-underline-offset:3px}

/* ---------- Phones and tablets: "In this story" under the story header, and a section chip ---------- */
.post-toc-mobile{width:min(720px,calc(100% - 32px));margin:28px auto 0;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card);font-family:'DM Sans',sans-serif}
.post-toc-mobile summary{display:flex;align-items:center;gap:10px;padding:14px 18px;list-style:none;cursor:pointer;color:#151515}
.post-toc-mobile summary::-webkit-details-marker{display:none}
.post-toc-mobile summary:focus-visible{outline:2px solid #151515;outline-offset:2px;border-radius:14px}
.post-toc-mobile-label{font:500 12px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.post-toc-mobile-count{margin-left:auto;font:400 13px/1.3 'DM Sans',sans-serif;color:#6b675f}
.wb-chevron{flex:none;width:18px;height:18px;transition:transform .25s}
.post-toc-mobile[open] summary .wb-chevron{transform:rotate(180deg)}
.post-toc-mobile ol,.wb-section-chip ol{list-style:none;margin:0;padding:0 18px 10px;counter-reset:wbtoc}
.post-toc-mobile li,.wb-section-chip li{margin:0;counter-increment:wbtoc}
.post-toc-mobile a,.wb-section-chip a{display:flex;gap:12px;padding:11px 0;border-top:1px solid #ece8e1;color:#3d3b38;text-decoration:none;font:400 15px/1.4 'DM Sans',sans-serif}
.post-toc-mobile a:before,.wb-section-chip a:before{content:counter(wbtoc,decimal-leading-zero);flex:none;width:22px;font:400 12px/1.9 'DM Sans',sans-serif;color:#6b675f;font-variant-numeric:tabular-nums}
.post-toc-mobile a[aria-current="true"],.wb-section-chip a[aria-current="true"]{color:#151515;font-weight:500}
.post-toc-mobile+.wb-layout>.post-body{margin-top:0}
.wb-section-chip{position:fixed;left:0;right:0;top:var(--wb-nav-h,76px);z-index:900;display:none;background:#f4f2eef0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #dcd8d0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s .3s}
.wb-section-chip.is-shown{transform:none;opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease}
.wb-section-chip button{display:flex;align-items:center;gap:10px;width:min(720px,100%);margin:0 auto;padding:9px 16px;border:0;background:none;color:#151515;font:500 14px/1.3 'DM Sans',sans-serif;text-align:left;cursor:pointer}
.wb-section-chip button:focus-visible{outline:2px solid #151515;outline-offset:-3px}
.wb-section-chip-kicker{flex:none;font:500 10.5px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b675f}
.wb-section-chip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-section-chip.is-open{background:#f4f2ee;box-shadow:0 18px 40px #15151524}
.wb-section-chip.is-open .wb-chevron{transform:rotate(180deg)}
.wb-section-chip ol{width:min(720px,100%);margin:0 auto;max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}
.wb-section-chip ol[hidden]{display:none}
@media(max-width:1239px){.has-post-toc .wb-section-chip{display:block}}

/* Previous / next under the story: two even cards. */
.article-refresh .post-nav[data-wb-nav]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1152px;margin:clamp(40px,5vw,64px) auto 0;padding:0 16px clamp(56px,6vw,88px);border-top:0}
.article-refresh .post-nav[data-wb-nav] a.next{margin:0}
.article-refresh .post-nav[data-wb-nav] a{display:grid;align-content:start;gap:8px;max-width:none;min-width:0;padding:20px 22px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card);color:#151515;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.article-refresh .post-nav[data-wb-nav] a:hover{border-color:#9ea7b3;box-shadow:0 0 0 3px #b9c6d633}
.article-refresh .post-nav[data-wb-nav] a:focus-visible{outline:2px solid #151515;outline-offset:3px}
.article-refresh .post-nav[data-wb-nav] a.next{text-align:right;justify-items:end}
.article-refresh .post-nav[data-wb-nav] span{display:inline-flex;align-items:center;gap:8px;font:500 11px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b6862}
.article-refresh .post-nav[data-wb-nav] .ui-arrow{width:16px;height:16px}
.article-refresh .post-nav[data-wb-nav] a>.ui-arrow{display:none}
.article-refresh .post-nav[data-wb-nav] strong{font:400 clamp(22px,2.2vw,26px)/1.15 'Cormorant Garamond',serif;color:#151515}
@media(max-width:560px){.article-refresh .post-nav[data-wb-nav]{grid-template-columns:1fr}.article-refresh .post-nav[data-wb-nav] a.next{text-align:left;justify-items:start}}

/* ---------- Index: compact sticky bar with a chapter menu ---------- */
.workbench-section .workbench-tools.wb-bar{position:sticky;top:var(--wb-nav-h,76px);z-index:40;flex-wrap:nowrap;align-items:center;gap:12px 24px;background:transparent}
.workbench-section .workbench-tools.wb-bar:before{content:"";position:absolute;z-index:-1;top:0;bottom:-1px;left:-100vmax;right:-100vmax;background:var(--wb-surface);border-bottom:1px solid transparent;transition:border-color .2s}
.workbench-section .workbench-tools.wb-bar.is-stuck:before{border-bottom-color:#d9d5cd}
.wb-bar-sentinel{height:0}
/* Filtered-out cards stay hidden (the card display rules above are !important too). */
.workbench-section .workbench-editorial .workbench-card[hidden]{display:none!important}
/* Filtered / searched: every match in ONE even grid across the chapters, all cards alike. */
.workbench-section .workbench-editorial.is-filtered{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.workbench-section .workbench-editorial.is-filtered .workbench-chapter,.workbench-section .workbench-editorial.is-filtered .chapter-stories{display:contents!important}
.workbench-section .workbench-editorial.is-filtered .workbench-chapter[hidden]{display:none!important}
.workbench-section .workbench-editorial.is-filtered .wb-cover .workbench-card-image,.workbench-section .workbench-editorial.is-filtered .wb-tile .workbench-card-image{flex:none;min-height:0;aspect-ratio:4/3}
.workbench-section .workbench-editorial.is-filtered .wb-cover .workbench-card-body{flex:1}
.workbench-section .workbench-editorial.is-filtered .wb-tile .card-excerpt{display:block!important}
.workbench-section .workbench-editorial.is-filtered .wb-cover .card-excerpt{font-size:14px}
@media(max-width:1060px){.workbench-section .workbench-editorial.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .workbench-section .workbench-editorial.is-filtered{grid-template-columns:1fr}
 .workbench-section .workbench-editorial.is-filtered .wb-cover{flex-direction:row!important}
 .workbench-section .workbench-editorial.is-filtered .workbench-card .workbench-card-image{width:112px;aspect-ratio:auto;min-height:112px}
 .workbench-section .workbench-editorial.is-filtered .wb-cover .workbench-card-body{min-width:0;padding:12px 14px!important}
 .workbench-section .workbench-editorial.is-filtered .workbench-card .card-excerpt,.workbench-section .workbench-editorial.is-filtered .workbench-card .card-footer{display:none!important}
}
.workbench-section:has(.wb-bar){overflow:visible;overflow-x:clip}
.workbench-section .wb-bar .workbench-filters{margin-right:auto;flex-wrap:nowrap}
.workbench-section .wb-bar .workbench-filter{white-space:nowrap}
.workbench-section .wb-bar .workbench-utility{flex:none;padding:6px 0}
.wb-chapter-menu{position:relative;flex:none;box-sizing:border-box;width:256px;align-self:stretch;display:flex;align-items:center;padding-right:20px;border-right:1px solid #d9d5cd}
.wb-chapter-menu .wb-chapter-btn{width:100%}
.wb-chapter-menu .wb-chapter-btn .wb-chevron{margin-left:auto}
.wb-chapter-btn{display:flex;align-items:baseline;gap:8px;max-width:280px;padding:10px 0;border:0;background:none;color:#151515;font:500 14px/1.2 'DM Sans',sans-serif;cursor:pointer}
.wb-chapter-btn:focus-visible{outline:2px solid #151515;outline-offset:4px;border-radius:4px}
.wb-chapter-btn-kicker{font:500 10.5px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b675f}
.wb-chapter-btn-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-chapter-btn .wb-chevron{align-self:center;width:16px;height:16px;color:#6b6862}
.wb-chapter-btn[aria-expanded="true"] .wb-chevron{transform:rotate(180deg)}
.wb-chapter-panel{position:absolute;left:-12px;top:calc(100% + 6px);z-index:5;width:max-content;min-width:260px;max-width:min(340px,calc(100vw - 32px));padding:14px 8px 10px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card);box-shadow:0 18px 44px #1515151f;font-family:'DM Sans',sans-serif}
.wb-chapter-panel[hidden]{display:none}
.wb-chapter-panel-title{margin:0 12px 6px;font:500 10.5px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b675f}
.wb-chapter-panel ol{list-style:none;margin:0;padding:0}
.wb-chapter-panel li{margin:0}
.wb-chapter-panel ol a{display:block;padding:9px 12px;border-radius:9px;color:#3d3b38;text-decoration:none;font:400 15px/1.3 'DM Sans',sans-serif;transition:background-color .2s,color .2s}
.wb-chapter-panel ol a:hover{background:#ecebe6;color:#151515}
.wb-chapter-panel ol a[aria-current="true"]{background:#ecebe6;color:#151515;font-weight:500}
.wb-chapter-panel a:focus-visible,.wb-panel-filters button:focus-visible{outline:2px solid #151515;outline-offset:1px}
.wb-panel-filters-title,.wb-panel-filters{display:none}
.wb-panel-filters{flex-wrap:wrap;gap:8px;padding:2px 12px 6px}
.wb-panel-filters button{padding:8px 12px;border:1px solid #d3cfc7;border-radius:999px;background:#fff;color:#3d3b38;font:500 13px/1.2 'DM Sans',sans-serif;cursor:pointer}
.wb-panel-filters button[aria-pressed="true"]{border-color:#151515;background:#151515;color:#fff}
.wb-panel-filters .filter-count{margin-left:4px;opacity:.6;font-weight:400}
.wb-search-toggle{display:none}
.workbench-section .wb-bar.is-filtered .wb-chapter-menu{display:none}
@media(max-width:760px){
 .workbench-section .workbench-tools.wb-bar{gap:8px}
 .workbench-section .wb-bar .workbench-filters{display:none}
 .wb-chapter-menu{flex:1;width:auto;min-width:0;padding-right:0;border-right:0}
 .wb-chapter-menu .wb-chapter-btn{width:auto}
 .wb-chapter-menu .wb-chapter-btn .wb-chevron{margin-left:0}
 .workbench-section .wb-bar.is-filtered .wb-chapter-menu{display:flex}
 .wb-chapter-btn{max-width:100%;padding:12px 0;font-size:15px}
 .wb-chapter-panel{left:0;width:calc(100vw - 48px);max-width:none}
 .wb-panel-filters-title{display:block;margin-top:10px}
 .wb-panel-filters{display:flex}
 .workbench-section .wb-bar .workbench-utility{width:auto;gap:8px}
 .workbench-section .wb-bar .workbench-search-wrap,.workbench-section .wb-bar .workbench-rss-link{display:none}
 .wb-search-toggle{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid #d3cfc7;border-radius:999px;background:#fff;color:#151515;cursor:pointer}
 .wb-search-toggle svg{width:18px;height:18px}
 .wb-search-toggle:focus-visible{outline:2px solid #151515;outline-offset:2px}
 .workbench-section .wb-bar.is-searching .wb-chapter-menu{display:none}
 .workbench-section .wb-bar.is-searching .workbench-utility{flex:1}
 .workbench-section .wb-bar.is-searching .workbench-search-wrap{display:block;flex:1;order:-1}
 .workbench-section .wb-bar.is-searching .workbench-search{width:100%}
}
/* Very wide screens: chapter rail at the left of the content. */
.wb-index-rail{display:none}
@media(min-width:1900px){
 .wb-index-rail{display:block;position:fixed;top:calc(var(--wb-nav-h,76px) + 120px);left:calc((100vw - 1320px)/2 - 236px);width:196px;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:'DM Sans',sans-serif}
 .wb-index-rail.is-shown{opacity:1;visibility:visible;transition:opacity .3s}
 .wb-index-rail[hidden]{display:none}
 .wb-index-rail-title{margin:0 0 10px;font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6b675f}
 .wb-index-rail ol{list-style:none;margin:0;padding:0;border-left:1px solid #dcd8d0}
 .wb-index-rail li{margin:0}
 .wb-index-rail a{display:block;margin-left:-1px;padding:7px 0 7px 14px;border-left:2px solid transparent;color:#6b6862;text-decoration:none;font:400 14px/1.35 'DM Sans',sans-serif;transition:color .2s,border-color .2s}
 .wb-index-rail a:hover{color:#151515}
 .wb-index-rail a[aria-current="true"]{color:#151515;font-weight:500;border-left-color:#151515}
}
.workbench-section .workbench-chapter{scroll-margin-top:calc(var(--wb-nav-h,76px) + 72px)}

/* Index hero lines up with the content column on wide screens (sections cap at 1320 px from 1600 px). */
@media(min-width:1600px){.wb-hero{padding-left:max(var(--page-gutter,72px),calc((100vw - 1320px)/2))!important;padding-right:max(var(--page-gutter,72px),calc((100vw - 1320px)/2))!important}}

/* Category grids: two leftover cards share the last row as two wide cards (no hole). */
@media(min-width:1061px){
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card{grid-column:span 2}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:last-child:nth-child(3n+1){grid-column:1/-1}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:nth-last-child(2):nth-child(3n+1),
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:last-child:nth-child(3n+2){grid-column:span 3;flex-direction:row!important}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:nth-last-child(2):nth-child(3n+1) .workbench-card-image,
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:last-child:nth-child(3n+2) .workbench-card-image{width:44%;aspect-ratio:auto;min-height:240px}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:nth-last-child(2):nth-child(3n+1) .workbench-card-body,
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:last-child:nth-child(3n+2) .workbench-card-body{justify-content:center;padding:24px 26px!important}
}

/* ===================================================================================================================
   Workbench v4 (2026-10-07, with assets/js/workbench-v4.js): honest renders, a bar that fits, component contents,
   every-run charts, a design filter and the phone gutter. No lift on hover.
   =================================================================================================================== */
/* Renders: the image box is the render's own square, so the feather reaches its edges and no box shows (B21). */
.workbench-section .workbench-editorial .workbench-card-image.is-render,.post-more .workbench-card-image.is-render{display:flex;justify-content:center;align-items:center;background:var(--wb-panel)!important}
.workbench-section .workbench-editorial .workbench-card-image.is-render img,.post-more .workbench-card-image.is-render img{width:auto!important;max-width:100%;height:100%!important;aspect-ratio:1!important;object-fit:contain!important;padding:4%!important;background:none}
.article-refresh .post-body .article-product-image img{width:auto;max-width:100%;height:min(440px,calc(100vw - 32px));aspect-ratio:1;padding:0}
.workbench-section .workbench-editorial .workbench-card{align-items:stretch!important}
/* A strip of renders (a story about the whole collection). */
.workbench-card-image.is-strip{display:flex!important;align-items:center;justify-content:center;gap:0;padding:0 3%}
.workbench-section .workbench-editorial .workbench-card-image.is-strip img,.post-more .workbench-card-image.is-strip img{flex:1 1 0;min-width:0;width:auto!important;height:auto!important;max-height:100%;aspect-ratio:1!important;padding:0!important;margin:0 -2%}
/* Latest: the small cards show a short excerpt instead of an empty band (Q11). */
.workbench-section .wb-bento .wb-tile .card-excerpt{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.55}
@media(max-width:760px){.workbench-section .wb-bento .wb-tile .card-excerpt{display:none!important}}
/* Index bar (B22): the search folds to an icon and RSS hides up to 1100 px; wider, the field may shrink. */
.workbench-section .wb-bar .workbench-search-wrap{min-width:0}
.workbench-section .wb-bar .workbench-search{min-width:0;width:clamp(160px,18vw,260px)}
.workbench-section .wb-bar .workbench-utility{min-width:0}
@media(min-width:761px) and (max-width:1100px){
 .workbench-section .wb-bar .workbench-search-wrap,.workbench-section .wb-bar .workbench-rss-link{display:none}
 .wb-search-toggle{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid #d3cfc7;border-radius:999px;background:#fff;color:#151515;cursor:pointer}
 .wb-search-toggle svg{width:18px;height:18px}
 .wb-search-toggle:focus-visible{outline:2px solid #151515;outline-offset:2px}
 .workbench-section .wb-bar.is-searching .workbench-filters{display:none}
 .workbench-section .wb-bar.is-searching .workbench-utility{flex:1}
 .workbench-section .wb-bar.is-searching .workbench-search-wrap{display:block;flex:1;order:-1}
 .workbench-section .wb-bar.is-searching .workbench-search{width:100%}
 .workbench-section .wb-bar .workbench-filters{gap:4px 20px;min-width:0}
 .wb-chapter-menu{width:220px}
}
/* The design filter keeps its menu in reach. */
.workbench-section .wb-bar.is-filtered.is-design .wb-chapter-menu{display:flex}
.wb-panel-designs{margin-top:10px;padding-top:10px;border-top:1px solid #ece8e1}
.wb-panel-designs[hidden]{display:none}
.wb-panel-designs ul{list-style:none;margin:0;padding:0 4px;display:grid;gap:2px;max-height:min(46vh,380px);overflow-y:auto;overscroll-behavior:contain}
.wb-panel-designs li{margin:0}
.wb-panel-designs button{display:flex;align-items:center;gap:10px;width:100%;padding:5px 8px;border:0;border-radius:9px;background:none;color:#3d3b38;font:400 14px/1.3 'DM Sans',sans-serif;text-align:left;cursor:pointer;transition:background-color .2s}
.wb-panel-designs button:hover{background:#ecebe6;color:#151515}
.wb-panel-designs button[aria-pressed="true"]{background:#ecebe6;color:#151515;font-weight:500}
.wb-panel-designs button:focus-visible{outline:2px solid #151515;outline-offset:1px}
.wb-panel-designs img{flex:none;width:36px;height:36px;border-radius:8px;background:var(--wb-panel);object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 74%,transparent 100%);mask-image:radial-gradient(closest-side,#000 74%,transparent 100%)}
.wb-design-all{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--wb-panel);font:500 11px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b675f}
.wb-chapter-panel{max-height:calc(100vh - var(--wb-nav-h,76px) - 90px);overflow-y:auto}

/* Updated date in the story header. */
.article-refresh .post-updated{color:#c9cdd1}
/* Findings: numbered statements (the Q glyph stays for real questions). */
.article-refresh .post-findings{list-style:none;margin:28px 0;padding:0;display:grid;gap:12px}
.article-refresh .post-findings li{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;padding:18px 20px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card)}
.article-refresh .post-findings-n{font:300 30px/1 'Cormorant Garamond',serif;color:#6f7880;font-variant-numeric:lining-nums}
.article-refresh .post-findings h3{margin:2px 0 6px}
.article-refresh .post-findings p{margin:0;font-size:15px;line-height:1.7}
/* Table groups (temperatures, tuning). */
.article-refresh .post-table .post-table-group th{padding-top:16px;padding-bottom:8px;font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#4a4844;background:#f3f1ec;position:static;box-shadow:none;max-width:none}
.article-refresh .post-table tbody+tbody .post-table-group th{border-top:1px solid #e1ddd5}

/* Every run: small multiples, one per reading, a bar per run shaded by setup (stock -> five-fan mount). */
.article-refresh .wb-runs{--s-stock:#c3ccd5;--s-tuned:#93a3b3;--s-legacy:#5b7792;--s-five:#1e3346;margin:28px calc(-1*var(--wb-bleed));padding:18px 18px 14px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card);overflow:visible}
.article-refresh .post-body .wb-runs-legend{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font:400 13px/1.4 'DM Sans',sans-serif;color:#3d3b38}
.article-refresh .post-body .wb-runs-legend li{display:flex;align-items:center;gap:8px;margin:0}
.wb-runs-key{width:14px;height:10px;border-radius:3px;background:var(--k)}
.wb-runs [data-setup="stock"]{--k:var(--s-stock)}.wb-runs [data-setup="tuned"]{--k:var(--s-tuned)}.wb-runs [data-setup="legacy"]{--k:var(--s-legacy)}.wb-runs [data-setup="five"]{--k:var(--s-five)}
.wb-runs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
.article-refresh .wb-runs-chart h3{margin:0 0 8px;font:500 13px/1.35 'DM Sans',sans-serif;letter-spacing:.02em;color:#151515}
.article-refresh .wb-runs-chart h3 span{display:block;font-weight:400;font-size:12px;color:#6b675f}
.article-refresh .post-body .wb-runs-chart ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.article-refresh .post-body .wb-runs-chart li{margin:0}
.wb-runs-chart button{display:grid;grid-template-columns:22px 1fr 78px;align-items:center;gap:8px;width:100%;min-height:22px;padding:1px 4px;border:0;border-radius:6px;background:none;color:#3d3b38;font:400 12.5px/1.2 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;transition:background-color .15s,opacity .15s}
.wb-runs-chart button:hover{background:#ecebe6}
.wb-runs-chart button:focus-visible{outline:2px solid #151515;outline-offset:0}
.wb-run-name{color:#6b675f;text-align:right}
.wb-run-track{height:12px}
.wb-run-bar{display:block;width:calc(var(--v)*100%);height:100%;border-radius:0 4px 4px 0;background:var(--k)}
.wb-run-val{text-align:right;color:#3d3b38}
.wb-runs.has-selection li:not(.is-selected) button{opacity:.38}
.wb-runs li.is-selected button{background:#ecebe6;color:#151515;font-weight:500}
.wb-runs li.is-selected .wb-run-name{color:#151515}
.article-refresh .wb-runs .wb-runs-setup{margin:14px 0 0;padding:10px 12px 0;border-top:1px solid #ece8e1;font:400 13.5px/1.55 'DM Sans',sans-serif;color:#3d3b38;background:var(--wb-card);min-height:3.1em;position:sticky;bottom:0;z-index:1;padding-bottom:10px}
.wb-runs-table{margin:0 0 28px}
.wb-runs-table summary{display:inline-flex;align-items:center;gap:8px;padding:8px 0;font:500 14px/1.3 'DM Sans',sans-serif;color:#151515;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.wb-runs-table summary:focus-visible{outline:2px solid #151515;outline-offset:2px;border-radius:4px}
.wb-runs-table .post-table-wrap{margin-top:10px}
@media(max-width:600px){.wb-runs-grid{grid-template-columns:1fr}.article-refresh .wb-runs{padding:14px 12px 12px}}

/* Component contents in the left column (glossary A-Z, checklist progress, numbered steps / notes). */
.post-toc .wb-az{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:0 0 14px}
.post-toc .wb-az a,.post-toc .wb-az span{display:grid;place-items:center;height:28px;padding:0!important;margin:0!important;border:0!important;border-radius:7px;font:500 13px/1 'DM Sans',sans-serif;text-decoration:none}
.post-toc .wb-az a{color:#151515;background:#ecebe6;transition:background-color .2s,color .2s}
.post-toc .wb-az a:hover{background:#dedbd3}
.post-toc .wb-az a.is-current{background:#151515;color:#fff}
.post-toc .wb-az span{color:#b5b1a9}
.post-toc .wb-az a:focus-visible{outline:2px solid #151515;outline-offset:1px}
.post-toc .wb-toc-numbered{counter-reset:wbn}
.post-toc .wb-toc-numbered li{counter-increment:wbn}
.post-toc .wb-toc-numbered a{display:flex;gap:10px}
.post-toc .wb-toc-numbered a:before{content:counter(wbn,decimal-leading-zero);flex:none;font-variant-numeric:tabular-nums;color:#6b675f}
.post-toc .wb-toc-checks{border-left:0!important;display:grid;gap:8px}
.post-toc .wb-toc-checks li{margin:0}
.post-toc .wb-toc-checks a:first-child{display:grid;gap:4px;padding:10px 12px!important;margin:0!important;border:1px solid var(--wb-line)!important;border-radius:12px;background:var(--wb-card);color:#151515!important}
.post-toc .wb-toc-checks a:first-child[aria-current="true"]{border-color:#151515!important}
.wb-check-name{font:500 13.5px/1.3 'DM Sans',sans-serif}
.wb-check-count{font:400 12px/1.3 'DM Sans',sans-serif;color:#6b675f;font-variant-numeric:tabular-nums}
.wb-check-bar{display:block;height:4px;border-radius:2px;background:#e6e2da;overflow:hidden}
.wb-check-bar span{display:block;width:calc(var(--p,0)*100%);height:100%;border-radius:2px;background:#151515;transition:width .25s}
.post-toc .wb-check-open{display:none!important}
.post-toc .wb-toc-checks li.is-complete .wb-check-open{display:inline-flex!important;align-items:center;gap:6px;padding:6px 2px 0!important;margin:0!important;border:0!important;font:500 12.5px/1.3 'DM Sans',sans-serif!important;color:#151515!important;text-decoration:underline;text-underline-offset:3px}
.post-toc .wb-check-open .ui-arrow{width:14px;height:14px}
.article-refresh .post-checklist-done{margin:10px 0 6px;padding:10px 12px;border-radius:10px;background:#ecebe6;font-size:14px;line-height:1.6;color:#151515}
.article-refresh .post-checklist-done[hidden]{display:none}
.article-refresh .post-checklist-group.is-complete legend{color:#151515}
.post-toc .wb-toc-terms a{padding-top:4px!important;padding-bottom:4px!important}

/* Phones: one 16 px gutter for the whole article (hero, contents, text, figures and tables). */
@media(max-width:760px){
 .article-refresh .post-hero{padding-left:16px!important;padding-right:16px!important}
 .article-refresh .post-body{width:calc(100% - 32px);padding-left:0!important;padding-right:0!important}
 .article-refresh .post-body .post-table-wrap{margin-left:0;margin-right:0}
 .post-toc-mobile{width:calc(100% - 32px)}
 .post-designs,.post-more{width:calc(100% - 32px)}
 .article-refresh .post-nav[data-wb-nav]{padding-left:16px;padding-right:16px}
 .article-refresh .wb-runs{margin-left:0;margin-right:0}
}

/* ===================================================================================================================
   Workbench v5 (2026-10-09): one frame per story. The story header starts where the reading text starts, and
   Designs / Keep reading / previous-next share the index's content width (1320 px on the page gutter), so a post
   has two edges instead of four. Tablet cover story sits beside its picture; phones list Keep reading as the
   index's compact rows. No lift on hover.
   =================================================================================================================== */
:root{--wb-measure:672px;--wb-frame:min(1320px,calc(100% - 2*var(--page-gutter,24px)))}

/* Story header on the text column (the title may run wider than the text, never past the page gutter). */
@media(min-width:761px){
 .article-refresh .post-hero{padding-left:max(var(--page-gutter,24px),calc((100% - var(--wb-measure))/2))!important;padding-right:var(--page-gutter,24px)!important}
 .article-refresh .post-hero>*{margin-left:0!important;margin-right:0!important;max-width:min(900px,100%)}
 .article-refresh .post-hero .post-deck{max-width:min(var(--wb-measure),60ch)}
}

/* Vertical rhythm: the story starts level with the side lists (both 40-72 px under the header, 28 px under the
   phone contents) and ends one section gap before Keep reading; no stacked padding + margin in between. */
.article-refresh .post-body{padding-top:0;padding-bottom:0}
.article-refresh .post-body>:first-child{margin-top:0}
.article-refresh .post-body>:last-child{margin-bottom:0}
@media(min-width:1240px){.article-refresh .post-toc-mobile+.wb-layout>.post-body{margin-top:clamp(40px,6vw,72px)}}
@media(max-width:1239px){.article-refresh .post-toc-mobile+.wb-layout>.post-body,.article-refresh .post-toc-mobile+.post-body{margin-top:28px}}

/* Designs in this story, Keep reading and previous / next: the index's content frame. */
.article-refresh .post-designs,.article-refresh .post-more{width:var(--wb-frame);margin-top:clamp(56px,6vw,80px)}
.article-refresh .post-nav[data-wb-nav]{box-sizing:border-box;width:var(--wb-frame);max-width:none;padding-left:0;padding-right:0}
.article-refresh .post-more-grid{gap:16px}
.article-refresh .post-more .card-title{font-size:clamp(24px,2.2vw,28px)}
.article-refresh .post-more .workbench-card:focus-visible{outline:2px solid #151515;outline-offset:3px}
.article-refresh .post-more .card-excerpt{margin-bottom:14px}
.article-refresh .post-more .card-footer .ui-arrow{transition:transform .2s}
.article-refresh .post-more .workbench-card:hover .card-footer .ui-arrow{transform:translateX(3px)}

/* Hand-written stories: the link under the closing call to action gets air, and the article's own contents
   box reads like the generated stories' "In this story" list (numbered rows, quiet card). */
.article-refresh .post-body .post-cta+p{margin-top:18px}
.article-refresh .post-body>.article-toc{margin:32px 0;padding:14px 18px 6px;border:1px solid var(--wb-line);border-radius:14px;background:var(--wb-card);box-shadow:none}
.article-refresh .post-body .article-toc-title{margin:0 0 4px;font:500 12px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#151515}
.article-refresh .post-body .article-toc-list{gap:0;margin:0;padding:0!important;list-style:none;counter-reset:wbown}
.article-refresh .post-body .article-toc-list li{margin:0;counter-increment:wbown}
.article-refresh .post-body .article-toc-list a{display:flex;gap:12px;width:100%;padding:11px 0;border-top:1px solid #ece8e1;color:#3d3b38;font:400 15px/1.4 'DM Sans',sans-serif;text-decoration:none}
.article-refresh .post-body .article-toc-list li:first-child a{border-top:0}
.article-refresh .post-body .article-toc-list a:before{content:counter(wbown,decimal-leading-zero);flex:none;width:22px;font:400 12px/1.9 'DM Sans',sans-serif;color:#6b675f;font-variant-numeric:tabular-nums}
.article-refresh .post-body .article-toc-list a:hover{color:#151515;text-decoration:underline;text-underline-offset:3px}
.article-refresh .post-body .article-toc-list a:focus-visible{outline:2px solid #151515;outline-offset:2px;border-radius:4px}

/* Index, tablets: the cover story sits beside its picture instead of under a 650 px image; a lone last card in a
   two-column chapter takes the full row the same way. */
@media(min-width:761px) and (max-width:1060px){
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-bento .wb-cover{flex-direction:row!important}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-bento .wb-cover .workbench-card-image{flex:none;width:52%;min-height:340px;aspect-ratio:auto}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-bento .wb-cover .workbench-card-body{flex:1;min-width:0;justify-content:center;padding:24px 26px!important}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-bento .wb-cover .card-title{font-size:clamp(30px,3.6vw,38px)!important}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-bento .wb-cover .card-footer{margin-top:20px!important}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row!important}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:last-child:nth-child(odd) .workbench-card-image{flex:none;width:48%;aspect-ratio:auto;min-height:240px}
 .workbench-section .workbench-editorial:not(.is-filtered) .wb-grid>.workbench-card:last-child:nth-child(odd) .workbench-card-body{justify-content:center;padding:24px 26px!important}
}

/* Phones: Keep reading as the index's compact rows (picture, date, chapter, title), on the 16 px article gutter. */
@media(max-width:760px){
 :root{--wb-frame:calc(100% - 32px)}
 .article-refresh .post-more-grid{gap:12px}
 .article-refresh .post-more .workbench-card{flex-direction:row;align-items:stretch}
 .article-refresh .post-more .workbench-card-image{flex:none;width:112px;min-height:112px;aspect-ratio:auto}
 .article-refresh .post-more .workbench-card-body{min-width:0;padding:12px 14px}
 .article-refresh .post-more .card-title{margin:8px 0 0;font-size:21px}
 .article-refresh .post-more .card-excerpt,.article-refresh .post-more .card-footer{display:none}
}

/* Hand-written archive stories: one rule before a section (the old divider doubled the heading's own line), and
   their date reads like every other story's ("Nov 2, 2024", not tracked capitals). */
.article-refresh .post-body .post-divider:has(+h2){display:none}
.article-refresh .post-hero .post-date{font:400 13px 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;color:#aab1b8}

/* Workbench audit (owner-approved 2026-10-11). */
/* Step and finding numbers are figures: weight 500. Step drawings open in the step viewer (step-viewer-v3.js). */
.article-refresh .post-step-n,.article-refresh .post-findings-n{font-weight:500}
.article-refresh .post-steps .post-step-art{grid-column:1/-1;position:relative;display:block;margin-top:12px;border-radius:8px;cursor:zoom-in}
.article-refresh .post-steps .sv-expand{display:none}
@media(pointer:coarse){.article-refresh .post-steps .sv-expand{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d8dbd3;border-radius:999px;background:rgba(251,251,248,.92);color:#1f241e;pointer-events:none}.article-refresh .post-steps .sv-expand svg{width:16px;height:16px}}
.article-refresh .post-steps .post-step-art img{display:block;margin-top:0}
.article-refresh .post-steps .post-step-art:focus-visible{outline:2px solid #151515;outline-offset:3px}
@media(max-width:600px){
 .article-refresh .post-steps li{display:block}
 .article-refresh .post-step-n{display:block;margin:0 0 6px;font:500 12px/1.4 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6b6862}
 .article-refresh .post-step-n::before{content:"Step "}
 .article-refresh .post-step-n[data-of]::after{content:" / " attr(data-of)}
 .article-refresh .post-steps h3{margin-top:0}
}
/* EliteDesk comparison: phones read Reading / Test 10 / Change, with the before value and its run under the reading. */
.article-refresh .post-table-compare th small.post-table-before{display:none}
@media(max-width:600px){
 .article-refresh .post-table-compare .is-before{display:none}
 .article-refresh .post-table-compare th small.post-table-before{display:block;margin-top:4px;line-height:1.35}
 .article-refresh .post-table.post-table-compare{width:100%;min-width:0}
 .article-refresh .post-table-compare td:not(.n){width:auto;min-width:0}
 .article-refresh .post-table-compare tbody th,.article-refresh .post-table-compare thead th:first-child{position:static;max-width:none;box-shadow:none}
 .article-refresh .post-table-compare td.n{white-space:normal}
 .article-refresh .post-table-compare .post-table-long{display:none}
}
/* Index: unfiltered, the result count is only for screen readers (the All stories tab shows the same number); it shows
   again while a filter or search is on;
   chapter cards drop the chapter label they sit under (Latest, Earlier stories and filtered results keep it). */
.workbench-section .workbench-result-count:has(+.workbench-editorial:not(.is-filtered)){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.workbench-section .workbench-editorial:not(.is-filtered) .workbench-chapter:not(.chapter-featured):not(.chapter-archive) .card-tag{display:none}
/* Story cards open another page: the arrow points up-right (the hover nudge then runs along it). */
.workbench-card .card-footer .ui-arrow{rotate:-45deg}
/* Test-notes chart: the sticky setup note keeps its paper surface over the bars (the generic figcaption rule cleared it). */
.article-refresh .post-body figure.wb-runs>figcaption.wb-runs-setup{background:var(--wb-card)}