.dsCfgPage{background:var(--bg-app);--cfgA-core:var(--blue-500);--cfgA-power:var(--green-600);--cfgA-store:#4F6D8F;--cfgA-case:var(--slate-500);--cfgA-soft:#6A55C8;--cfgA-svc:#2F7F8F}.dsCfgPage [hidden]{display:none !important}html.dsCfgLock,html.dsCfgLock body{overflow:hidden}.dsCfgPage .dsBtn[aria-disabled="true"]{pointer-events:auto;cursor:help}.dsCfgPage section.dsCfgRead,.dsCfgPage section.dsCfgKit{padding:0}.dsCfgPage section.dsCfgIdx{padding:16px 18px 6px}.dsCfgPage section.dsCfgDep{padding:18px 20px}.dsCfg{position:relative;max-width:1180px;margin:0 auto;padding:24px clamp(16px,4vw,40px) 80px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}.dsCfg>*{min-width:0}.dsCfg__main{min-width:0}.dsCfg__aside{align-self:stretch}.dsCfgSr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dsCfgSkip{position:fixed;left:-9999px;top:12px;z-index:200;background:var(--ink-950);color:#fff;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:600}.dsCfgSkip:focus{left:16px;color:#fff;outline:none;box-shadow:var(--focus-shadow)}.dsCfgHead{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-areas:"img title" "img more";column-gap:28px;align-items:end;margin:0 0 18px}.dsCfgHead__img{grid-area:img;align-self:center;width:100%;height:auto;aspect-ratio:603/743;object-fit:contain;display:block;mix-blend-mode:multiply;transition:opacity var(--dur-base) var(--ease-out)}.dsCfgHead__title{grid-area:title;min-width:0}.dsCfgHead__more{grid-area:more;align-self:start;min-width:0}.dsCfgHead__kicker{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted);margin:0 0 8px}.dsCfgHead__t{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1.1;letter-spacing:var(--ls-tight);color:var(--text-primary);margin:0 0 10px}.dsCfgHead__lede{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 14px;max-width:52ch;text-wrap:pretty}.dsCfgHead__from{margin:12px 0 0;font-size:13px;color:var(--text-muted)}.dsCfgModels{border:0;margin:6px 0 0;padding:0;min-width:0}.dsCfgModels__l{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--success-600);margin:0 0 8px;padding:0}.dsCfgModels__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:440px}.dsCfgModels__row--4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}a.dsCfgModel,.dsCfgModels .dsCfgOpt.dsCfgModel{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:54px;min-width:0;padding:6px 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);text-decoration:none;color:var(--text-primary)}a.dsCfgModel:hover{border-color:var(--border-strong)}a.dsCfgModel:focus-visible{outline:none;box-shadow:var(--focus-shadow)}a.dsCfgModel.is-on,.dsCfgModels .dsCfgOpt.dsCfgModel:has(input:checked){border-color:var(--signal);background:var(--blue-100);box-shadow:inset 0 0 0 1px var(--signal)}.dsCfgModel__n,.dsCfgModels .dsCfgOpt__name{font-size:14px;font-weight:600;white-space:nowrap}.dsCfgModel__p,.dsCfgModels .dsCfgOpt__delta{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-secondary);text-align:left}.dsCfgModels .dsCfgOpt__hit{display:flex;flex-direction:column;align-items:flex-start;width:100%;cursor:pointer}.dsCfgModels .dsCfgOpt__hit input{position:absolute;opacity:0;width:1px;height:1px}.dsCfgModels .dsCfgFix{margin:10px 0 0}.dsCfgIdx{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px 18px 10px;margin:0 0 14px}.dsCfgIdx__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 8px}.dsCfgIdx__t{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-primary);margin:0}.dsCfgIdx__t .ds-icon{width:18px;height:18px;color:var(--text-muted)}.dsCfgIdx__s{font-size:13px;color:var(--text-muted);margin:0}.dsCfgIdx__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.dsCfgIdx__l li{min-width:0;border-top:1px solid var(--border-subtle)}.dsCfgIdx__i{display:grid;grid-template-columns:32px minmax(0,1fr) auto 16px;gap:10px;align-items:center;width:100%;min-height:52px;padding:6px 2px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--text-primary)}.dsCfgIdx__i:hover .dsCfgIdx__v{color:var(--text-primary)}.dsCfgIdx__i:focus-visible{outline:none;box-shadow:var(--focus-shadow);border-radius:var(--radius-sm)}.dsCfgIdx__i>.ds-icon{width:16px;height:16px;color:var(--text-muted)}.dsCfgIdx__ic{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--acc) 11%,#fff);color:var(--acc)}.dsCfgIdx__ic .ds-icon{width:17px;height:17px}.dsCfgIdx__x{min-width:0;display:flex;flex-direction:column}.dsCfgIdx__k{font-size:12px;font-weight:600;color:var(--text-muted)}.dsCfgIdx__v{font-size:13.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsCfgIdx__st{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.02em;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.dsCfgIdx__st.is-auto{background:var(--blue-100);color:var(--signal-strong)}.dsCfgIdx__st.is-warn{background:var(--warning-100);color:var(--warning-600)}.dsCfgIdx__all{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:4px 0 0;border:0;border-top:1px solid var(--border-subtle);background:none;font:inherit;font-size:14px;font-weight:600;color:var(--text-link);cursor:pointer}.dsCfgIdx__all:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.dsCfgAsk{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px 20px;margin:0 0 14px}.dsCfgAsk__q{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--success-600);margin:0 0 4px}.dsCfgAsk__hint{font-size:14px;color:var(--text-secondary);margin:0 0 12px}.dsCfgAsk__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dsCfgAsk__g{min-width:0}.dsCfgAsk__gt{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 6px}.dsCfgAsk__chips{display:flex;flex-direction:column;gap:6px}.dsCfgChip{display:flex;align-items:center;min-height:44px;width:100%;text-align:left;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);font:inherit;font-size:14px;color:var(--text-primary);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.dsCfgChip:hover{border-color:var(--border-strong)}.dsCfgChip:focus-visible{outline:none;box-shadow:var(--focus-shadow);border-color:var(--signal)}.dsCfgChip[aria-pressed="true"]{border-color:var(--signal);background:var(--blue-100)}.dsCfgAsk__skip{margin:12px 0 0;font-size:13px;color:var(--text-muted)}.dsCfgAsk--carried{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px}.dsCfgAsk--carried .dsCfgAsk__q{margin:0}.dsCfgAsk__work{font-size:15px;font-weight:600;color:var(--text-primary)}.dsCfgAsk__src{font-size:13px;color:var(--text-muted)}.dsCfgAsk--carried .dsCfgLink{margin-left:auto}.dsCfgFix--ask{margin:-6px 0 14px}.dsCfgLink{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--text-link);cursor:pointer;text-decoration:none}.dsCfgLink .ds-icon{width:16px;height:16px}.dsCfgLink:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:3px}.dsCfgLink:focus-visible{outline:none;box-shadow:var(--focus-shadow);border-radius:var(--radius-sm)}.dsCfgRead{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:0 0 22px;overflow:hidden}.dsCfgRead__top{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:20px 22px 16px}.dsCfgRead__lbl{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px}.dsCfgRead__fig{font-family:var(--font-mono);font-size:32px;font-weight:500;line-height:1.05;color:var(--text-primary);margin:0;font-variant-numeric:tabular-nums}.dsCfgRead__figSub{font-size:13px;color:var(--text-muted);margin:6px 0 0;line-height:1.45}.dsCfgRead__verdict{display:flex;gap:10px;align-items:flex-start;font-size:16px;font-weight:600;line-height:1.4;color:var(--text-primary);margin:0 0 10px}.dsCfgRead__verdict .ds-icon{flex:none;width:20px;height:20px;margin-top:1px}.dsCfgRead__verdict.is-ok .ds-icon{color:var(--success-500)}.dsCfgRead__verdict.is-short .ds-icon{color:var(--warning-700)}.dsCfgRead__verdict.is-review .ds-icon{color:var(--signal)}.dsCfgRead__pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dsCfgRead__pts li{position:relative;padding-left:14px;font-size:14px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}.dsCfgRead__pts li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--slate-300)}.dsCfgRead__pts a{color:var(--text-link)}.dsCfgJudge{border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dsCfgJudge__c{padding:14px 18px 16px 22px;min-width:0;display:flex;flex-direction:column;gap:4px}.dsCfgJudge__c + .dsCfgJudge__c{border-left:1px solid var(--border-subtle);padding-left:18px}.dsCfgJudge__k{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.dsCfgJudge__v{font-size:14px;line-height:1.45;color:var(--text-primary);text-wrap:pretty}.dsCfgJudge__a{align-self:flex-start;margin-top:auto}.dsCfgRead__foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 22px;background:var(--slate-50);border-top:1px solid var(--border-subtle)}.dsCfgRead__assume{flex:1 1 320px;font-size:12.5px;line-height:1.5;color:var(--text-muted);margin:0}.dsCfgNavW{position:sticky;top:calc(var(--cfg-top,64px) - 2px);z-index:20;margin:0 0 6px;background:color-mix(in srgb,var(--bg-app) 95%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--border-default)}.dsCfgNavW::after{content:"";position:absolute;top:0;right:0;bottom:1px;width:40px;pointer-events:none;opacity:0;transition:opacity var(--dur-base) var(--ease-out);background:linear-gradient(90deg,transparent,var(--bg-app) 70%)}.dsCfgNavW.has-more::after{opacity:1}.dsCfgNav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:4px 0}.dsCfgNav::-webkit-scrollbar{display:none}.dsCfgNav a{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent}.dsCfgNav a .ds-icon{width:17px;height:17px;color:var(--acc)}.dsCfgNav a:hover{color:var(--text-primary);background:var(--bg-subtle)}.dsCfgNav a.is-on{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--acc);border-radius:var(--radius-md) var(--radius-md) 0 0}.dsCfgNav a:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.dsCfgSec{scroll-margin-top:calc(var(--cfg-top,64px) + 56px);padding:26px 0 0}.dsCfgSec__h{display:flex;align-items:center;gap:12px;margin:0 0 10px}.dsCfgSec__ic{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--acc) 12%,#fff);color:var(--acc)}.dsCfgSec__ic .ds-icon{width:20px;height:20px}.dsCfgSec__t{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:var(--ls-tight);line-height:1.15;color:var(--text-primary);margin:0}.dsCfgGrp{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);margin:0 0 10px;padding:0 16px;min-width:0;scroll-margin-top:calc(var(--cfg-top,64px) + 60px)}.dsCfgGrp.is-open{box-shadow:var(--shadow-sm)}.dsCfgGrp__head{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;min-height:64px}.dsCfgGrp__ic{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--acc) 11%,#fff);color:var(--acc)}.dsCfgGrp__ic .ds-icon{width:18px;height:18px}.dsCfgGrp__t{min-width:0;display:flex;flex-direction:column;gap:1px}.dsCfgGrp__lbl{font-size:16px;font-weight:600;color:var(--text-primary)}.dsCfgGrp__cur{font-size:13.5px;color:var(--text-secondary);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsCfgGrp__st{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.dsCfgGrp__st .ds-icon{width:14px;height:14px}.dsCfgGrp__st.is-auto{color:var(--signal-strong)}.dsCfgGrp__st.is-warn{color:var(--warning-600)}.dsCfgGrp__tog{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);font:inherit;font-size:14px;font-weight:600;color:var(--text-link);cursor:pointer}.dsCfgGrp__tog:hover{border-color:var(--signal);background:var(--blue-100)}.dsCfgGrp__tog:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.dsCfgGrp__tog .ds-icon{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-out)}.dsCfgGrp.is-open .dsCfgGrp__tog .ds-icon{transform:rotate(180deg)}.dsCfgGrp__body{padding:0 0 16px}.dsCfgSub{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0;padding:12px 14px 6px;background:var(--slate-50);border-top:1px solid var(--border-subtle)}.dsCfgSub:first-child{border-top:0}.dsCfgList{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden}.dsCfgOpt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-top:1px solid var(--border-subtle);transition:background var(--dur-fast) var(--ease-out)}.dsCfgList>.dsCfgOpt:first-child,.dsCfgSub + .dsCfgOpt{border-top:0}.dsCfgOpt:hover{background:var(--slate-50)}.dsCfgOpt.is-on,.dsCfgOpt:has(input:checked){background:var(--blue-100);box-shadow:inset 3px 0 0 var(--signal)}.dsCfgOpt__hit{display:grid;grid-template-columns:20px 52px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:64px;padding:10px 8px 10px 14px;cursor:pointer;min-width:0}.dsCfgOpt__hit input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.dsCfgOpt:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:-2px}.dsCfgOpt__dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-strong);position:relative;background:#fff}.dsCfgOpt input:checked ~ .dsCfgOpt__dot{border-color:var(--signal)}.dsCfgOpt input:checked ~ .dsCfgOpt__dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--signal)}.dsCfgOpt__img{width:52px;height:52px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-muted)}.dsCfgOpt__img img{width:100%;height:100%;object-fit:contain}.dsCfgOpt__img .ds-icon{width:20px;height:20px}.dsCfgOpt__img--sw{border-radius:50%;width:36px;height:36px;justify-self:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.dsCfgOpt__main{min-width:0;display:flex;flex-direction:column;gap:2px}.dsCfgOpt__name{font-size:15px;font-weight:600;line-height:1.3;color:var(--text-primary)}.dsCfgOpt__spec{font-size:12.5px;line-height:1.4;color:var(--text-muted)}.dsCfgOpt__why{font-size:13.5px;line-height:1.45;color:var(--text-secondary);text-wrap:pretty}.dsCfgOpt__tag{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.02em;line-height:1.4;margin-top:2px}.dsCfgOpt__tag:empty{display:none}.dsCfgOpt__tag.is-fit{color:var(--success-600)}.dsCfgOpt__tag.is-short{color:var(--warning-600)}.dsCfgOpt__tag.is-more{color:var(--text-muted)}.dsCfgOpt__tag.is-review{color:var(--signal-strong)}.dsCfgOpt__delta{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.dsCfgOpt.is-on .dsCfgOpt__delta{color:var(--signal-strong)}.dsCfgOpt__info{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;min-height:56px;margin:0 6px 0 0;border:0;border-radius:var(--radius-md);background:none;font:inherit;font-size:11px;font-weight:600;color:var(--text-link);cursor:pointer}.dsCfgOpt__info .ds-icon{width:18px;height:18px}.dsCfgOpt__info:hover{background:color-mix(in srgb,var(--signal) 8%,transparent)}.dsCfgOpt__info:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.dsCfgMore{display:flex;width:100%;align-items:center;justify-content:center;min-height:44px;margin:8px 0 0;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--text-link);cursor:pointer}.dsCfgMore:hover{background:var(--blue-100);border-color:var(--signal)}.dsCfgMore:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.dsCfgList--sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.dsCfgList--sw .dsCfgOpt{border-top:0;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr)}.dsCfgList--sw .dsCfgOpt__hit{grid-template-columns:20px 36px minmax(0,1fr)}.dsCfgList--sw .dsCfgOpt__delta{grid-column:3;text-align:left;font-size:12px}.dsCfgLoop{margin:0 0 12px}.dsCfgLoop img{display:block;width:100%;height:auto;aspect-ratio:800/477;object-fit:cover;border-radius:var(--radius-md)}.dsCfgLoop figcaption{font-size:12.5px;color:var(--text-muted);margin:6px 0 0}.dsCfgSteer{margin:0 0 12px;padding:10px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--acc) 6%,#fff);border:1px solid color-mix(in srgb,var(--acc) 18%,#fff)}.dsCfgSteer__r{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:13.5px;line-height:1.45;color:var(--text-secondary)}.dsCfgSteer__r + .dsCfgSteer__r{border-top:1px solid color-mix(in srgb,var(--acc) 14%,#fff)}.dsCfgSteer__r b{color:var(--text-primary);font-weight:600}.dsCfgSteer__r span{flex:1 1 260px}.dsCfgNote{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;margin:12px 0 0;padding:12px 14px;background:var(--slate-50);border-left:3px solid var(--slate-300);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}.dsCfgNote .ds-icon{width:18px;height:18px;color:var(--text-muted);margin-top:1px}.dsCfgNote b{color:var(--text-primary);font-weight:600}.dsCfgFix{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;margin:0 0 12px;padding:10px 12px 10px 14px;background:var(--blue-100);border-left:3px solid var(--signal);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:14px;line-height:1.45;color:var(--text-primary)}.dsCfgFix .ds-icon{width:18px;height:18px;color:var(--signal-strong)}.dsCfgFix--warn{background:var(--warning-100);border-left-color:var(--warning-700)}.dsCfgFix--warn .ds-icon{color:var(--warning-700)}.dsCfgFix__rows{display:flex;flex-direction:column;gap:2px;min-width:0}.dsCfgFix__row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.dsCfgFix__row>span{flex:1 1 240px;min-width:0}.dsCfgFix .dsCfgLink{min-height:44px;min-width:44px;justify-content:center}.dsCfgDep{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:18px 20px;margin:0 0 18px;--acc:var(--cfgA-svc)}.dsCfgDep__h{display:flex;align-items:center;gap:12px;margin:0 0 6px}.dsCfgDep__s{font-size:14px;color:var(--text-secondary);margin:0 0 10px}.dsCfgDep__l,.dsCfgDep__live{margin:0;display:grid;grid-template-columns:minmax(0,1fr)}.dsCfgDep__r{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--border-subtle)}.dsCfgDep__r dt{font-size:13.5px;font-weight:600;color:var(--text-primary)}.dsCfgDep__r dd{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}.dsCfgDep__src{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.dsCfgDep__src a{color:var(--text-link)}.dsCfgSum{position:sticky;top:calc(var(--cfg-top,64px) + 16px);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:20px 22px 16px;max-height:calc(100vh - var(--cfg-top,64px) - 32px);overflow:auto}.dsCfgSum__model{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 4px}.dsCfgSum__name{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary)}.dsCfgSum__kind{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.dsCfgSum__fit{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--text-secondary);margin:0 0 10px}.dsCfgSum__fit:empty{display:none}.dsCfgSum__fit i{flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--success-500)}.dsCfgSum__fit.is-short i{background:var(--warning-700)}.dsCfgSum__fit.is-review i{background:var(--signal)}.dsCfgSum__price{font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:-0.02em;line-height:1.05;color:var(--text-primary);font-variant-numeric:tabular-nums;margin:2px 0 6px}.dsCfgVal{display:flex;align-items:flex-start;gap:7px;margin:0;font-size:13.5px;line-height:1.45;color:var(--text-secondary)}.dsCfgVal .ds-icon{flex:none;width:17px;height:17px;color:var(--success-600);margin-top:1px}.dsCfgVal b{color:var(--success-600);font-weight:600}.dsCfgVal__l{font-size:12.5px;color:var(--text-muted);white-space:nowrap}.dsCfgFin{margin:4px 0 0 24px;font-size:13.5px;line-height:1.45;color:var(--text-secondary)}.dsCfgFin__a{color:var(--text-link);font-weight:600;text-decoration:none;white-space:nowrap;margin-left:4px;display:inline-block;padding:4px 0}.dsCfgFin__a:hover{text-decoration:underline;text-underline-offset:3px}.dsCfgSum__ship{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--text-primary);margin:12px 0 14px;padding:10px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.dsCfgSum__ship .ds-icon{width:18px;height:18px;color:var(--text-muted);flex:none}.dsCfgSum__cta{display:flex;flex-direction:column;gap:8px}.dsCfgSum__cta .dsBtn{width:100%}.dsCfgSum__why{font-size:12.5px;color:var(--text-muted);margin:8px 0 0;text-align:center}.dsCfgSum__why:empty{display:none}.dsCfgBtnLine{background:#fff;color:var(--signal-strong);border-color:var(--signal)}.dsCfgBtnLine:hover{background:var(--blue-100)}.dsCfgTrust{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.dsCfgTrust li{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-secondary)}.dsCfgTrust .ds-icon{width:16px;height:16px;color:var(--success-500);flex:none}.dsCfgTrust a{color:var(--text-link);text-decoration:none}.dsCfgTrust a:hover{text-decoration:underline}.dsCfgPm{margin:14px 0 0;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--slate-50)}.dsCfgPm__h{display:flex;gap:8px;align-items:flex-start;margin:0 0 4px;font-size:13.5px;line-height:1.4;color:var(--text-primary)}.dsCfgPm__h .ds-icon{flex:none;width:17px;height:17px;color:var(--text-muted);margin-top:1px}.dsCfgPm__b{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.dsCfgPm__a{display:flex;gap:8px;margin:2px 0 0}.dsCfgPm__t,.dsCfgPmT{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--text-muted)}.dsCfgPmT{margin:0 0 12px;padding:10px 12px;background:var(--slate-50);border-radius:var(--radius-md)}.dsCfgTools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 0}.dsCfgTools--4{grid-template-columns:repeat(4,minmax(0,1fr))}.dsCfgTools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-secondary);cursor:pointer}.dsCfgTools button:hover{border-color:var(--border-strong);color:var(--text-primary)}.dsCfgTools button:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.dsCfgTools .ds-icon{width:18px;height:18px}.dsCfgSum__changed{margin:12px 0 0;font-size:12.5px;line-height:1.45;color:var(--text-muted)}.dsCfgSum__changed:empty{display:none}.dsCfgReassure{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}.dsCfgReassure li{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.dsCfgReassure .ds-icon{width:15px;height:15px;color:var(--success-500)}.dsCfgKit{margin:36px 0 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.dsCfgKit__a{padding:22px 24px;min-width:0}.dsCfgKit__b{padding:22px 24px;background:var(--slate-50);border-left:1px solid var(--border-subtle);min-width:0}.dsCfgKit__t{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1.15;color:var(--text-primary);margin:0 0 8px}.dsCfgKit__p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0 0 14px}.dsCfgKit__q{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:14px;color:var(--text-secondary)}.dsCfgKit__q b{font-family:var(--font-mono);font-size:18px;color:var(--text-primary)}.dsCfgKit__acts{display:flex;gap:8px;flex-wrap:wrap}.dsCfgKit__acts .dsBtn,.dsCfgHelp .dsBtn,.dsCfgRead__foot .dsBtn{--_h:44px}.dsCfgKit ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.dsCfgKit li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;font-size:13.5px;line-height:1.45;color:var(--text-secondary)}.dsCfgKit li .ds-icon{width:16px;height:16px;margin-top:2px;color:var(--success-500)}.dsCfgKit a{color:var(--text-link)}.dsCfgHelp{margin:36px 0 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.dsCfgHelp p{flex:1 1 300px;margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.dsCfgHelp b{color:var(--text-primary)}.dsCfgBar{display:none}.dsCfgToast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:120;max-width:min(560px,calc(100vw - 32px));background:var(--ink-950);color:#fff;padding:12px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:14px;line-height:1.45;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.dsCfgToast.is-on{opacity:1;transform:translate(-50%,0)}.dsCfgDlg{border:0;padding:0;border-radius:var(--radius-xl);width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);box-shadow:var(--shadow-xl);background:var(--bg-app)}.dsCfgDlg::backdrop,.dsCfgDrawer::backdrop{background:var(--overlay-scrim)}.dsCfgDlg__in{position:relative;padding:24px}.dsCfgDlg__x{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;z-index:2}.dsCfgDlg__x:hover{background:var(--ink-a08);color:var(--text-primary)}.dsCfgDlg__x:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.dsCfgDlg__t{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1.15;margin:0 48px 6px 0;color:var(--text-primary)}.dsCfgDlg__p{font-size:15px;line-height:1.55;color:var(--text-secondary);margin:0 0 16px;max-width:62ch}.dsCfgDlg .dsQuoteSplit{margin:0}.dsCfgDlg .dsQuoteRef__v{white-space:normal;overflow:visible;text-overflow:clip}.dsCfgDlg--sum{width:min(560px,calc(100vw - 24px))}.dsCfgDlg--sum .dsCfgSum__cta{margin:14px 0 12px}.dsCfgDlg--sum .dsCfgVal{margin:0 0 4px}.dsCfgSumList{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--border-subtle)}.dsCfgSumList li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-subtle);font-size:13.5px}.dsCfgSumList span:first-child{color:var(--text-muted)}.dsCfgSumList span:last-child{font-family:var(--font-mono);font-size:12.5px;color:var(--text-secondary);white-space:nowrap}.dsCfgSent{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--text-primary)}.dsCfgDrawer{border:0;padding:0;margin:0 0 0 auto;height:100vh;max-height:100vh;width:min(520px,100vw);background:var(--surface-card);box-shadow:var(--shadow-xl)}.dsCfgDrawer__in{position:relative;padding:22px 24px 0;min-height:100%;display:flex;flex-direction:column}.dsCfgDrawer__k{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 48px 6px 0}.dsCfgDrawer__t{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.2;color:var(--text-primary);margin:0 48px 4px 0}.dsCfgDrawer__sp{font-size:13px;color:var(--text-muted);margin:0 0 12px}.dsCfgDrawer__sp:empty{display:none}.dsCfgDrawer__ph{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;justify-content:center;margin:0 0 12px}.dsCfgDrawer__ph:empty{display:none}.dsCfgDrawer__ph img{display:block;width:100%;max-width:360px;height:auto;aspect-ratio:1 / 1;object-fit:contain}.dsCfgDrawer__why{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0 0 12px}.dsCfgDrawer__h{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:14px 0 6px}.dsCfgDrawer__b ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dsCfgDrawer__b li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:13.5px;line-height:1.45;color:var(--text-primary)}.dsCfgDrawer__b .ds-icon{width:16px;height:16px;color:var(--success-500);margin-top:2px}.dsCfgDrawer__specs dl{margin:0}.dsCfgDrawer__specs dl div{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:10px;padding:7px 0;border-top:1px solid var(--border-subtle);font-size:13px}.dsCfgDrawer__specs dt{color:var(--text-muted)}.dsCfgDrawer__specs dd{margin:0;color:var(--text-primary)}.dsCfgDrawer__tx{margin:0;padding-left:18px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.dsCfgDrawer__src{font-size:12px;color:var(--text-muted);margin:10px 0 0}.dsCfgDrawer__foot{position:sticky;bottom:0;margin:16px -24px 0;padding:14px 24px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px;margin-top:auto}.dsCfgDrawer__d{flex:1;margin:0;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-secondary)}.dsCfgDrawer__foot .dsBtn[disabled]{opacity:.6}.dsCfgPrint{display:none}@media (max-width:1100px){.dsCfg{grid-template-columns:minmax(0,1fr) 320px;gap:28px}.dsCfgAsk__groups{grid-template-columns:repeat(2,minmax(0,1fr))}.dsCfgJudge{grid-template-columns:minmax(0,1fr)}.dsCfgJudge__c + .dsCfgJudge__c{border-left:0;border-top:1px solid var(--border-subtle);padding-left:22px}.dsCfgIdx__l{grid-template-columns:minmax(0,1fr)}}@media (max-width:980px){.dsCfg{grid-template-columns:minmax(0,1fr);padding-bottom:150px}.dsCfg__aside{display:none}.dsCfgBar{display:flex;flex-wrap:wrap;position:fixed;left:0;right:0;bottom:0;z-index:90;align-items:center;gap:4px 8px;background:#fff;border-top:1px solid var(--border-default);box-shadow:0 -8px 24px rgba(20,18,15,.08);padding:6px 12px calc(10px + env(safe-area-inset-bottom))}.dsCfgBar__ship{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1 0 100%;margin:0 4px;font-size:12px;line-height:1.3;color:var(--text-secondary)}.dsCfgBar__more{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:40px;padding:0 10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-link);cursor:pointer}.dsCfgBar__more .ds-icon{width:15px;height:15px}.dsCfgBar__price{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:48px;border:0;background:none;padding:0 4px;font:inherit;text-align:left;cursor:pointer;color:var(--text-primary)}.dsCfgBar__price b{font-family:var(--font-text);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.15}.dsCfgBar__price span{font-size:11.5px;color:var(--success-600);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dsCfgBar__price:focus-visible{outline:none;box-shadow:var(--focus-shadow);border-radius:var(--radius-md)}.dsCfgBar .dsBtn{--_h:48px;flex:none;padding:0 14px;font-size:15px}.dsCfgToast{bottom:122px}.dsCfgDrawer{width:100vw;height:auto;max-height:88vh;margin:auto 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}@media (max-width:720px){.dsCfg{padding-top:14px}.dsCfgHead{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"img title" "more more";gap:12px 14px;align-items:center;margin-bottom:14px}.dsCfgHead__t{font-size:24px;margin-bottom:6px}.dsCfgHead__lede{font-size:14px;margin-bottom:10px}.dsCfgHead__kicker{font-size:11px;margin-bottom:4px}.dsCfgModels__row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.dsCfgModels__row--4{grid-template-columns:repeat(2,minmax(0,1fr))}a.dsCfgModel,.dsCfgModels .dsCfgOpt.dsCfgModel{padding:6px 10px}.dsCfgIdx{padding:12px 14px 6px}.dsCfgAsk{padding:14px}.dsCfgAsk__groups{grid-template-columns:minmax(0,1fr);gap:10px}.dsCfgAsk--carried{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}.dsCfgAsk--carried .dsCfgAsk__q,.dsCfgAsk--carried .dsCfgAsk__work,.dsCfgAsk--carried .dsCfgAsk__src{grid-column:1}.dsCfgAsk--carried .dsCfgLink{grid-column:2;grid-row:1 / span 3;margin:0}.dsCfgRead__top{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.dsCfgRead__fig{font-size:28px}.dsCfgJudge__c,.dsCfgJudge__c + .dsCfgJudge__c{padding:12px 16px}.dsCfgRead__foot{padding:12px 16px}.dsCfgRead__foot .dsBtn{width:100%}.dsCfgNavW{position:static;backdrop-filter:none}.dsCfgGrp{padding:0 12px}.dsCfgGrp__head{grid-template-columns:32px minmax(0,1fr) auto;gap:4px 10px}.dsCfgGrp__ic{width:32px;height:32px}.dsCfgGrp__st{grid-column:2;grid-row:2}.dsCfgGrp__tog{grid-column:3;grid-row:1 / span 2}.dsCfgOpt__hit{grid-template-columns:20px 44px minmax(0,1fr) auto;gap:10px;padding:10px 4px 10px 10px;align-items:start}.dsCfgOpt__dot{margin-top:12px}.dsCfgOpt__img{width:44px;height:44px}.dsCfgOpt__delta{font-size:12.5px;padding-top:2px}.dsCfgOpt__name{font-size:14.5px}.dsCfgOpt__info{min-width:44px;min-height:44px;margin:0 4px 0 0;font-size:10.5px}.dsCfgList--sw{grid-template-columns:repeat(2,minmax(0,1fr))}.dsCfgDep__r{grid-template-columns:minmax(0,1fr);gap:2px}.dsCfgKit{grid-template-columns:minmax(0,1fr)}.dsCfgKit__b{border-left:0;border-top:1px solid var(--border-subtle)}.dsCfgKit__a,.dsCfgKit__b{padding:18px 16px}.dsCfgKit__acts .dsBtn{flex:1 1 140px}.dsCfgDlg__in{padding:18px 14px}.dsCfgDlg__t{font-size:22px}.dsCfgDlg .dsQuoteSplit{display:flex;flex-direction:column}.dsCfgDlg .dsQuoteRail{order:2}.dsCfgDlg .dsQuoteRail__call{display:none}.dsCfgSumList li{grid-template-columns:90px minmax(0,1fr)}.dsCfgSumList span:last-child{grid-column:2}.dsCfgDrawer__in{padding:18px 16px 0}.dsCfgDrawer__foot{margin:16px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.dsCfgToast,.dsCfgGrp__tog .ds-icon,.dsCfgHead__img{transition:none}}@media print{.dsSiteHeader,.dsSiteFooter,.dsCfg,.dsCfgBar,.dsCfgToast,.dsCfgDlg,.dsCfgDrawer,.dsCfgSkip{display:none !important}.dsCfgPrint{display:block;font-family:var(--font-text);color:#000;padding:0}.dsCfgPrint h1{font-size:22px;margin:0 0 4px}.dsCfgPrint p{font-size:12px;margin:0 0 6px}.dsCfgPrint table{width:100%;border-collapse:collapse;margin:12px 0;font-size:11.5px}.dsCfgPrint td,.dsCfgPrint th{border-bottom:1px solid #ccc;padding:5px 4px;text-align:left;vertical-align:top}.dsCfgPrint td:last-child,.dsCfgPrint th:last-child{text-align:right;white-space:nowrap}.dsCfgPrint tfoot td{font-weight:600;border-bottom:0}}
/* configurator-new (staging): additions to ds-configurator.css for the built page. Tokens only, no new colours. */
.dsCfgLoad{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:60vh;justify-content:center;font-size:15px;color:var(--text-muted)}
.dsCfgLoad__dot{width:10px;height:10px;border-radius:50%;background:var(--blue-500);animation:dsCfgPulse 1s ease-in-out infinite alternate}
@keyframes dsCfgPulse{from{opacity:.25}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.dsCfgLoad__dot{animation:none}}
html.dsCfgLoading .dsCfg__aside,html.dsCfgLoading .dsCfgBar{visibility:hidden}
.dsCfgFb{max-width:720px;margin:0 auto;padding:64px clamp(16px,4vw,40px) 96px}
.dsCfgFb__p{font-size:16px;line-height:1.55;color:var(--text-secondary);margin:0 0 14px}
.dsCfgNotes{margin-top:8px}
.dsCfgNotes textarea{width:100%;min-height:84px;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);resize:vertical}
.dsCfgNotes textarea:focus-visible{outline:none;box-shadow:var(--focus-shadow)}
.dsCfgNotes .dsField__hint{display:block;margin-top:6px;font-size:13px;color:var(--text-muted)}
.dsCfgNotice{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--amber-500,#c47f00);background:var(--bg-subtle,#fff6e5);border-radius:var(--radius-md);font-size:14px;line-height:1.45;color:var(--text-primary)}
.dsCfgFix[data-srv]{margin-top:8px}
.dsCfgFix[data-srv]>span{flex:1 1 auto}
.dsCfgPage select{width:100%;min-height:44px;font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary)}
.dsCfgBar__more{min-height:44px}
/* the price-recheck notice: the same calm treatment as the configurator's warnings (light tint, thin edge, one sentence) */
.dsCfgNotice{display:flex;gap:8px;align-items:flex-start;border-left:3px solid var(--cfgA-power,#2f7f5f);background:color-mix(in srgb,var(--blue-500,#1E4FE6) 6%,var(--surface-card));color:var(--text-primary)}

/* ---- design round 3 (Harjit 2026-11-05) ---- */
.dsCfgPage{--cfg-tint:color-mix(in srgb,var(--surface-card) 72%,var(--bg-app))}
.dsCfgPage p,.dsCfgPage li,.dsCfgPage dd{text-wrap:pretty}
/* 1. model chips: three workstation models, each fits on one line at every width */
.dsCfgModels__row--4{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;max-width:520px}
.dsCfgModels .dsCfgOpt.dsCfgModel,.dsCfgModel{padding:8px 12px;min-height:56px;justify-content:center}
.dsCfgModels .dsCfgOpt__hit{gap:2px}
.dsCfgModels .dsCfgOpt__name,.dsCfgModel__n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.25}
.dsCfgModels .dsCfgOpt__main{display:block;max-width:100%;min-width:0}
.dsCfgModels .dsCfgOpt__tag{display:none}
/* 4. section tabs: every tab visible (they wrap), on a lighter panel */
.dsCfgNavW{background:var(--cfg-tint);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:4px 6px;margin:0 0 10px}
.dsCfgNavW::after{display:none}
.dsCfgNav{flex-wrap:wrap;overflow:visible;row-gap:2px;padding:2px 0}
.dsCfgNav a{flex:0 0 auto}
/* 5 + 11. one card style for every panel on the page background; inputs on the lighter tint */
.dsCfgNotes{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px 16px 14px;margin-top:22px}
.dsCfgNotes .dsCfgSec__h{margin-bottom:8px}
.dsCfgNotes textarea,.dsCfgPage .dsCfgDlg input,.dsCfgPage .dsCfgDlg textarea,.dsCfgPage select{background:var(--cfg-tint);border:1px solid var(--border-strong,var(--border-default))}
.dsCfgNotes textarea:focus,.dsCfgPage select:focus{background:var(--surface-card)}
.dsCfgHelp{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px}
.dsCfgOpt.is-on{background:color-mix(in srgb,var(--signal) 7%,var(--surface-card))}
/* 10. readable labels: the body face for anything a buyer reads; mono stays for prices */
.dsCfgOpt__tag,.dsCfgSub,.dsCfgHead__kicker,.dsCfgModels__l,.dsCfgSum__kind,.dsCfgDrawer__k,.dsCfgDrawer__h,.dsCfgModel__p,.dsCfgModels .dsCfgOpt__delta,.dsCfgIdx__st{font-family:var(--font-text);letter-spacing:0;text-transform:none}
.dsCfgSub{font-size:13px;font-weight:600;color:var(--text-secondary)}
.dsCfgHead__kicker,.dsCfgSum__kind{font-size:13px;font-weight:600}
.dsCfgModels__l{font-size:14px;font-weight:600;color:var(--text-primary)}
.dsCfgDrawer__k,.dsCfgDrawer__h{font-size:13.5px;font-weight:600;color:var(--text-secondary)}
.dsCfgModel__p,.dsCfgModels .dsCfgOpt__delta{font-size:13px}
.dsCfgIdx__k{font-size:13px}
/* 3. part photos in the parts index, small and round */
.dsCfgIdx__i{grid-template-columns:40px minmax(0,1fr) auto 16px}
.dsCfgIdx__ic{width:40px;height:40px}
.dsCfgIdx__ic--ph{background:var(--surface-card);border:1px solid var(--border-subtle);overflow:hidden}
.dsCfgIdx__ic--ph img{width:34px;height:34px;object-fit:contain;mix-blend-mode:multiply}
/* 7 + 8. the panel fits a 1366x768 screen without its own scrollbar: compact spacing, Save/Share/Print under the buttons */
.dsCfgSum{padding:16px 18px 12px}
.dsCfgSum__price{margin-bottom:2px}
.dsCfgSum__ship{margin:8px 0;padding:8px 0}
.dsCfgSum .dsBtn--lg{--_h:46px}
.dsCfgSum__cta{gap:8px}
.dsCfgSum .dsCfgTools{margin:10px 0 0}
.dsCfgSum .dsCfgTools button{min-height:48px;flex-direction:row;gap:6px;font-size:13px}
.dsCfgSum__changed{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin:8px 0 0}
.dsCfgSum__eng{margin:8px 0 0}
.dsCfgSum__eng .dsCfgLink{display:inline-flex;gap:6px;align-items:center;min-height:44px;font-size:14px}
.dsCfgSum__eng .ds-icon{width:16px;height:16px}
.dsCfgSum .dsCfgTrust{margin:8px 0 0;gap:4px}
.dsCfgPm--line{margin:10px 0 0;padding:8px 10px}
.dsCfgPm--line .dsCfgPm__h{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:13px}
.dsCfgPm--line .dsCfgLink{min-height:32px;font-size:13px}
.dsCfgPm__t p{margin:6px 0 0}
@media (max-height:800px) and (min-width:981px){.dsCfgSum .dsCfgTrust li{font-size:12.5px}.dsCfgSum__price{font-size:36px}}
.dsCfgSum .dsCfgTools:not(.dsCfgTools--4){grid-template-columns:1fr 1fr 1.4fr}
.dsCfgSum .dsCfgTools button{white-space:nowrap;padding:0 6px}
.dsCfgOpt.is-on .dsCfgOpt__delta{font-family:var(--font-text)}
.dsCfgModels__row:not(.dsCfgModels__row--4){grid-template-columns:repeat(auto-fit,minmax(100px,1fr));max-width:520px}
@media (max-width:480px){.dsCfgModels__row--4{grid-template-columns:repeat(auto-fit,minmax(98px,1fr))!important}.dsCfgModels .dsCfgOpt.dsCfgModel,.dsCfgModel{padding:8px 9px}.dsCfgModels .dsCfgOpt__name,.dsCfgModel__n{font-size:13.5px}}
.dsCfgIdx__eng{display:none;margin:4px 0 6px;text-align:center}
.dsCfgIdx__eng .dsCfgLink{display:inline-flex;gap:6px;align-items:center;min-height:44px;font-size:14px}
.dsCfgIdx__eng .ds-icon{width:16px;height:16px}
@media (max-width:980px){.dsCfgIdx__eng{display:block}}
/* ---- design round 4 (Harjit 2026-11-05) ---- */
/* 3 + 11. one surface per depth: sections sit on the page; a part group is a card; an open group's options are flat rows on
   a light tint with dividers; the selected row is white with the accent edge. Never white on white on white. */
.dsCfgGrp{background:var(--surface-card);border-color:var(--border-default)}
.dsCfgGrp .dsCfgList{background:var(--cfg-tint);border:0;border-top:1px solid var(--border-subtle);border-radius:0;margin:0 -16px;box-shadow:none}
.dsCfgGrp .dsCfgOpt{background:transparent;border:0;border-top:1px solid var(--border-subtle);border-radius:0}
.dsCfgGrp .dsCfgOpt:first-child,.dsCfgGrp .dsCfgSub + .dsCfgOpt{border-top:0}
.dsCfgGrp .dsCfgOpt.is-on{background:var(--surface-card);box-shadow:inset 3px 0 0 var(--signal)}
.dsCfgGrp .dsCfgSub{background:transparent;border-top:1px solid var(--border-subtle);padding:12px 16px 6px}
.dsCfgGrp .dsCfgOpt__img{background:var(--surface-card);border-color:var(--border-subtle)}
.dsCfgGrp .dsCfgNote{background:transparent;border-left-color:var(--border-strong,var(--border-default))}
.dsCfgGrp .dsCfgMore{margin:10px 0 0;background:transparent}
.dsCfgGrp__body{padding-bottom:14px}
@media (max-width:980px){.dsCfgGrp .dsCfgList{margin:0 -12px}}
.dsCfgIdx{background:var(--surface-card)}
/* 1. purchasing: the purchasing page's sheet grammar */
.dsCfgKit--sheet{display:block;padding:0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}
.dsCfgKit__top{padding:20px 24px 18px;border-bottom:1px solid var(--border-subtle)}
.dsCfgKit--sheet .dsCfgKit__t{font-size:22px;margin:0 0 6px}
.dsCfgKit--sheet .dsCfgKit__p{max-width:62ch;margin:0 0 14px}
.dsCfgKit__num{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:12px 14px;background:var(--cfg-tint);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}
.dsCfgKit--sheet .dsCfgKit__q{margin:0;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.dsCfgKit--sheet .dsCfgKit__q b{font-size:17px}
.dsCfgKit--sheet .dsCfgKit__acts{flex-wrap:nowrap}
.dsCfgKit__dl{margin:0;padding:4px 24px 8px}
.dsCfgKit__row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:2px 24px;padding:11px 0;border-top:1px solid var(--border-subtle)}
.dsCfgKit__row:first-child{border-top:0}
.dsCfgKit__row dt{font-size:14px;font-weight:600;color:var(--text-primary)}
.dsCfgKit__row dd{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}
.dsCfgKit__more{margin:0;padding:12px 24px 16px;border-top:1px solid var(--border-subtle);font-size:14px}
.dsCfgKit__more a{color:var(--text-link)}
@media (max-width:640px){.dsCfgKit__top{padding:16px}.dsCfgKit__dl{padding:2px 16px 6px}.dsCfgKit__row{grid-template-columns:minmax(0,1fr)}.dsCfgKit__more{padding:12px 16px}.dsCfgKit--sheet .dsCfgKit__acts{flex-wrap:wrap;width:100%}.dsCfgKit--sheet .dsCfgKit__acts .dsBtn{flex:1 1 150px}}
/* 2. the quote unit on the page */
.dsCfgQuote{margin:28px 0 0;scroll-margin-top:calc(var(--cfg-top,64px) + 16px)}
.dsCfgQuote__t{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1.15;color:var(--text-primary);margin:0 0 6px}
.dsCfgQuote__p{font-size:15px;line-height:1.55;color:var(--text-secondary);margin:0 0 16px;max-width:62ch}
.dsCfgQuoteRef{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img k acts" "img v v" "img p p";gap:2px 12px;align-items:center}
.dsCfgQuoteRef__img{grid-area:img;width:64px;height:auto;object-fit:contain;mix-blend-mode:multiply}
.dsCfgQuoteRef .dsQuoteRef__k{grid-area:k}.dsCfgQuoteRef .dsQuoteRef__acts{grid-area:acts}.dsCfgQuoteRef .dsQuoteRef__v{grid-area:v}
.dsCfgQuoteRef__p{grid-area:p;font-weight:600;font-size:15px;color:var(--text-primary)}
.dsCfgQuoteRef[hidden]{display:none!important}
.dsCfgQuote .dsQuoteSplit{box-shadow:var(--shadow-sm)}
/* 4. changes, listed */
.dsCfgSum__changed{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.dsCfgSum__changed:empty{display:none}
.dsCfgCh{list-style:none;margin:6px 0 0;padding:0;width:100%;display:flex;flex-direction:column;border-top:1px solid var(--border-subtle)}
.dsCfgCh li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:13px;line-height:1.4}
.dsCfgCh__k{grid-column:1;font-weight:600;color:var(--text-primary)}
.dsCfgCh__v{grid-column:1;color:var(--text-secondary)}
.dsCfgCh__v b{font-weight:600;color:var(--text-primary);white-space:nowrap}
.dsCfgCh__w{grid-column:1;color:var(--signal-strong)}
.dsCfgCh li .dsCfgLink{grid-column:2;grid-row:1/span 3;align-self:center;min-height:36px;font-size:13px}
.dsCfgCh__tog{font-size:13px}
.dsCfgSum{overflow:auto}
.dsCfgModels .dsCfgFix{margin:10px 0 0}
/* the section tabs scroll with the page (sticky two-row tabs covered the groups below them) */
.dsCfgNavW{position:static}
@media (min-width:981px){.dsCfgNav a{min-height:40px}}
.dsCfgKit--sheet .dsCfgKit__q b.is-empty{font-family:var(--font-text);font-size:15px;font-weight:500;color:var(--text-muted)}
/* the quote unit: readable labels, the attached build wraps */
.dsCfgQuote .dsQuoteRef__k,.dsCfgQuote .dsQuoteForm__lbl,.dsCfgQuote .dsField i,.dsCfgQuote .dsQuoteRail__label{font-family:var(--font-text);letter-spacing:0;text-transform:none;font-size:13.5px}
.dsCfgQuote .dsQuoteForm__lbl{font-size:15px;font-weight:600;color:var(--text-primary)}
.dsCfgQuoteRef .dsQuoteRef__v{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}
.dsCfgQuote .dsQuoteRef__x{min-height:44px;display:inline-flex;align-items:center;padding:0 6px}
/* ---- round 5 (examiner round 4) ---- */
.dsCfgIdx__eng{display:block}
.dsCfgChBox{background:var(--surface-card);border:1px solid var(--border-default);border-left:3px solid var(--signal);border-radius:var(--radius-lg);padding:14px 16px 6px;margin:0 0 14px;scroll-margin-top:calc(var(--cfg-top,64px) + 16px)}
.dsCfgCh__h{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.dsCfgCh__t{margin:0 auto 0 0;font-size:17px;font-weight:600;color:var(--text-primary)}
.dsCfgCh__t:focus{outline:none}
.dsCfgChBox .dsCfgCh{border-top:0;margin-top:8px}
.dsCfgChBox .dsCfgCh li:last-child{border-bottom:0}
.dsCfgChBox .dsCfgCh li{font-size:14px}
.dsCfgSum__changed{margin:10px 0 0}
.dsCfgSum__why{font-size:13px;line-height:1.45;margin:8px 0 0}
.dsCfg__main > .dsCfgPm--line{margin:28px 0 0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:10px 14px}
.dsCfgProof{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.dsCfgProof li{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--text-secondary)}
.dsCfgProof .ds-icon{width:16px;height:16px;color:var(--success-500);flex:none}
.dsCfgProof + .dsCfgQuote{margin-top:14px}
/* ---- loading state: the real hero (server-rendered) with the parts and prices as a shimmering skeleton ---- */
.dsSk{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--slate-100,#ecebe7) 100%,transparent) 25%,color-mix(in srgb,var(--slate-100,#ecebe7) 45%,#fff) 50%,color-mix(in srgb,var(--slate-100,#ecebe7) 100%,transparent) 75%);background-size:200% 100%;animation:dsSkShimmer 1.4s ease-in-out infinite}
@keyframes dsSkShimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.dsSk{animation:none}}
html:not(.dsCfgLoading) .dsSkSum{display:none}
html.dsCfgLoading #cfgSum{display:none}
html.dsCfgLoading .dsCfg__aside,html.dsCfgLoading .dsCfgBar{visibility:visible}
html.dsCfgLoading .dsCfgBar{display:none}
.dsSkChips__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:520px}
.dsSk--lbl{width:60px;height:16px;margin:0 0 10px}
.dsSk--chip{height:56px;border-radius:var(--radius-md)}
.dsSkRow{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;min-height:52px;padding:6px 2px;border-top:1px solid var(--border-subtle)}
.dsSkRow:first-child{border-top:0}
.dsSk--dot{width:40px;height:40px;border-radius:50%}
.dsSkRow__t{display:flex;flex-direction:column;gap:6px}
.dsSk--k{width:38%;height:11px}.dsSk--v{width:72%;height:14px}
.dsSkSum{display:flex;flex-direction:column;gap:10px}
.dsSk--name{width:45%;height:20px}.dsSk--price{width:60%;height:38px}.dsSk--line{width:85%;height:13px}
.dsSk--btn{height:46px;border-radius:var(--radius-md)}.dsSk--tools{height:48px;border-radius:var(--radius-md)}
.dsSkSum__status{margin:2px 0;font-size:14px;font-weight:500;color:var(--text-secondary);text-align:center}
html.dsCfgLoading #idxAll,html.dsCfgLoading .dsCfgIdx__eng{visibility:hidden}
.dsSkChips{margin:6px 0 0}
.dsSk--lbl{width:52px;height:20px;margin:0 0 8px}
html:not(.dsCfgLoading) .dsSkGroups{display:none}
.dsSkGroups{display:flex;flex-direction:column;gap:10px;padding-top:26px}
.dsSk--sec{width:260px;height:30px;margin:0 0 4px}
.dsSk--grp{height:70px;border-radius:var(--radius-lg)}
.dsSk--chip{height:85px}.dsSk--lbl{height:22px}.dsSkRow{min-height:55px}
.dsSkMsg{display:none;margin:0 0 6px;font-size:14px;font-weight:500;color:var(--text-secondary)}
@media (max-width:980px){html.dsCfgLoading .dsSkMsg{display:block}}
html:not(.dsCfgLoading) .dsSkMsg{display:none}
.dsCfgPm--line .dsCfgLink{min-height:44px}
.dsSkMsg{height:22px;line-height:22px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:980px){html.dsCfgLoading .dsSkChips .dsSk--lbl{display:none}}
/* ---- round 6 (Harjit 2026-11-05) ---- */
/* 2. no short last lines: balanced headings, pretty paragraphs everywhere */
.dsCfgPage h1,.dsCfgPage h2,.dsCfgPage h3,.dsCfgPage legend,.dsCfgGrp__lbl{text-wrap:balance}
.dsCfgPage p,.dsCfgPage li,.dsCfgPage dd,.dsCfgPage dt,.dsCfgPage label,.dsCfgPage span,.dsCfgPage summary{text-wrap:pretty}
/* 1. the changes card */
.dsCfgSum__changed:not(:empty){margin:10px 0 0}
.dsCfgChCard{display:grid;grid-template-columns:18px minmax(0,1fr);gap:2px 8px;align-items:start;width:100%;padding:9px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--signal) 9%,var(--surface-card));border:1px solid color-mix(in srgb,var(--signal) 28%,transparent)}
.dsCfgChCard .ds-icon{width:16px;height:16px;color:var(--signal-strong);margin-top:2px}
.dsCfgChCard__t{font-size:13.5px;line-height:1.4;color:var(--text-primary)}
.dsCfgChCard__a{grid-column:2;display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-muted)}
.dsCfgChCard__a .dsCfgLink{min-height:32px;font-size:13px;font-weight:600}
/* 3. the price match in the panel, one line */
.dsCfgSum__pm{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:8px 0 0;padding-top:8px;border-top:1px solid var(--border-subtle);font-size:12.5px;color:var(--text-secondary)}
.dsCfgSum__pm .ds-icon{width:15px;height:15px;color:var(--text-muted)}
.dsCfgSum__pm .dsCfgLink{min-height:30px;font-size:12.5px}
/* 4. the quote unit: one card, the engineer and what happens next at the top */
.dsCfgQuote .dsQuoteSplit{display:flex!important;flex-direction:column;grid-template-columns:none;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card)}
.dsCfgQuote .dsQuoteRail{order:-1;display:grid;grid-template-columns:160px minmax(0,1fr);gap:0 22px;align-items:start;padding:20px 24px;background:var(--cfg-tint)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-subtle)}
.dsCfgQuote .dsQuoteRail__call{grid-row:1/span 2;display:block}
.dsCfgQuote .dsQuoteRail__photo{width:160px;height:160px;object-fit:cover;border-radius:var(--radius-md);display:block}
.dsCfgQuote .dsQuoteRail__body{padding:0!important;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.dsCfgQuote .dsQuoteRail__intro b,.dsCfgQuote .dsQuoteStep b{color:var(--text-primary)!important}
.dsCfgQuote .dsQuoteRail__intro span,.dsCfgQuote .dsQuoteStep p,.dsCfgQuote .dsQuoteRail__label{color:var(--text-secondary)!important}
.dsCfgQuote .dsQuoteRail__tel{color:var(--text-link)!important}
.dsCfgQuote .dsQuoteRail__body{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}
.dsCfgQuote .dsQuoteRail__intro,.dsCfgQuote .dsQuoteRail__label{grid-column:1/-1;border:0!important;margin:0!important;padding:0!important}
.dsCfgQuote .dsQuoteStep{display:block;margin:0!important;padding:0!important;border:0!important}
.dsCfgQuote .dsQuoteStep__n{background:var(--surface-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-default)}
.dsCfgQuote .dsQuoteForm{padding:20px 24px 22px}
@media (max-width:760px){.dsCfgQuote .dsQuoteRail{grid-template-columns:72px minmax(0,1fr);padding:16px}.dsCfgQuote .dsQuoteRail__photo{width:72px;height:72px;border-radius:50%}.dsCfgQuote .dsQuoteRail__body{grid-template-columns:minmax(0,1fr)}.dsCfgQuote .dsQuoteForm{padding:16px}}
/* 5. no long gap before the footer */
.dsCfg{padding-bottom:40px}
/* 6. the trust row: an even grid */
.dsCfgProof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 16px}
.dsCfgProof li{align-items:flex-start;font-size:13.5px}
@media (max-width:760px){.dsCfgProof{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 13. documents in the drawer */
.dsCfgDoc{font-size:14.5px;line-height:1.6;color:var(--text-secondary);padding-bottom:12px}
.dsCfgDoc h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:18px 0 6px}
.dsCfgDoc h4{font-size:14.5px;font-weight:600;color:var(--text-primary);margin:12px 0 2px}
.dsCfgDoc p{margin:0 0 8px}.dsCfgDoc .dsCfgDoc__li{padding-left:14px;position:relative}.dsCfgDoc .dsCfgDoc__li::before{content:"";position:absolute;left:2px;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--text-muted)}
.dsCfgDlg--sum .dsCfgDlg__t{font-family:var(--font-display);font-size:22px;margin:0 48px 4px 0}
.dsCfgDlg--sum .dsCfgDlg__p{font-size:14px;color:var(--text-secondary);margin:0 0 8px}
/* 11. notes: "Why?" on phones */
.dsCfgNoteD{display:block}
.dsCfgNoteD summary{list-style:none;display:none;cursor:pointer}
.dsCfgNoteD summary::-webkit-details-marker{display:none}
.dsCfgNoteD[open] > span,.dsCfgNoteD:not([open]) > span{display:inline}
@media (min-width:641px){.dsCfgNoteD:not([open]) > span{display:inline}.dsCfgNoteD{display:flex}}
@media (max-width:640px){.dsCfgNoteD{display:block;padding:6px 10px}.dsCfgNoteD summary{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:13.5px;font-weight:600;color:var(--text-link)}.dsCfgNoteD summary .ds-icon{width:15px;height:15px}.dsCfgNoteD:not([open]) > span{display:none}.dsCfgNoteD[open] > span{display:block;padding:0 0 6px}}
/* 12. phone option rows: two-line descriptions, price and Details at the top right */
@media (max-width:640px){
  .dsCfgOpt__hit{align-items:flex-start}
  .dsCfgOpt__why,.dsCfgOpt__spec{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dsCfgOpt__delta{align-self:flex-start;padding-top:2px}
  .dsCfgOpt__info{align-self:flex-start}
}
/* 8. phones: the section tabs stay reachable (sticky, one scrolling row with an edge cue) */
@media (max-width:980px){
  .dsCfgNavW{position:sticky!important;top:calc(var(--cfg-top,56px) - 1px);z-index:30;margin:0 -16px 10px;border-radius:0;border-left:0;border-right:0;padding:0 4px;box-shadow:0 4px 10px -8px rgba(0,0,0,.25)}
  .dsCfgNav{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity}
  .dsCfgNav a{min-height:44px;scroll-snap-align:start}
  .dsCfgNavW::after{display:block!important;content:"";position:absolute;top:0;right:0;bottom:0;width:36px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--cfg-tint) 75%);opacity:0;transition:opacity .2s}
  .dsCfgNavW.has-more::after{opacity:1}
  .dsCfgNavW{position:sticky}
}
/* 9. phone bar: the price leads */
@media (max-width:980px){
  .dsCfgBar{grid-template-columns:minmax(0,1fr) auto auto!important;gap:4px 8px!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important}
  .dsCfgBar__ship{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin:0!important;font-size:12px!important}
  .dsCfgBar__more{min-height:36px!important;padding:0 8px!important;font-size:13px!important;border:0!important;background:none!important}
  .dsCfgBar__price b{font-size:26px!important;line-height:1.1;letter-spacing:-.01em}
  .dsCfgBar__price span{font-size:12.5px!important}
  .dsCfgBar .dsBtn{min-height:46px}
}
/* 10. phone "Your build" sheet: label, part and price on one row */
.dsCfgSumList{list-style:none;margin:8px 0 0;padding:0}
.dsCfgSumList li{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:8px 0;border-top:1px solid var(--border-subtle);align-items:baseline}
.dsCfgSumList li span:first-child{grid-column:1/-1;font-size:12px;font-weight:600;color:var(--text-muted)}
.dsCfgSumList li span:nth-child(2){font-size:14px;color:var(--text-primary);line-height:1.35}
.dsCfgSumList li span:nth-child(3){font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.dsCfgOpt__name,.dsCfgOpt__why,.dsCfgOpt__spec,.dsCfgPage dd,.dsCfgPage dt,.dsCfgPage summary,.dsQuoteStep p{text-wrap:balance}
@media (max-width:640px){
  .dsCfgGrp .dsCfgOpt__hit{grid-template-columns:20px 40px minmax(0,1fr) auto;gap:8px;padding:10px 2px 10px 8px}
  .dsCfgGrp .dsCfgOpt__img{width:40px;height:40px}
  .dsCfgGrp .dsCfgOpt__info{min-width:40px;margin:0 2px 0 0}
  .dsCfgGrp .dsCfgOpt__info span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .dsCfgGrp .dsCfgOpt__delta{font-size:12.5px}
  .dsCfgGrp .dsCfgOpt__name{font-size:14.5px}
  .dsCfgBar .dsBtn{padding:0 14px;white-space:nowrap}
  .dsCfgBar__price b{font-size:24px!important}
}
.dsCfgQuote .dsQuoteRail__intro{display:flex;flex-direction:column;gap:2px}.dsCfgQuote__call{color:var(--text-secondary);font-size:14px}
/* phone bar: a flex row that never wraps the two buttons */
@media (max-width:980px){
  .dsCfgBar{display:flex!important;flex-wrap:wrap}
  .dsCfgBar__ship{flex:1 0 100%}
  /* round 8b: the price gives way (it shrinks and its note wraps), never the buttons */
  .dsCfgBar__price{flex:1 1 0;min-width:0;overflow:hidden;text-align:left}
  .dsCfgBar__price b{white-space:nowrap}
  .dsCfgBar__price span{display:block;white-space:normal;line-height:1.25}
  .dsCfgBar .dsBtn{flex:none;padding:0 12px;font-size:14.5px;white-space:nowrap}
  /* a waiting button keeps at least its width (set by the script) and its padding; the price gives way */
  .dsCfgBar .dsBtn[aria-busy="true"]{justify-content:center}
  .dsCfgBar .dsBtn[aria-busy="true"] .dsCfgSpin{width:12px;height:12px;margin-right:5px;flex:none}
}
@media (max-width:375px){
  .dsCfgBar{column-gap:6px!important;padding-left:10px!important;padding-right:10px!important}
  .dsCfgBar__price b{font-size:21px!important}
  .dsCfgBar__price span{font-size:11.5px!important}
  .dsCfgBar .dsBtn{padding:0 10px;font-size:14px}
}
html.dsCfgLoading .dsCfgBar{display:none!important}
/* every drawer the same width and edge; on phones full width */
.dsCfgDrawer.dsCfgDlg--sum{width:min(520px,100vw)}
@media (max-width:640px){.dsCfgDrawer,.dsCfgDrawer.dsCfgDlg--sum{width:100vw;max-width:100vw;margin:0}}
.dsCfgSum__pm{column-gap:6px}
.dsCfgSum__pm > span:first-of-type{flex:1 1 auto}
.dsCfgSum__pmA{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.dsCfgFb:has(> #cfgFallback[hidden]){display:none}
/* A. progress */
.dsCfgProgress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--signal),transparent);background-size:40% 100%;background-repeat:no-repeat;transition:opacity .2s}
.dsCfgProgress.is-on{opacity:1;animation:dsCfgProg 1.1s linear infinite}
@keyframes dsCfgProg{from{background-position:-40% 0}to{background-position:140% 0}}
.dsCfgSpin{display:inline-block;width:15px;height:15px;margin-right:8px;vertical-align:-2px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:dsCfgSpinA .7s linear infinite}
@keyframes dsCfgSpinA{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.dsCfgProgress.is-on{animation:none;background:var(--signal);opacity:.6}.dsCfgSpin{animation:none;border-top-color:currentColor;opacity:.6}}
[aria-busy="true"].dsBtn{cursor:progress}
/* C. the centred modal (save, share) */
.dsCfgModal{border:0;padding:0;border-radius:var(--radius-xl);width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 32px);background:var(--surface-card);box-shadow:var(--shadow-xl)}
.dsCfgModal::backdrop{background:var(--overlay-scrim,rgba(0,0,0,.45))}
.dsCfgModal__in{position:relative;padding:26px 24px 20px}
.dsCfgModal__ic{margin:0 0 6px;color:var(--success-500)}.dsCfgModal__ic .ds-icon{width:30px;height:30px}
.dsCfgModal__t{font-family:var(--font-display);font-size:24px;font-weight:600;margin:0 40px 6px 0;color:var(--text-primary)}
.dsCfgModal__p{font-size:15px;line-height:1.5;color:var(--text-secondary);margin:0 0 14px}
.dsCfgModal__link{display:flex;gap:8px;margin:0 0 12px}
.dsCfgModal__link input{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--cfg-tint);font:inherit;font-size:13.5px;color:var(--text-primary)}
.dsCfgModal__acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.dsCfgModal__acts .dsBtn,.dsCfgModal__link .dsBtn{--_h:44px}
.dsCfgModal__acts .ds-icon{width:16px;height:16px;margin-right:6px}
.dsCfgModal__mail{border-top:1px solid var(--border-subtle);padding-top:14px}
.dsCfgModal__mail > label:not(.dsCfgModal__opt){display:block;font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px}
.dsCfgModal__mail > label:not(.dsCfgModal__opt) i{display:block;font-style:normal;font-weight:400;font-size:13px;color:var(--text-muted)}
.dsCfgModal__row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.dsCfgModal__row input{flex:1 1 200px;min-height:44px;padding:0 12px;border:1px solid var(--border-strong,var(--border-default));border-radius:var(--radius-md);background:var(--cfg-tint);font:inherit;font-size:15px}
.dsCfgModal__sent{font-size:14px;color:var(--text-secondary);margin:8px 0 0}
.dsCfgModal__foot{margin:12px 0 0;font-size:14px}
/* D. saved builds */
.dsCfgSum__saved{margin:6px 0 0;font-size:13px}.dsCfgSum__saved .dsCfgLink{min-height:30px;font-size:13px}
.dsCfgSaved{list-style:none;margin:0;padding:0}
.dsCfgSaved li{padding:10px 0;border-top:1px solid var(--border-subtle)}
.dsCfgSaved a{display:flex;justify-content:space-between;gap:12px;color:var(--text-link);text-decoration:none;font-size:15px}
.dsCfgSaved small{display:block;color:var(--text-muted);font-size:12.5px}
.dsCfgSaved a span i{font-style:normal;font-size:12.5px;color:var(--text-muted);font-weight:400}
.dsCfgSaved__parts{display:block;font-size:14px;color:var(--text-secondary);margin:2px 0}
.dsCfgSaved__here{font-style:normal;font-size:12px;font-weight:600;color:var(--text-primary);background:var(--cfg-tint);border-radius:999px;padding:1px 8px;margin-left:6px;white-space:nowrap}
.dsCfgSaved li.is-here{box-shadow:inset 3px 0 0 var(--signal);padding-left:10px}
.dsCfgHead__from{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
@media (max-width:980px){.dsCfgBar__more{min-height:44px!important}}
.dsBtn[aria-busy="true"]{opacity:1!important}
.dsCfgModal__opt{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14px;color:var(--text-secondary);cursor:pointer}
.dsCfgModal__opt input{width:20px;height:20px;margin:0;accent-color:var(--signal);flex:none}
/* round 7: the one-page printable quote. On screen it is laid out off-screen (so fit() can measure it) and never seen;
   in print only the sheet prints */
#cfgQuote.dsCfgQ{all:initial;display:block;position:fixed;left:-12in;top:0;width:8.5in;visibility:hidden;pointer-events:none;z-index:-1}
@media print{
  html.dsCfgQOn,html.dsCfgQOn body{background:#fff!important;margin:0!important;padding:0!important;min-width:0!important}
  html.dsCfgQOn body>*:not(#cfgQuote){display:none!important}
  html.dsCfgQOn #cfgQuote.dsCfgQ{position:static;left:auto;width:auto;visibility:visible;z-index:auto}
}
/* ---- round 9 (Harjit's walk-through, 2026-11-05) ---- */
/* 1. the dialog lock sits on <html> only: the page behind cannot scroll, and the sticky header, tabs and panel stay put
   (with <body> locked too, body became the scroller and they slid out of view) */
html.dsCfgLock{overflow:hidden;scrollbar-gutter:stable}
html.dsCfgLock body{overflow:visible}
/* 2. section tabs: one row of one-word tabs, sticky under the site header on desktop as on phones */
@media (min-width:981px){
  .dsCfgNavW{position:sticky;top:calc(var(--cfg-top,64px) - 1px);z-index:30;padding:2px 6px;box-shadow:0 6px 12px -10px rgba(0,0,0,.28)}
  .dsCfgNav{flex-wrap:nowrap;overflow-x:auto;justify-content:space-between;gap:0;padding:2px 0}
  .dsCfgNav a{padding:0 8px;gap:5px;min-height:42px}
  .dsCfgNavW::after{display:block!important;content:"";position:absolute;top:0;right:0;bottom:0;width:32px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--cfg-tint) 75%);opacity:0}
  .dsCfgNavW.has-more::after{opacity:1}
}
@media (min-width:981px) and (max-width:1240px){.dsCfgNav a{padding:0 4px;gap:4px;font-size:13px}.dsCfgNav a .ds-icon{width:14px;height:14px}}
/* 4. changed-for-you lines: one row each with a quiet divider; "Ask an engineer" under them after a Change */
.dsCfgFix__rows{gap:0}
.dsCfgFix__row{padding:6px 0;border-top:1px solid color-mix(in srgb,var(--signal) 22%,transparent)}
.dsCfgFix__row:first-child{border-top:0;padding-top:0}
.dsCfgFix__row:last-child{padding-bottom:0}
.dsCfgFix__ask{grid-column:2/-1;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin:0;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--signal) 22%,transparent);font-size:14px;color:var(--text-secondary)}
.dsCfgGuide{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;margin:0 0 10px;padding:9px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--success-500) 9%,var(--surface-card));border:1px solid color-mix(in srgb,var(--success-500) 24%,transparent);font-size:14px;line-height:1.45;color:var(--text-primary)}
.dsCfgGuide .ds-icon{width:16px;height:16px;color:var(--success-500);margin-top:2px}
.dsCfgGuide[hidden]{display:none}
.dsCfgGrp .dsCfgOpt.is-fits{background:color-mix(in srgb,var(--success-500) 8%,var(--surface-card));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--success-500) 75%,transparent)}
.dsCfgOpt.is-clash{opacity:.6;transition:opacity .15s}
.dsCfgOpt.is-clash:hover,.dsCfgOpt.is-clash:focus-within{opacity:.92}
@media (prefers-reduced-motion:reduce){.dsCfgOpt.is-clash{transition:none}}
/* 5. phone bar: a larger price that always fits its space; Save, Quote and Buy on one row */
@media (max-width:980px){
  .dsCfgBar__price{container-type:inline-size}
  .dsCfgBar__price b{font-size:clamp(17px,19.5cqi,34px)!important;line-height:1.08}
  .dsCfgBar .dsBtn{padding:0 12px}
}
@media (max-width:375px){.dsCfgBar .dsBtn{padding:0 9px}.dsCfgBar{column-gap:5px!important}}
/* 6. phone hero: the system photo about 1.7x larger, the name and the lede beside it */
@media (max-width:720px){
  .dsCfgHead{grid-template-columns:clamp(132px,44vw,200px) minmax(0,1fr);grid-template-areas:"img title" "img lede" "models models" "from from";column-gap:14px;row-gap:4px;align-items:start}
  .dsCfgHead__img{align-self:center}
  .dsCfgHead__title{align-self:end}
  .dsCfgHead__more{display:contents}
  .dsCfgHead__lede{grid-area:lede;align-self:start;margin:0}
  #cfgModelsBox{grid-area:models;margin-top:10px}
  #cfgFrom{grid-area:from}
  .dsCfgHead .dsTrail{margin-bottom:4px}
}
/* 7. the engineer box: the person in the photo, the headline, the call line and the three step headlines, compact */
.dsCfgQuote .dsQuoteRail{grid-template-columns:116px minmax(0,1fr);gap:0 20px;padding:16px 20px;align-items:center}
.dsCfgQuote .dsQuoteRail__call{position:relative;width:116px;height:116px;overflow:hidden;border-radius:var(--radius-md);grid-row:auto}
/* crop on the engineer (face and shoulders, the right of the photo), same real photo */
.dsCfgQuote .dsQuoteRail__call .dsQuoteRail__photo{position:absolute;max-width:none;width:291%;height:auto;aspect-ratio:1600/901;left:-191%;top:-14%;object-fit:fill;border-radius:0}
.dsCfgQuote .dsQuoteRail__body{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;align-items:center}
.dsCfgQuote .dsQuoteRail__intro{gap:0}
.dsCfgQuote .dsQuoteStep{display:flex!important;align-items:center;gap:8px}
.dsCfgQuote .dsQuoteStep__n{margin:0}
.dsCfgQuote .dsQuoteStep b{font-size:14px;line-height:1.3}
@media (max-width:760px){
  .dsCfgQuote .dsQuoteRail{grid-template-columns:76px minmax(0,1fr);gap:0 14px;padding:14px 16px}
  .dsCfgQuote .dsQuoteRail__call{width:76px;height:76px;border-radius:50%;align-self:start}
  .dsCfgQuote .dsQuoteRail__call .dsQuoteRail__photo{width:400%;left:-283%;top:-14%}
  .dsCfgQuote .dsQuoteRail__body{grid-template-columns:minmax(0,1fr);gap:4px}
  .dsCfgQuote .dsQuoteRail__intro{margin-bottom:4px!important}
  .dsCfgQuote .dsQuoteStep b{font-size:14px}
}
/* 8. the purchasing facts on one condensed line */
.dsCfgProcure{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 0 14px;font-size:14px;line-height:1.4;color:var(--text-secondary)}
.dsCfgProcure .ds-icon{width:16px;height:16px;color:var(--success-500);flex:none}
.dsCfgProcure span{white-space:nowrap}
.dsCfgProcure i{font-style:normal;color:var(--text-muted)}
@media (min-width:981px) and (max-width:1020px){.dsCfgNav a{padding:0 3px;gap:3px}}
@media (max-width:640px){
  .dsCfgFix:has(.dsCfgFix__rows){grid-template-columns:18px minmax(0,1fr);align-items:start;gap:4px 10px}
  .dsCfgFix:has(.dsCfgFix__rows) > .ds-icon{margin-top:3px}
  .dsCfgFix:has(.dsCfgFix__rows) > [data-undo]{grid-column:2;justify-self:start;min-height:40px;padding:0}
  .dsCfgFix__row{gap:0 10px}
  .dsCfgFix__row .dsCfgLink{min-height:40px;padding:0;justify-content:flex-start}
  .dsCfgFix__ask{grid-column:2}
}
.dsCfgQuote .dsQuoteRail__body{grid-template-columns:repeat(3,auto);justify-content:start;column-gap:24px}
@media (max-width:760px){.dsCfgQuote .dsQuoteRail__body{grid-template-columns:minmax(0,1fr)}}
/* phones: the same line as one wrapped sentence (no dangling dots) */
@media (max-width:640px){.dsCfgProcure{display:block;font-size:13.5px;text-wrap:balance}.dsCfgProcure span{white-space:normal}.dsCfgProcure .ds-icon{display:inline-block;vertical-align:-3px;margin-right:6px}.dsCfgProcure i{margin:0 4px}}
.dsCfgQuote__t:focus{outline:none}
@media (max-width:720px){.dsCfgHead .dsTrail a{white-space:nowrap}}
@media (max-width:374px){.dsCfgHead{grid-template-areas:"img title" "lede lede" "models models" "from from"}.dsCfgHead__title{align-self:center}.dsCfgHead__lede{margin-top:8px}}
/* round 9: in the phone bar the busy "Buy" shows its spinner alone, centred, at the width it had */
.dsCfgBar .dsBtn[aria-busy="true"] .dsCfgSpin{margin-right:0}
/* round 10 (Harjit, 27.png): why Add to cart is paused. A warning alert right above the button: icon, which part and why in one
   sentence, one action that goes to the part (as "Change" does) and an engineer. Left-aligned, body line height, warning tokens. */
.dsCfgHold{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;margin:2px 0;padding:12px 14px 10px 12px;background:var(--warning-100);border:1px solid color-mix(in srgb,var(--warning-700) 28%,transparent);border-left:4px solid var(--warning-700);border-radius:var(--radius-md);text-align:left;font-size:14px;line-height:1.45;color:var(--text-primary)}
.dsCfgHold>.ds-icon{width:18px;height:18px;margin-top:2px;color:var(--warning-700)}
.dsCfgHold__b{min-width:0}
.dsCfgHold__t{margin:0;text-wrap:pretty}
.dsCfgHold__t b{font-weight:600}
.dsCfgHold__d{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--text-secondary);text-wrap:pretty}
.dsCfgHold__a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0}
.dsCfgSum__cta .dsCfgHold .dsBtn,.dsCfgHold .dsBtn{--_h:44px;width:auto;min-height:44px;padding:0 16px;font-size:14px}
.dsCfgHold__fix:not(.dsBtn--primary){background:var(--surface-card,#fff);border:1px solid var(--warning-700);color:var(--text-primary);font-weight:600}
.dsCfgHold__fix:not(.dsBtn--primary):hover{background:color-mix(in srgb,var(--warning-700) 8%,var(--surface-card,#fff))}
.dsCfgHold .dsCfgLink{min-height:40px;padding:0 2px}
/* the button it explains: clearly unavailable, still focusable (it explains itself on click) */
.dsCfgPage .dsBtn[data-cart][aria-disabled="true"]{opacity:.55}
/* phone bar: one line above the price row; the full sentence is in the "Your build" sheet and at the part */
.dsCfgBar__hold{flex:1 0 100%;grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0 0 2px;padding:4px 6px 4px 10px;font-size:13px;line-height:1.35;border-left-width:3px}
.dsCfgBar__hold>.ds-icon{margin-top:0;flex:none}
.dsCfgBar__hold .dsCfgHold__t{flex:1 1 auto;min-width:0}
.dsCfgBar__hold .dsCfgHold__go{flex:none;min-height:40px;padding:0 8px;font-size:14px}
@media (max-width:980px){html.dsCfgHeld .dsCfg{padding-bottom:200px}}
/* round 10 (examiner): the purchasing line stays on one line at the in-between desktop widths (1024 px: a 546 px column) */
@media (min-width:641px) and (max-width:1180px){.dsCfgProcure{font-size:13px;gap:2px 6px}}
/* round 10: the Bread prequalification button (custom PCs), filled by the Bread SDK; nothing shows until it is */
.dsCfgBread{margin:6px 0 0;min-height:0}
.dsCfgBread:empty{display:none}
/* round 10: on short desktop screens (1366x768) a held build's panel still fits without an inner scroll: the alert is the
   priority, so the proof lines step aside until the part is fixed (they come back with Add to cart) */
@media (min-width:981px) and (max-height:820px){html.dsCfgHeld .dsCfg__aside .dsCfgTrust{display:none}html.dsCfgHeld .dsCfgHold__a{margin-top:6px}}
/* ---- round 10 live fixes (2026-11-06, Harjit 31-35.png + PostHog) ---- */
/* 31.png: the quote panel's engineer box is the full, wide photo (the engineer with the systems), uncut, beside the headline;
   the 01 / 02 / 03 steps are gone (build.py). Phones: the photo across the box, the headline under it. */
.dsCfgQuote .dsQuoteRail{grid-template-columns:272px minmax(0,1fr);gap:0 22px;padding:16px 20px;align-items:center}
.dsCfgQuote .dsQuoteRail__call{position:static;width:272px;height:auto;aspect-ratio:1600/901;overflow:hidden;border-radius:var(--radius-md);grid-row:auto;align-self:center;line-height:0}
.dsCfgQuote .dsQuoteRail__call .dsQuoteRail__photo{position:static;max-width:100%;width:100%;height:100%;aspect-ratio:1600/901;left:auto;top:auto;object-fit:cover;object-position:50% 50%;border-radius:0}
.dsCfgQuote .dsQuoteRail__body{display:block}
.dsCfgQuote .dsQuoteRail__intro b{font-family:var(--font-display);font-size:19px;line-height:1.25;font-weight:600}
@media (max-width:760px){
  .dsCfgQuote .dsQuoteRail{grid-template-columns:minmax(0,1fr);gap:12px 0;padding:14px 16px}
  .dsCfgQuote .dsQuoteRail__call,.dsCfgQuote .dsQuoteRail__call .dsQuoteRail__photo{width:100%;height:auto;border-radius:var(--radius-md)}
  .dsCfgQuote .dsQuoteRail__call{border-radius:var(--radius-md);align-self:stretch}
  .dsCfgQuote .dsQuoteRail__intro{margin:0!important}
  .dsCfgQuote .dsQuoteRail__intro b{font-size:17px}
}
/* 34-35.png: "Show all N parts" / "Show only the parts in this build" is the dashed full-width button of "Show N more options" */
.dsCfgIdx .dsCfgIdx__all.dsCfgMore{margin:10px 0 0;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:transparent}
.dsCfgIdx .dsCfgIdx__all.dsCfgMore:hover{background:var(--blue-100);border-color:var(--signal)}
/* PostHog: a choice this build cannot take is shown unavailable, with its reason, and cannot be picked */
.dsCfgOpt.is-na .dsCfgOpt__hit{cursor:not-allowed}
.dsCfgOpt.is-na .dsCfgOpt__name,.dsCfgOpt.is-na .dsCfgOpt__spec,.dsCfgOpt.is-na .dsCfgOpt__why,.dsCfgOpt.is-na .dsCfgOpt__delta,.dsCfgOpt.is-na .dsCfgOpt__img,.dsCfgOpt.is-na .dsCfgOpt__dot{opacity:.55}
.dsCfgOpt.is-na .dsCfgOpt__dot{border-style:dashed}
.dsCfgOpt__tag.is-na{color:var(--warning-700);font-weight:600}
.dsCfgOpt.is-na:hover{background:transparent}
/* PostHog (Processor opened and closed 7 times in 4 s): the group button answers the tap at once and open looks open */
.dsCfgGrp__tog{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dsCfgGrp__tog:active{transform:scale(.97)}
.dsCfgGrp.is-open .dsCfgGrp__tog{background:var(--blue-100);border-color:var(--signal);color:var(--signal-strong, var(--text-link))}
@media (prefers-reduced-motion:reduce){.dsCfgGrp__tog:active{transform:none}}

/* ---- laptops (lane D, 2026-11-06): the laptop pictures are landscape (1200x896, the laptops page's own cards); the parts that
   come with the model, in the parts index's card grammar ---- */
.dsCfg[data-kind="laptop"] .dsCfgHead__img{aspect-ratio:1200/896;mix-blend-mode:normal;border-radius:var(--radius-md)}
.dsCfgLapFix{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px 18px 8px;margin:0 0 14px}
.dsCfgPage section.dsCfgLapFix{padding:16px 18px 8px}
.dsCfgLapFix__t{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-primary);margin:0 0 2px}
.dsCfgLapFix__s{font-size:13px;color:var(--text-muted);margin:0 0 8px}
.dsCfgLapFix__l{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.dsCfgLapFix__r{min-width:0;border-top:1px solid var(--border-subtle);padding:9px 0}
.dsCfgLapFix__r dt{font-size:13px;font-weight:600;color:var(--text-muted)}
.dsCfgLapFix__r dd{margin:0;min-width:0;display:flex;flex-direction:column}
.dsCfgLapFix__r b{font-size:14px;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}
.dsCfgLapFix__r span{font-size:13px;color:var(--text-secondary);line-height:1.45;overflow-wrap:anywhere}
@media (max-width:640px){
  .dsCfgLapFix,.dsCfgPage section.dsCfgLapFix{padding:12px 14px 6px}
  .dsCfgLapFix__l{grid-template-columns:minmax(0,1fr)}
}
/* round 10 (Harjit, 33.png): the laptop fills its picture. The frame crops the studio background around the laptop (default:
   the box that holds all three, x 205-1025, y 105-815 of 1200 x 896; then each picture on its own laptop, below) and is larger:
   300 px wide beside the name on desktop, the full width above the name on phones. The pictures' own background colour fills
   any sub-pixel edge. */
.dsCfg[data-kind="laptop"] .dsCfgHead{grid-template-columns:300px minmax(0,1fr)}
.dsCfg[data-kind="laptop"] .dsCfgHead__frame{grid-area:img;align-self:center;position:relative;display:block;width:100%;aspect-ratio:820/710;overflow:hidden;border-radius:var(--radius-md);background:#F7F1EE}
.dsCfg[data-kind="laptop"] .dsCfgHead__frame .dsCfgHead__img{position:absolute;left:-25%;top:-14.79%;width:146.34%;max-width:none;height:auto;aspect-ratio:1200/896;object-fit:fill;border-radius:0}
/* each picture framed on its own laptop (4% air): Nova 16 x 292-997 y 160-755, Avon 18 x 232-938 y 128-791 */
.dsCfg[data-kind="laptop"] .dsCfgHead__frame .dsCfgHead__img[src*="nova16"]{left:-34.14%;top:-19%;width:156.66%}
.dsCfg[data-kind="laptop"] .dsCfgHead__frame .dsCfgHead__img[src*="-v2-"]{left:-20.28%;top:-13.76%;width:144.16%}
@media (max-width:640px){
  .dsCfg[data-kind="laptop"] .dsCfgHead{grid-template-columns:minmax(0,1fr);grid-template-areas:"img" "title" "lede" "models" "from"}
  .dsCfg[data-kind="laptop"] .dsCfgHead__frame{aspect-ratio:947/710;margin-bottom:10px}
  .dsCfg[data-kind="laptop"] .dsCfgHead__frame .dsCfgHead__img{left:-14.89%;width:126.72%}
  .dsCfg[data-kind="laptop"] .dsCfgHead__frame .dsCfgHead__img[src*="nova16"]{left:-24.68%;top:-20.71%;width:139.05%}
  .dsCfg[data-kind="laptop"] .dsCfgHead__frame .dsCfgHead__img[src*="-v2-"]{left:-10.86%;top:-13.76%;width:124.83%}
}