/* RigVela: a practical workbench and a readable hardware reference. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/IBMPlexSans-Regular.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/IBMPlexSans-Medium.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/IBMPlexSans-SemiBold.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/IBMPlexSans-Bold.woff2") format("woff2")}

:root{
  --font-sans:"IBM Plex Sans","Segoe UI",Arial,sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --bg:#f6f5f0;--paper:#fff;--ink:#1d2b30;--muted:#58665d;
  --line:#d6ddd4;--blue:#17664f;--green:#17664f;--softblue:#edf3e9;
  --accent:#17664f;--accent-dark:#104936;--accent-soft:#edf3e9;
  --amber:#85581b;--red:#ad3437;--focus:#9c5721;
  font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-synthesis:none;
}
body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font-sans)}
a{color:var(--accent);text-underline-offset:.2em}
::selection{background:#d6e8c9;color:#183326}
:is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
:where(input[type="checkbox"],input[type="radio"]){accent-color:var(--accent)}
:where(h1,h2,h3){color:var(--ink);font-weight:600;text-wrap:balance}
:where(p,li){text-wrap:pretty}
.eyebrow{font-family:var(--font-mono);font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.11em;color:var(--accent)}
.brand,.fallback-brand,.logo,.mobile-brand{font-family:var(--font-sans);font-weight:700;letter-spacing:-1.1px;color:var(--ink)}
.brand span,.logo em{color:var(--accent)}
.brand img{width:32px;height:32px}

/* Navigation stays quiet; the task and article title carry the page. */
.guide-header{height:auto;min-height:82px;padding-inline:max(5%,calc((100% - 1180px)/2));gap:32px;background:var(--bg);border-bottom:1px solid var(--line)}
.guide-header .public-navigation{gap:24px}
.guide-header .public-navigation a{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none}
.guide-header .public-navigation a:hover,.guide-header .public-navigation [aria-current]{color:var(--accent)}
.guide-header .public-navigation [aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.language-switcher{color:var(--ink)}
.language-switcher>summary{border-color:var(--line);border-radius:5px;background:transparent;font-size:13px}
.language-switcher>summary:hover,.language-switcher[open]>summary{background:var(--accent-soft);border-color:#9ab5a1;color:var(--accent)}
.language-options{border-color:var(--line);border-radius:6px;box-shadow:0 10px 30px #20392a18}
.language-switcher .language-options>a{border-radius:3px;color:var(--ink)}
.language-switcher .language-options>a:hover,.language-switcher .language-options>a[aria-current]{background:var(--accent-soft);color:var(--accent)}
.language-switcher .language-options>a:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;background:var(--accent-soft)}
.language-menu-title{color:var(--muted)}
.guide-footer{gap:24px;border-color:var(--line);padding-top:32px;padding-bottom:32px;flex-wrap:wrap}
.guide-footer p,.guide-footer>span{color:var(--muted);font-size:12px}
.guide-footer>a:not(.brand){font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.article-breadcrumb,.article-breadcrumb a{color:var(--muted);font-size:12px;line-height:1.7}
.article-breadcrumb>*{min-width:0;overflow-wrap:anywhere}

/* Articles: a clear reading column, ruled sections and compact references. */
.guide-main,.article-main,.tool-main{max-width:1180px}
.article-main{padding-top:32px}
.article-layout{grid-template-columns:minmax(0,760px) minmax(180px,230px);gap:64px}
.article-layout>article{min-width:0;counter-reset:article-section}
.article-header h1,.article-section>h2,.guide-card h2,.tool-card h2{overflow-wrap:anywhere}
.article-header{padding-bottom:28px;border-bottom:1px solid var(--line)}
.article-header h1{font-family:var(--font-sans);font-size:clamp(35px,3.8vw,52px);font-weight:600;line-height:1.12;letter-spacing:-1.6px;margin-bottom:26px;max-width:820px}
.article-header .eyebrow{font-size:11px;color:var(--accent)}
.article-intro{font-size:19px;line-height:1.7;color:#435349;max-width:65ch}
.article-meta{font-family:var(--font-mono);font-size:11px;line-height:1.9;color:var(--muted);margin-top:24px}
.article-section{margin-top:40px;scroll-margin-top:28px}
.article-section>h2{display:flex;align-items:baseline;gap:15px;font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-.5px;margin-bottom:20px}
.article-section>h2::before{counter-increment:article-section;content:counter(article-section,decimal-leading-zero);font:400 12px/1.5 var(--font-mono);color:var(--accent);flex-shrink:0;min-width:22px}
.article-section p{font-size:17px;line-height:1.85;color:#35473c;max-width:72ch}
.article-section li{font-size:16px;line-height:1.8}
.article-toc{border-left:1px solid var(--line);padding-left:22px;top:30px}
.article-toc h2{font-family:var(--font-mono);font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.09em}
.article-toc>a{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:14px;padding:4px 0}
.article-toc>a:hover{color:var(--accent)}
.article-quick-answer{border:0;border-left:3px solid var(--accent);border-radius:0;background:var(--accent-soft);padding:20px 24px;margin:24px 0}
.article-quick-answer h2{color:var(--accent-dark);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.03em;margin:0 0 12px}
.article-quick-answer p{color:#294935;font-size:17px;line-height:1.75;margin-bottom:10px}
.article-quick-answer>a{font-size:14px;color:var(--accent);font-weight:600}
.article-decision-table{border:1px solid var(--line);border-radius:0;background:#fff;font-size:15px}
.article-decision-table caption{text-align:left;color:var(--ink);font-size:15px;font-weight:600;padding-bottom:12px}
.article-decision-table th,.article-decision-table td{padding:16px 18px;border-color:var(--line);color:#35473c;font-size:15px;line-height:1.75}
.article-decision-table thead th{background:#edf0e8;color:#304938;font-family:var(--font-mono);font-size:12px;font-weight:500}
.article-decision-table tbody th{background:#fafbf7;color:var(--ink);font-weight:600}
.article-section-references{border-left:0;padding:0;margin-top:20px}
.article-section-references a{font-size:13px;line-height:1.7;color:var(--accent)}
.article-checklist{border-radius:0;border-left:3px solid #9ab5a1;background:#edf0e8;padding:22px 24px}
.article-checklist h3,.article-checklist li{color:#354d3b}
.article-faq{border-color:var(--line)}
.article-faq h2{font-size:27px;font-weight:600}
.article-faq details,.article-sources{border-color:var(--line)}
.article-faq summary{font-size:17px;color:var(--ink);padding-block:14px}
.article-faq p,.article-sources p,.article-sources li{font-size:15px;line-height:1.8;color:#435349}
.article-sources h2{font-size:24px;font-weight:600}
.mobile-toc{border-radius:4px;border-color:var(--line);background:#eeefe8}
.mobile-toc summary{color:var(--ink);min-height:44px}
.guide-diagram{border-radius:4px;border-color:var(--line);background:#edf0e8}
.diagram-items>div{border-radius:3px;background:#fff;border-color:var(--line)}
.diagram-items>div,.guide-card,.tool-card{min-width:0}
.guide-diagram figcaption,.diagram-items b,.diagram-caption{color:#354d3b}
.parts-notes,.parts-notes-import{border-color:#bccdb9;border-radius:5px;background:#fff}
.parts-notes h2,.parts-notes-import h2{font-size:25px;font-weight:600}
.parts-notes p,.parts-notes-import p{color:#435349}
.parts-notes textarea,.parts-notes-import textarea{border-radius:4px;border-color:#aebbab;background:#fafbf7;color:var(--ink);font-family:var(--font-sans)}
.parts-notes-actions .tool-secondary{color:var(--ink);border-color:#b9c7b5;border-radius:4px}

/* The library uses editorial rows rather than a wall of identical tiles. */
.guide-hero{max-width:920px;padding-bottom:36px}
.guide-hero h1{font-size:clamp(38px,4.6vw,62px);font-weight:600;line-height:1.07;letter-spacing:-1.8px}
.guide-hero p{font-size:18px;color:#435349;line-height:1.75;max-width:68ch}
.hero-note{color:var(--muted);font:400 12px/1.7 var(--font-mono)}
.note-dot{background:var(--accent)}
.guide-topics{border-color:var(--line)}
.guide-topics a{border-radius:4px;border-color:var(--line);color:#435349;background:transparent}
.guide-topics a:hover{background:var(--accent-soft);border-color:#9ab5a1}
.guide-topics a span{color:var(--accent)}
.help-strip{border:0;border-block:1px solid var(--line);border-radius:0;background:transparent;padding:28px 0;margin-block:24px}
.help-strip h2{font-size:25px;font-weight:600}
.help-links a{color:var(--accent);font-size:15px}
.guide-group{margin-top:48px}
.group-heading{align-items:flex-start;margin-bottom:20px}
.group-heading h2{font-size:33px;font-weight:600;letter-spacing:-.7px}
.group-heading p{font-size:15px;color:var(--muted)}
.group-count{padding:5px 0;background:transparent;border-radius:0;color:var(--muted);font:400 18px/1.5 var(--font-mono)}
.guide-grid{column-gap:36px;row-gap:0}
.guide-card{padding:27px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;transition:none}
.guide-card:hover{transform:none;border-color:var(--accent);background:transparent;box-shadow:none}
.guide-card h2{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.45px;color:var(--ink)}
.guide-card:hover h2{color:var(--accent)}
.guide-card p,.related .guide-card p{font-size:15px;line-height:1.75;color:#58665d}
.card-top{margin-bottom:18px;font:400 11px/1.6 var(--font-mono);color:var(--muted)}
.guide-topic{padding:0;background:transparent;border-radius:0;color:var(--accent)}
.card-link{border:0;padding-top:0;color:var(--accent);font-size:13px;font-weight:500}
.guide-cta{background:#183d2f;border:0;border-radius:5px;padding:36px;color:#fff}
.guide-cta h2,.guide-cta .eyebrow{color:#fff}.guide-cta p{color:#d1dfcf}
.guide-cta .button{background:#e4edcf;color:#163a2b;border-color:#e4edcf}
.related{border-color:var(--line)}
.related>h2{font-weight:600;font-size:28px}
.related .guide-card h2{font-size:21px}

/* Shared tools and forms. Status colours retain their original meaning. */
.tool-main{padding-top:36px}
.tool-hero{max-width:920px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.tool-hero h1{font-size:clamp(35px,4vw,54px);font-weight:600;line-height:1.12;letter-spacing:-1.6px;margin-bottom:22px}
.tool-hero>p{font-size:18px;line-height:1.75;color:#435349;max-width:68ch}
.tool-tags{gap:10px 20px;color:var(--muted);font:400 12px/1.7 var(--font-mono)}
.tool-tags span{border:0;background:transparent;border-radius:0;padding:0}
.tool-tags span::before{content:"·";color:var(--accent);margin-right:8px}
.tools-grid{gap:0 36px}
.tool-card{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:30px 0;box-shadow:none}
.tool-card:hover{background:transparent;border-color:var(--accent)}
.tool-card h2{color:var(--ink);font-size:28px;font-weight:600;line-height:1.25;margin-bottom:16px}
.tool-card p{font-size:16px;line-height:1.75;color:#58665d}
.tool-card>b{color:var(--accent);font-weight:500}
.fit-form,.checker-input,.checker-context,.result-card{background:#fff;border-color:var(--line);border-radius:6px;box-shadow:none}
.fit-form{padding:30px}
.fit-form legend{font-size:23px;font-weight:600;letter-spacing:-.35px}
.fit-form label,.checker-input label{color:#314438;font-weight:500;font-size:15px}
.fit-form input,.fit-form select,.checker-input textarea,.checker-resolver input,.checker-resolver select{border-radius:4px;border-color:#aebbab;background:#fafbf7;color:var(--ink);font-family:var(--font-sans)}
.fit-form :is(input,select):focus-visible,.checker-input textarea:focus-visible,.parts-notes textarea:focus-visible{outline:3px solid var(--focus);border-color:var(--focus);outline-offset:2px}
.fit-form p,.checker-input>p,.checker-context p,.tool-fine{color:#58665d}
.fit-source .fit-model-name{display:block;min-width:0;margin-bottom:5px;color:var(--ink);font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.fit-source .fit-model-mpn{display:block;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.fit-source .fit-model-links{display:block;line-height:1.8;overflow-wrap:anywhere}
.search-match-badge{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
.search-match-badge[data-search-identity=alternate]{background:#f6f0df;color:#6a5121;border:1px solid #dccca4}
.feedback-form{min-width:0;margin:20px 0 0;overflow-wrap:anywhere}
.feedback-form label{display:block;margin:16px 0 8px;font-size:14px;font-weight:500;line-height:1.7;color:var(--ink)}
.feedback-form :is(input,select,textarea){display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-top:7px;padding:11px 12px;min-height:46px;border:1px solid #aebbab;border-radius:4px;background:#fafbf7;color:var(--ink);font:400 16px/1.6 var(--font-sans)}
.feedback-form textarea{min-height:130px;resize:vertical}
.feedback-form :is(input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.feedback-form [aria-invalid=true]{border-color:#a94032}
.feedback-form>button{min-height:46px;max-width:100%;box-sizing:border-box;white-space:normal;font:500 14px/1.7 var(--font-sans);background:var(--accent);color:#fff;border:1px solid var(--accent);padding:10px 18px;border-radius:4px;cursor:pointer}
.feedback-form :is(button,input,select,textarea):disabled{opacity:.65;cursor:default}
.feedback-form p{font-size:13px;line-height:1.85;margin:8px 0 14px;max-width:74ch}
.feedback-form .feedback-success{background:#edf3e9;color:var(--ink);border:1px solid var(--line);padding:20px;border-radius:4px}
.feedback-form .feedback-success small{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.8}
.model-request-back{margin-top:18px;min-height:44px;max-width:100%;white-space:normal}
.ssd-input-issues{margin-top:22px;min-width:0;overflow-wrap:anywhere}
.ssd-input-issues>h3{margin:0 0 8px;font-size:18px;line-height:1.6;font-weight:600}
.ssd-input-issues>p{margin:0 0 12px}
.ssd-input-issues details{border-top:1px solid var(--line);padding:0 0 8px}
.ssd-input-issues summary{cursor:pointer;min-height:44px;padding:12px 0;box-sizing:border-box;font-size:14px;line-height:1.7;font-weight:500;color:var(--ink)}
.ssd-input-issues details>p{margin:0 0 10px;max-width:74ch}
.ssd-input-issues details>div{display:flex;flex-wrap:wrap;gap:8px 22px}
.ssd-input-issues a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:13px;line-height:1.7;color:var(--accent)}
.ssd-input-issues summary:focus-visible,.ssd-input-issues a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.fit-formula{background:#edf3e9;border-color:var(--accent);color:#294935!important}
.fit-result{border-radius:5px;border-color:var(--line)}
.fit-numbers{border-color:var(--line);background:var(--line);border-radius:4px}
.fit-numbers>div{background:#fff}
.ram-intro,.ssd-types>div{background:#edf0e8;border-color:var(--line);border-radius:4px}
.ram-intro h2,.ssd-types b{color:#294935;font-weight:600}
.ram-intro p,.ssd-types p{color:#435349}
.ssd-doc-help,.ram-kept{background:#f3f5ed;border-radius:4px;border-color:var(--line)}
.ssd-doc-help summary,.ssd-doc-help p{color:#435349}
.ssd-summary{background:#edf0e8;border-radius:4px}
.method-section{border-color:var(--line)}
.method-section h2{font-size:27px;font-weight:600}
.method-section p,.method-section li{color:#435349;line-height:1.85}
.tool-reading>div>a,.explainer-reading>div>a,.result-parts>div{border-radius:4px;border-color:var(--line);background:#fff}
.guide-action{background:#edf3e9;border-color:#bccdb9;border-radius:5px}
.guide-action h2{font-weight:600;color:#1e3f2c}.guide-action p{color:#435349}
.button,.primary-button{background:var(--accent);border:1px solid var(--accent);border-radius:4px;color:#fff;font-family:var(--font-sans);font-weight:500;min-height:44px;max-width:100%;white-space:normal;text-align:center}
.button:hover,.primary-button:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}
.secondary-button,.tool-secondary,.change-button{background:#fff;border:1px solid #b7c5b4;border-radius:4px;color:#314438;font-family:var(--font-sans);font-weight:500;min-height:44px;max-width:100%;white-space:normal;text-align:center}
.secondary-button:hover,.tool-secondary:hover,.change-button:hover{background:#edf3e9;border-color:var(--accent);color:var(--accent)}
.add-button{background:#edf3e9;border-color:#b7c5b4;border-radius:4px;color:var(--accent);min-height:44px}
.button:disabled,.primary-button:disabled,.secondary-button:disabled,.tool-secondary:disabled{opacity:.5;cursor:default}
.checker-resolver,dialog{background:#fff;border-color:var(--line);border-radius:8px;box-shadow:0 24px 80px #162f2440}
dialog::backdrop{background:#142b2266}
.checker-resolver-option,.resolve-option,.comparison-card{border-color:var(--line);border-radius:4px;background:#fff}
.resolver-original,.search-match-badge,.checker-resolver-option>.search-match-badge{background:var(--accent-soft);color:var(--accent-dark);border-radius:3px}
.checker-resolver-option>b,.checker-resolver h2{color:var(--ink)}
.manual-check-item{background:#f3f5ed;border-color:#9ab5a1;border-radius:0 4px 4px 0}
.manual-check-item>p,.manual-check-help p{color:#435349}.manual-check-help :is(summary,a){color:var(--accent)}
.list-replacement-pair>section{border-color:var(--line);border-radius:4px;background:#fafbf7}
.list-replacement-pair>section:last-child{background:var(--accent-soft);border-color:#9ab5a1}
.replacement-confirm{background:var(--accent)!important;border-color:var(--accent)!important;color:white!important}

/* Builder: a persistent navigation rail and one continuous component sheet. */
.sidebar{background:#18392e;border-color:#18392e}
.sidebar .logo{color:#fff}
.sidebar .logo em{color:#cfdfb6}
.logo-mark{border-radius:5px;background:var(--accent);color:#fff}
.sidebar .logo-mark{background:#cbdcb5;color:#173729}
.sidebar-label{font-family:var(--font-mono);font-weight:400;letter-spacing:.08em;color:#adc4b5}
.sidebar .nav-item{border-radius:4px;font-weight:500;font-size:14px;color:#d2dfd2;padding:13px 12px}
.sidebar .nav-item:hover{background:#2c4e3e;color:#fff}
.sidebar .nav-item.active{background:#e4edcf;color:#183d2f}
.sidebar .nav-count{background:#365846;color:#e4edcf;border-radius:3px;font:400 11px var(--font-mono)}
.side-note{border-radius:0;border-top:1px solid #42614f;background:transparent;color:#b9cbbb;padding:20px 0;font-size:12px}
.side-note b{color:#e4edcf;font-size:14px;font-weight:500}
.side-footer{color:#adc4b5;font:400 10px/1.5 var(--font-mono);margin-inline:0}
.saved-card{flex-wrap:wrap}.saved-card>div:first-child{min-width:0;flex:1}.saved-card b,.saved-card p{overflow-wrap:anywhere}.saved-actions{max-width:100%;flex-wrap:wrap}
.saved-rename-form label{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.saved-rename-form>p{font-size:14px;line-height:1.8;color:var(--muted)}
.saved-rename-form input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:12px;border:1px solid #aebbab;border-radius:4px;background:#fafbf7;color:var(--ink);font:16px/1.5 var(--font-sans)}
.saved-rename-form input[aria-invalid="true"]{border-color:var(--red)}.saved-rename-form .saved-rename-error{color:var(--red)}
.saved-rename-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.saved-rename-actions button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.saved-library-tools{display:flex;flex-wrap:wrap;margin:0 0 18px}.saved-library-tools .secondary-button{width:auto;max-width:100%;min-height:44px;margin:0;white-space:normal}.saved-backup{overflow-wrap:anywhere}.saved-backup p{font-size:14px;line-height:1.8}.saved-backup .saved-backup-note{font-size:13px}.saved-backup label{display:block;font-size:14px;line-height:1.7;color:var(--ink)}.saved-backup input[type=file]{display:block;box-sizing:border-box;max-width:100%;width:100%;min-height:44px;margin-top:10px;font-size:16px}.saved-backup textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:12px;margin-top:16px;font:14px/1.7 var(--font-mono);border:1px solid var(--line);background:var(--bg);color:var(--ink)}.saved-backup-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.saved-backup-actions button,.saved-backup>#backupDownload{width:auto;max-width:100%;min-height:44px;margin:0;white-space:normal;overflow-wrap:anywhere}.backup-builds{list-style:none;margin:16px 0;padding:0!important}.backup-builds>li{padding:16px 0;border-top:1px solid var(--line);margin:0}.backup-builds label{display:flex;align-items:flex-start;gap:12px;min-height:44px;cursor:pointer}.backup-builds input{width:18px;height:18px;flex:0 0 18px;margin:4px 0 0}.backup-builds label>span{min-width:0}.backup-builds strong{display:block;font-size:15px;line-height:1.6}.backup-builds small{display:block;font-size:13px;line-height:1.8;color:var(--muted);margin-top:4px}.saved-backup .backup-builds p{font-size:13px;line-height:1.8;margin:8px 0 0 30px}@media(max-width:760px){.saved-backup textarea{font-size:16px}.saved-backup-actions{flex-direction:column}.saved-backup-actions button{width:100%}.saved-library-tools{display:block}.saved-library-tools button{width:100%!important}}
.candidate-checks{font-size:13px;color:var(--muted);line-height:1.75;overflow-wrap:anywhere}
.candidate-checks .candidate-check-heading{font-size:13px;font-weight:500;line-height:1.7;color:var(--accent);margin:10px 0 5px}
.candidate-checks[data-candidate-assessment="conflict"] .candidate-check-heading,.candidate-known-conflicts{color:var(--red)}
.candidate-checks[data-candidate-assessment="unassessed"] .candidate-check-heading{color:var(--muted)}
.candidate-checks[data-candidate-assessment="review"] .candidate-check-heading{color:var(--amber)}
.candidate-checks ul{margin:8px 0;padding-left:20px}.candidate-checks li{margin:7px 0}.candidate-checks li>p{margin:5px 0}
.candidate-check-details{margin-top:5px}.candidate-check-details>summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--accent);line-height:1.8}
.candidate-check-details>div{padding:4px 0 12px}.candidate-check-details h4{font-size:13px;line-height:1.7;color:var(--ink);margin:16px 0 8px}.candidate-check-details p{font-size:13px;line-height:1.8;margin:8px 0}
.candidate-check-details li>a{display:block;margin-top:5px}.candidate-context-note{border-left:2px solid var(--line);padding-left:10px}
.topbar{background:var(--bg);border-color:var(--line)}
.breadcrumb{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
.breadcrumb b{color:var(--ink);font-weight:400}
.top-actions .text-button{font-size:13px;color:#435349}
.help-button{border-radius:4px;color:var(--accent);border-color:var(--line);background:transparent}
.workspace{max-width:1380px;padding-top:40px}
.hero{gap:36px;min-height:240px;margin-bottom:32px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(38px,3.8vw,56px);font-weight:600;line-height:1.05;letter-spacing:-1.8px;margin-block:16px 20px;color:var(--ink)}
.hero h1 span{color:var(--accent)}
.hero p{font-size:17px;line-height:1.7;color:#435349;max-width:580px}
.hero .eyebrow{font-size:11px;font-weight:400;letter-spacing:.08em}
.hero-art{width:230px;height:195px;margin-right:0;color:#526d58}
.hero-art svg{width:100%;height:100%}
.hero-actions{gap:12px;margin-top:24px}
.hero-actions :is(.primary-button,.secondary-button){font-size:15px;padding:12px 18px}
.quick-tools{margin-bottom:28px}
.quick-tools-heading h2{font-size:17px;font-weight:500;color:#435349}
.quick-tools-heading>a{font-size:13px}
.quick-tools-grid{gap:0;border-block:1px solid var(--line)}
.quick-tool{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:18px 16px;min-height:86px}
.quick-tool:first-child{padding-left:0}.quick-tool:last-child{border-right:0}
.quick-tool:hover{background:#edf0e8;border-color:var(--line);text-decoration:none}
.quick-tool-icon{border-radius:4px;background:#e5ecdf;color:var(--accent)}
.quick-tool-copy b{color:var(--ink);font-weight:600;font-size:14px}
.quick-tool-copy small{color:var(--muted);font-size:12px}
.quick-tool-arrow{color:var(--accent)}
.intent-grid{gap:0;border-bottom:1px solid var(--line);margin-bottom:0}
.intent-card{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:16px 14px;gap:10px;align-items:center}
.intent-card b{font-size:14px;margin:0;font-weight:500;color:#435349}
.intent-card>svg{color:#6c806c;margin:0}
.intent-card small{display:none}
.intent-card.active{border-color:var(--accent);background:#edf3e9;box-shadow:none}
.intent-card.active b,.intent-card.active>svg{color:var(--accent)}
.workbench-panel{border:0;border-radius:0;background:transparent;padding:24px 0;gap:20px}
.workbench-panel h2{font-size:21px;font-weight:600;color:var(--ink)}
.workbench-panel p{font-size:14px;line-height:1.8;color:var(--muted)}
.builder-top h2{font-size:23px;font-weight:600;letter-spacing:-.4px}
.builder-top h2 small{font:400 12px var(--font-mono);color:var(--muted)}
.text-button{font-size:12px;color:var(--accent)}
.catalog-notice{background:transparent;border-radius:0;border-left:2px solid #bacbb2;padding:5px 12px;color:var(--muted);font-size:13px}
.example-section{border-color:var(--line);border-radius:4px;background:transparent}
.preset{border-radius:4px;font-size:12px;background:#fff;color:#435349}
.preset:hover,.preset.selected{background:var(--accent-soft);color:var(--accent);border-color:#9ab5a1}
#partList{border:1px solid var(--line);border-radius:5px;background:white}
.part-card{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:20px;min-height:116px;box-shadow:none;grid-template-columns:42px minmax(0,1fr) auto}
.part-card:hover{background:#fafbf7;border-color:var(--line);box-shadow:none}
.part-card.error{border-left:3px solid var(--red);padding-left:17px}
.part-card .part-icon{display:grid;width:42px;height:42px;border:0;border-radius:4px;color:#5b7561;background:#edf0e8}
.part-category{font-family:var(--font-mono);font-size:11px;line-height:1.6;letter-spacing:.02em;color:var(--muted)}
.part-name{font-size:15px;line-height:1.5;font-weight:600;color:var(--ink)}
.part-name.empty-part{color:#657463;font-weight:400}
.part-spec{font-size:13px;line-height:1.7;color:#58665d;margin-top:5px}
.part-meta{gap:10px 16px;margin-top:10px}
.owned-label,.source-link,.price-edit{font-size:12px;color:var(--accent)}
.part-price{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.part-price small{font-size:11px;color:var(--muted)}
.part-card .change-button,.part-card .add-button{font-size:13px;padding:10px 13px;min-height:44px}
.summary-card{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:5px;background:#fff;padding:25px;box-shadow:none}
.summary-heading{font-size:21px;font-weight:600;line-height:1.4}
.check-heading{font-size:14px;margin-top:20px;gap:10px}
.check-line,.check-note{font-size:13px;line-height:1.8}
.check-line.warn{color:#85581b}.check-line.error{color:var(--red)}.check-line.good{color:var(--green)}
.check-note{color:var(--muted)}
.status-pill{font-size:11px;font-weight:500;border-radius:3px;line-height:1.6}
.summary-card :is(.primary-button,.secondary-button){font-size:14px;padding:12px;min-height:46px}
.summary-card .divider{background:var(--line)}
.summary-callout{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:20px 0;color:var(--accent)}
.summary-callout b{font-size:14px;color:#435349;font-weight:500}
.summary-callout p,.price-disclaimer{font-size:12px;line-height:1.8;color:var(--muted)}
.price-disclaimer button{color:var(--accent)}
.budget-title,.estimate-label,.budget-status,.price-breakdown span{font-size:12px}
.total{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-1.5px}
.learn-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;border:0;border-radius:0;border-block:1px solid var(--line);background:transparent;padding:30px 0}
.learn-band .eyebrow{font-size:11px;line-height:1.5;margin:0 0 10px}
.learn-band h2{font-size:26px;font-weight:600;line-height:1.3;margin:0;max-width:30ch}
.learn-band>a{min-height:44px;font-size:14px;white-space:nowrap}
.learn-links{grid-column:1/-1;gap:0 24px;margin:0;min-width:0}
.learn-links a{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--accent);padding:20px 0;font-size:14px;line-height:1.6;min-width:0}
.learn-links a svg{flex-shrink:0}
.learn-links a:hover{background:transparent;border-color:var(--accent)}
.builder-explainer{border-color:var(--line);border-radius:0;background:transparent;padding-inline:0}
.explainer-lead,.explainer-steps p,.explainer-bottom p,.explainer-faq p{color:#58665d;font-size:15px;line-height:1.8}
.explainer-steps{gap:28px}
.explainer-steps>div{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:20px 0}
.explainer-steps span{font:400 12px/1.5 var(--font-mono);color:var(--accent)}
.explainer-steps h3{font-size:21px;font-weight:600}
.explainer-reading a:hover{background:#edf3e9;border-color:#9ab5a1}
.explainer-faq,.explainer-faq details{border-color:var(--line)}
.bottom-band{border-color:var(--line);color:var(--muted);font-size:12px}
.bottom-band button,.bottom-brand{color:var(--muted)}
.catalog-filters select,.search-box input{background:#fafbf7;border-color:#aebbab;color:var(--ink);border-radius:4px;font-family:var(--font-sans)}
.catalog-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;min-width:0}
.catalog-active-filters button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;min-height:44px;padding:8px 12px;border:1px solid #b7c5b4;border-radius:4px;background:#edf3e9;color:#294935;font:400 13px/1.5 var(--font-sans);text-align:left;white-space:normal}
.catalog-active-filters button>span:first-child{min-width:0;overflow-wrap:anywhere}.catalog-active-filters button>span:last-child{font-size:20px;line-height:1;flex-shrink:0}
.catalog-active-filters button:hover{border-color:var(--accent);background:#e4eddf}
.catalog-search-help{border-bottom:1px solid var(--line);padding-bottom:4px;margin:8px 0 12px;min-width:0}
.catalog-search-help>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;font-weight:500;line-height:1.7;color:#435349}
.catalog-search-help>p{font-size:14px;line-height:1.8;color:var(--muted);margin:8px 0;max-width:72ch}
.catalog-search-help>button{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:9px 0;white-space:normal;overflow-wrap:anywhere;text-align:left;font:400 13px/1.7 var(--font-mono);color:var(--accent)}
.catalog-search-help>p.catalog-example-note{font-size:12px}.catalog-search-help>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.6;font-weight:500}
.resolution-search-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;min-width:0}
.resolution-search-actions button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:13px;line-height:1.6}
.resolution-recovery{border-left:3px solid var(--accent);padding:1px 0 1px 14px;margin:14px 0}
.resolution-recovery>p{margin:8px 0;font-size:14px;line-height:1.7;color:var(--muted)}
.resolution-search-help{margin-block:4px 16px}.resolution-count{overflow-wrap:anywhere}
.catalog-result-count{color:var(--muted);font-size:13px;line-height:1.8}
.picker-item.current-choice{background:var(--accent-soft);border-radius:4px}
.current-badge{color:var(--accent);border-color:#b9cbb0;border-radius:3px}
.picker-item:hover{background:#edf3e9}
.analytics-settings{border-color:var(--line);border-radius:4px;color:#435349;font-family:var(--font-sans);box-shadow:none}
.analytics-dialog{border-radius:6px;border-color:var(--line);font-family:var(--font-sans)}
.analytics-banner{font-family:var(--font-sans)}
body:has(>.guide-footer)>.analytics-settings{position:static;display:inline-flex;align-items:center;min-height:44px;margin:0 30px 28px max(30px,calc((100% - 1180px)/2 + 30px));font-size:13px}
.analytics-dialog a{color:var(--accent)}
.analytics-actions button{font-family:var(--font-sans);border-radius:4px;border-color:#b7c5b4;background:#f6f7f1;color:#314438}
.analytics-actions button[data-analytics-choice="granted"]{background:#edf3e9;border-color:#9ab5a1;color:var(--accent)}

.site-search-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;flex-shrink:0;color:var(--accent);font-size:14px;font-weight:500;text-decoration:none;box-sizing:border-box}.site-search-link:hover span{text-decoration:underline;text-underline-offset:4px}.site-search-link svg{flex-shrink:0}.site-search-link[aria-current]{box-shadow:inset 0 -2px var(--accent)}
/* Preserve the established single-column phone flows and native disclosures. */
@media(max-width:1180px){
  .hero-art{display:none}.hero{min-height:0}.hero h1{font-size:46px}
}
@media(max-width:1080px){
  .sidebar{display:none}.main-shell{margin-left:0}
  .mobile-navigation{background:var(--bg);border-color:var(--line)}
  .mobile-navigation a{color:var(--muted);border-radius:4px;font-size:13px}
  .mobile-navigation [aria-current]{background:#e5ecdf;color:var(--accent)}
  .article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:32px}
  .guide-header{gap:20px;padding-inline:28px}
  .guide-header .public-navigation{gap:15px}
}
@media(max-width:960px){
  .guide-header{padding:16px 24px;min-height:0;gap:12px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto}
  .guide-header .brand{grid-column:1;grid-row:1;font-size:25px}
  .guide-header>.language-switcher{grid-column:2;grid-row:1;justify-self:end}
  .guide-header .public-navigation{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0;gap:4px;border-top:1px solid var(--line);padding-top:8px}
  .guide-header .public-navigation a{font-size:13px;min-height:44px;line-height:1.5;text-align:center}
}
@media(max-width:760px){
  .workspace{padding:26px 18px 36px}.topbar{padding-inline:18px}
  .hero{min-height:0;gap:0;margin-bottom:22px;padding-bottom:24px}
  .hero h1{font-size:clamp(35px,8.8vw,47px);line-height:1.08;letter-spacing:-1.1px;margin:14px 0 18px}
  .hero p{font-size:16px;line-height:1.7}.hero .eyebrow{font-size:10px;letter-spacing:.04em}
  .hero-actions :is(.primary-button,.secondary-button){font-size:14px;min-height:46px}
  .quick-tools-grid{gap:0}.quick-tool{padding:15px 7px;min-height:84px}.quick-tool:first-child{padding-left:7px}
  .quick-tool-icon{background:transparent}.quick-tool .quick-tool-short{font-size:12px;font-weight:500}
  .intent-card{justify-content:center;gap:7px;padding:15px 7px}.intent-card b{font-size:13px}.intent-card>svg{width:18px;height:18px}
  .workbench-panel{padding-block:22px}.workbench-panel h2{font-size:21px}.workbench-panel p{font-size:14px}
  .builder-top h2{font-size:23px}.builder-top h2 small{font-size:11px}
  .part-card.has-part{grid-template-columns:minmax(0,1fr);padding:20px 16px;gap:12px;min-height:0}
  .part-card.is-empty{grid-template-columns:minmax(0,1fr) auto;min-height:100px;padding:18px 16px;gap:12px}
  .part-card .part-icon{display:none}.part-name{font-size:15px}.part-spec{font-size:13px}.part-category{font-size:11px}
  .part-card.has-part .part-price{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;border-color:var(--line);padding-top:12px;gap:10px}
  .part-meta{gap:8px 14px}.part-meta :is(a,button,label){min-height:32px;display:inline-flex;align-items:center}
  .summary-card{padding:24px 20px}.summary-heading{font-size:22px}.check-line{font-size:14px}
  .learn-links,.explainer-steps{gap:0}.learn-band{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:26px}.learn-band>a{justify-self:start}.learn-band h2{font-size:25px}
  .guide-header{padding:16px 20px;min-height:0;gap:12px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto}
  .guide-header .brand{grid-column:1;grid-row:1;font-size:25px}.guide-header>.language-switcher{grid-column:2;grid-row:1;justify-self:end}
  .guide-header .public-navigation{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0;gap:4px;border-top:1px solid var(--line);padding-top:8px}
  .guide-header .public-navigation a{font-size:12px;min-height:44px;line-height:1.5;text-align:center}
  .guide-header .public-navigation [aria-current]{text-underline-offset:6px}
  .guide-main,.article-main,.tool-main{padding:28px 20px 48px}
  .article-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .article-header h1{font-size:clamp(33px,7.8vw,43px);line-height:1.13;letter-spacing:-.85px;margin-bottom:22px}
  .article-header .eyebrow{font-size:10px}.article-header{padding-bottom:24px}
  .article-intro{font-size:17px;line-height:1.75}.article-meta{font-size:10px}
  .article-section{margin-top:30px}.article-section>h2{font-size:24px;gap:12px;line-height:1.35;letter-spacing:-.3px}
  .article-section>h2::before{font-size:11px;min-width:18px}
  .article-section p{font-size:16px;line-height:1.85}.article-section li{font-size:15px}
  .article-quick-answer{padding:18px 19px;margin-block:22px}.article-quick-answer p{font-size:16px}
  .article-decision-table th,.article-decision-table td{padding:13px 12px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
  .article-decision-table thead th{font-size:11px}.article-decision-table caption{font-size:14px}
  .article-checklist{padding:20px}.article-faq summary{font-size:16px}
  .guide-hero{padding-block:0 28px}.guide-hero h1{font-size:38px;line-height:1.1;letter-spacing:-1px}.guide-hero p{font-size:16px}
  .guide-group{margin-top:34px}.group-heading h2{font-size:29px}.group-heading p{font-size:14px}
  .guide-grid,.related .guide-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .guide-card{padding:24px 0}.guide-card h2{font-size:23px}.guide-card p{font-size:15px}
  .guide-cta{padding:26px 22px}.guide-cta h2{font-size:26px}.guide-cta .button{min-height:46px}
  .tool-hero{padding-bottom:24px;margin-bottom:26px}.tool-hero h1{font-size:clamp(33px,8vw,43px);letter-spacing:-.9px;line-height:1.12}.tool-hero>p{font-size:16px}
  .tool-tags{font-size:11px;gap:7px 14px}.tools-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .tool-card{padding:26px 0}.tool-card h2{font-size:26px}.tool-card p{font-size:15px}
  .fit-form{padding:24px 20px}.fit-form legend{font-size:22px}.fit-form label{font-size:15px}
  .fit-form input,.fit-form select,.checker-input textarea{font-size:16px;min-height:46px}
  .build-report-panel textarea{font-size:16px}
  body:has(>.guide-footer)>.analytics-settings{margin-inline:20px}
  .guide-footer{padding:28px 20px;gap:10px 24px}.guide-footer>.brand{width:100%}.guide-footer p{flex-basis:100%;margin:4px 0 8px}
}
@media(max-width:380px){
  .workspace{padding-inline:14px}.topbar{padding-inline:14px}
  .guide-header,.guide-main,.article-main,.tool-main,.guide-footer{padding-inline:16px}
  .hero h1{font-size:34px}.article-header h1,.tool-hero h1{font-size:32px}
  .part-card.is-empty,.part-card.has-part{padding-inline:14px}.part-name{font-size:14px}.part-card .add-button{padding-inline:10px}
  .article-decision-table th,.article-decision-table td{padding:12px 10px;font-size:13px}
  .intent-card{gap:5px;padding-inline:5px}.intent-card b{font-size:12px}
  body:has(>.guide-footer)>.analytics-settings{margin-inline:16px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{
  body{background:#fff;color:#000}.sidebar,.topbar,.mobile-navigation,.guide-header,.guide-footer{display:none}
  .main-shell{margin:0}.workspace,.article-main,.guide-main,.tool-main{max-width:none;padding:0}
  .article-layout{display:block}.article-toc{display:none}.article-header,.article-section{break-inside:auto}
  .article-header h1{font-size:30px}.article-section p{font-size:12pt;line-height:1.6;color:#111}
  .article-quick-answer,.article-checklist{background:#fff;border:1px solid #aaa}.guide-card{break-inside:avoid}
}

.reference-teaser{border-block:1px solid var(--line);padding:24px 0;margin:30px 0}.reference-teaser h2{font-size:23px;line-height:1.35;margin:0 0 12px}.reference-teaser p{font-size:15px;line-height:1.8;max-width:80ch}.reference-teaser a,.board-reference-inline{display:inline-flex;align-items:center;min-height:36px;font-size:13px;line-height:1.7}
@media(max-width:760px){.board-reference-inline{min-height:44px}}

.saved-backup [hidden]{display:none!important}

/* Search is separate from the four primary navigation links and language menu. */
@media(max-width:960px){.guide-header{grid-template-columns:minmax(0,1fr) auto auto}.guide-header>.site-search-link{grid-column:2;grid-row:1}.guide-header>.language-switcher{grid-column:3}.site-search-link>span{display:none}}
@media(max-width:760px){.topbar .help-button{display:none}.topbar .top-actions>.text-button>span{display:none}}
@media print{.site-search-link{display:none}}

/* The first visit explains the task; an active draft gets a compact work area. */
.hero .workspace-entry-note{font:400 12px/1.7 var(--font-mono);color:var(--muted);margin-top:18px}
.hero.hero-working{min-height:0;margin-bottom:20px;padding-bottom:20px;gap:0}
.hero.hero-working h1{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:10px 0}
.hero.hero-working p{font-size:15px;line-height:1.7;max-width:78ch;margin-bottom:0}
.intent-icon{display:inline-flex;flex-shrink:0;color:#6c806c}
.intent-card.active .intent-icon{color:var(--accent)}
.intent-card>span:last-child{min-width:0}
#app[data-empty="true"] .intent-card{align-items:flex-start;padding:20px 16px;gap:12px}
#app[data-empty="true"] .intent-full{display:block}
#app[data-empty="true"] .intent-short{display:none}
#app[data-empty="true"] .intent-card small{display:block;margin-top:8px;font-size:13px;line-height:1.65;color:var(--muted)}
.workbench-panel .workbench-actions{flex-wrap:wrap}
.workbench-panel .workbench-actions button{font-size:14px;min-height:46px;white-space:normal;line-height:1.5}
.workbench-panel.workbench-working{padding:17px 0;margin-bottom:16px;align-items:center}
.workbench-working h2{font-size:16px;margin-bottom:0}
.workbench-working .workbench-stats{font-size:12px;color:var(--muted);line-height:1.7}
.builder-layout+.quick-tools{margin-top:38px}

/* Keep the selected context readable without implying a complete fit check. */
.catalog-build-context{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;border-left:2px solid #9ab5a1;background:#f3f6ee;padding:10px 14px;margin:12px 0;color:var(--ink);min-width:0}
.catalog-build-context>p{font-size:12px;font-weight:500;margin:0;color:var(--muted)}
.catalog-build-context ul{list-style:none;margin:0;padding:0;display:flex;flex:1 1 220px;flex-wrap:wrap;gap:7px 24px}
.catalog-build-context li{font-size:13px;line-height:1.7;min-width:0;overflow-wrap:anywhere}
.catalog-build-context li>span{color:var(--muted);margin-right:8px}.catalog-build-context b{font-weight:500}
.catalog-build-context>a{display:inline-flex;align-items:center;min-height:36px;font-size:12px;line-height:1.7}
#picker{border-radius:6px;border:1px solid var(--line);box-shadow:0 20px 65px #173a2926}
#picker .modal-header h2,#picker .picker-item-name{color:var(--ink)}
#picker :is(.picker-subtitle,.catalog-price-note,.picker-item-spec,.compare-toggle,.compare-tray b,.compare-chips>span){color:var(--muted)}
#picker :is(.search-field,.catalog-filters select){background:#fafbf7;border-color:var(--line);color:var(--ink)}
#picker .close-button{color:var(--muted);background:#edf0e8;border-radius:4px}
#picker .catalog-filter-details>summary{display:flex;justify-content:space-between;min-height:44px;margin:8px 0;padding:9px 12px;background:#fafbf7;border:1px solid var(--line);border-radius:4px;color:var(--ink);font-weight:500}
#picker .catalog-filter-details>summary::after{content:'+';font-size:20px;line-height:1;font-weight:400}
#picker .catalog-filter-details[open]>summary::after{content:'−'}
#picker .catalog-filter-details>summary small{margin-left:auto;margin-right:14px;color:var(--muted)}
#picker .compare-tray{background:#edf3e9;border-color:var(--line);box-shadow:none}
#picker .compare-chips>button{background:#fff;border-color:#b7c5b4;color:#294935}
#picker .primary-button:disabled{background:#dce3d8;border-color:#dce3d8;color:#56624f;box-shadow:none}
@media(max-width:760px){
  #app[data-empty="true"] .intent-grid{grid-template-columns:minmax(0,1fr)}
  #app[data-empty="true"] .intent-card{flex-direction:row;justify-content:flex-start;padding:16px 12px;border-bottom:1px solid var(--line);border-left:3px solid transparent;text-align:left}
  #app[data-empty="true"] .intent-card.active{border-left-color:var(--accent)}
  #app[data-empty="true"] .intent-card b{font-size:15px}
  #app[data-empty="true"] .intent-card small{margin-top:4px;font-size:13px}
  .hero.hero-working h1{font-size:28px}.hero.hero-working p{font-size:14px}
  .workbench-working .workbench-actions{width:100%}.workbench-working h2{font-size:16px}
  .workbench-panel .workbench-actions button{flex:1 1 150px;margin:0;padding:12px}
  .workbench-working .workbench-actions button{flex-basis:110px}
  .workbench-working .workbench-actions>.primary-button{flex-basis:100%}
  .catalog-build-context ul{display:block;flex-basis:100%}.catalog-build-context li+li{margin-top:6px}
  .catalog-build-context>a{min-height:44px}
  #picker:has(.picker-items){overflow-y:auto;overscroll-behavior:contain}
  #pickerContent:has(.picker-items){height:auto;min-height:100%;overflow:visible;display:block}
  #picker:has(.picker-items) .modal-header{position:sticky;top:0;z-index:5;background:#fff}
  #picker:has(.picker-items) .picker-controls{max-height:none;overflow:visible}
  #picker:has(.picker-items) .picker-items{overflow:visible;max-height:none}
  #picker:has(.picker-items) .compare-tray{position:sticky;bottom:0;z-index:5}
}