/* Box Design workspace — visual styles only. Logic lives in box-design-workspace.js.
 * The workspace responds to CSS viewport/container dimensions, not physical monitor resolution.
 */
.box-design-intro{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}
.box-design-intro>div{min-width:0}.box-design-intro .eyebrow{color:var(--design-color)}
.box-design-intro .page-title{margin-bottom:10px}.box-design-intro .page-lede{margin-bottom:0;max-width:clamp(900px,48vw,1250px)}
.box-design-reset{flex:0 0 auto}

.box-design-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);margin:0 0 var(--space-2)}
.box-design-step{border:1px solid var(--line);border-radius:10px;padding:clamp(8px,.45vw,12px) clamp(10px,.6vw,16px);background:#fff;display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--font-base);line-height:1.35;min-width:0}
.box-design-step b{display:grid;place-items:center;width:clamp(22px,1.35vw,30px);height:clamp(22px,1.35vw,30px);border-radius:50%;font-size:var(--font-md);font-weight:var(--weight-bold);flex:0 0 auto}
.box-design-step:nth-child(1) b{color:#087f94;background:#eafbfe}.box-design-step:nth-child(1).is-active,.box-design-step:nth-child(1).is-complete{border-color:color-mix(in srgb,var(--drivers-color) 58%,#dce3ec)}.box-design-step:nth-child(1).is-complete b{background:var(--drivers-color);color:#fff}
.box-design-step:nth-child(2) b{color:var(--design-color);background:#eef2ff}.box-design-step:nth-child(2).is-active,.box-design-step:nth-child(2).is-complete{border-color:color-mix(in srgb,var(--design-color) 50%,#dce3ec)}.box-design-step:nth-child(2).is-complete b{background:var(--design-color);color:#fff}
.box-design-step:nth-child(3) b{color:var(--learn-color);background:#f5efff}.box-design-step:nth-child(3).is-active,.box-design-step:nth-child(3).is-complete{border-color:color-mix(in srgb,var(--learn-color) 44%,#dce3ec)}.box-design-step:nth-child(3).is-complete b{background:var(--learn-color);color:#fff}
.box-design-step:nth-child(4) b{color:var(--projects-color);background:#fff0f7}.box-design-step:nth-child(4).is-active,.box-design-step:nth-child(4).is-complete{border-color:color-mix(in srgb,var(--projects-color) 44%,#dce3ec)}.box-design-step:nth-child(4).is-complete b{background:var(--projects-color);color:#fff}

/* Filters grow least, Preview grows most. Fluid column limits preserve the approved 1080p density. */
.box-design-workspace{
  display:grid;
  grid-template-columns:
    clamp(220px,12.5vw,320px)
    minmax(clamp(320px,18vw,480px),1fr)
    minmax(clamp(320px,18vw,480px),1fr)
    minmax(clamp(560px,34vw,1080px),2.2fr);
  gap:var(--panel-gap);
  align-items:start;
}
.box-driver-zone{display:contents}

.box-filter-rail{grid-column:1;position:sticky;top:calc(var(--header-height) + 14px);border:1px solid color-mix(in srgb,var(--drivers-color) 30%,var(--line));border-top:3px solid var(--drivers-color);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--drivers-color) 5%,#fff),#fff 150px);padding:clamp(13px,.75vw,20px);max-height:calc(100dvh - var(--header-height) - 28px);overflow:auto;scrollbar-gutter:stable}
.box-filter-rail__title{margin:0 0 7px;color:var(--ink);font-size:clamp(18px,calc(16px + .104vw),21px);line-height:1.2}
.box-filter-rail__subtitle{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--font-md);line-height:1.45}
.box-filter-rail .library-search{margin-bottom:var(--space-3)}.box-filter-rail .library-filter-toggle{display:none}.box-filter-rail .library-filter-panel{padding:0;border:0;background:transparent}
.box-filter-rail .library-facet{padding-bottom:var(--space-2);margin-bottom:var(--space-2)}.box-filter-rail .library-facet__options{max-height:clamp(210px,18dvh,300px)}
.box-filter-rail .library-filter-actions{position:sticky;bottom:-13px;background:linear-gradient(180deg,rgba(255,255,255,.84),#fff 30%);padding:var(--space-3) 0 0;margin-top:var(--space-2)}.box-filter-rail .library-filter-actions .library-filter-done{display:none}

.box-driver-column{grid-column:2;container-type:inline-size;container-name:box-drivers;border:1px solid color-mix(in srgb,var(--drivers-color) 28%,var(--line));border-top:3px solid var(--drivers-color);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--drivers-color) 4%,#fff),#fff 130px);padding:clamp(12px,.72vw,20px);min-width:0;min-height:clamp(620px,58dvh,980px)}
.box-enclosure-column{grid-column:3;border:1px solid color-mix(in srgb,var(--design-color) 24%,var(--line));border-top:3px solid var(--design-color);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--design-color) 4%,#fff),#fff 150px);padding:clamp(12px,.72vw,20px);min-width:0;min-height:clamp(620px,58dvh,980px)}
.box-column-head{margin-bottom:var(--space-2)}.box-column-head h2{margin:0;color:var(--ink);font-size:var(--font-xl);line-height:1.2}.box-column-head p{margin:4px 0 0;color:var(--muted);font-size:var(--font-md);line-height:1.45}
.box-driver-toolbar{display:flex;align-items:center;gap:var(--space-1);margin:var(--space-2) 0}.box-driver-toolbar [data-box-driver-count]{font-size:var(--font-md);color:var(--muted);white-space:nowrap;margin:0}.box-driver-toolbar .library-sort{font-size:var(--font-md);margin-left:auto;white-space:nowrap}.box-driver-toolbar select{min-width:clamp(108px,7vw,160px);min-height:calc(var(--control-height) - 6px);padding:6px 7px;font-size:var(--font-base)}
.box-driver-column .library-active-filters{min-height:0;margin-bottom:var(--space-1)}
.box-driver-results-note{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--font-sm);line-height:1.4}
.box-driver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);align-items:stretch}
.box-driver-card{appearance:none;text-align:left;border:1px solid #dbe9e7;border-radius:10px;background:rgba(255,255,255,.9);padding:clamp(9px,.5vw,14px);cursor:pointer;transition:.15s ease;min-width:0;min-height:clamp(108px,9dvh,154px);color:var(--text)}
.box-driver-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--drivers-color) 70%,#9eb1bd);box-shadow:0 7px 18px color-mix(in srgb,var(--drivers-color) 10%,transparent)}
.box-driver-card.is-selected{border-color:var(--drivers-color);background:color-mix(in srgb,var(--drivers-color) 5%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--drivers-color) 16%,transparent)}
.box-driver-card small{display:block;color:var(--muted);font-size:var(--font-sm);line-height:1.35}
.box-driver-card strong{display:block;color:var(--ink);font-size:clamp(14px,calc(12px + .104vw),17px);line-height:1.22;margin:3px 0 6px;overflow-wrap:anywhere}
.box-driver-card__specs{display:flex;gap:5px 7px;flex-wrap:wrap;color:#667085;font-size:var(--font-sm);line-height:1.35}.box-driver-card__specs b{color:#344054}

/* Driver cards stay two-up on desktop so Driver and Enclosure carry equal visual weight. */

.box-family-groups{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.box-family-group{border-top:3px solid var(--box-accent);padding-top:var(--space-1)}
.box-family-group__head{margin-bottom:var(--space-1)}.box-family-group__head h3{margin:0;color:var(--ink);font-size:var(--font-xl);line-height:1.2}.box-family-group__head p{margin:2px 0 0;color:var(--muted);font-size:var(--font-md);line-height:1.4}
.box-family-list{display:grid;grid-template-columns:1fr;gap:var(--space-1)}.box-family-card{appearance:none;text-align:left;border:1px solid #e2e7ef;border-radius:9px;background:#fff;padding:clamp(9px,.5vw,14px);cursor:pointer;width:100%;min-height:clamp(52px,4.4dvh,70px);color:var(--text);transition:.15s ease}
.box-family-card:hover{border-color:var(--box-accent);background:color-mix(in srgb,var(--box-accent) 3%,#fff)}.box-family-card.is-selected{border-color:var(--box-accent);background:color-mix(in srgb,var(--box-accent) 4%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--box-accent) 14%,transparent)}
.box-family-card strong{display:block;color:var(--ink);font-size:var(--font-base);line-height:1.25}.box-family-card span{display:block;color:var(--muted);font-size:var(--font-sm);line-height:1.4;margin-top:3px}

.box-preview{grid-column:4;position:sticky;top:calc(var(--header-height) + 14px);border:1px solid color-mix(in srgb,var(--projects-color) 25%,var(--line));border-top:3px solid var(--projects-color);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--projects-color) 4%,#fff),#fff 175px);overflow:hidden;min-width:0;min-height:clamp(620px,58dvh,980px)}
.box-preview__head{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center;padding:clamp(13px,.8vw,22px);border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--projects-color) 5%,#fff),transparent)}
.box-preview__head small{display:block;color:var(--projects-color);font-size:var(--font-sm);font-weight:var(--weight-extrabold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.box-preview__head h2{margin:0;color:var(--ink);font-size:var(--font-panel);line-height:1.2}
.box-preview__state{border-radius:999px;padding:6px 9px;background:#f2f4f7;color:#667085;font-size:var(--font-sm);font-weight:var(--weight-bold);white-space:nowrap}.box-preview__state.is-ready{background:color-mix(in srgb,var(--projects-color) 10%,#fff);color:#a7175a}
.box-preview__canvas{margin:var(--space-2);border:1px solid #e5e9f2;border-radius:10px;background:linear-gradient(180deg,#fbfcff,#f7f9fc);min-height:clamp(320px,38dvh,760px);display:grid;place-items:center;padding:clamp(18px,1vw,30px);position:relative;overflow:hidden}
.box-preview__canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#eef1f6 1px,transparent 1px),linear-gradient(90deg,#eef1f6 1px,transparent 1px);background-size:clamp(22px,1.35vw,34px) clamp(22px,1.35vw,34px);opacity:.45}.box-preview__canvas-inner{position:relative;z-index:1;width:100%;text-align:center}.box-preview__canvas svg{width:100%;max-width:clamp(380px,25vw,620px);height:clamp(220px,18dvh,360px)}.box-preview__canvas h3{margin:8px 0 3px;color:var(--ink);font-size:var(--font-xl);line-height:1.25}.box-preview__canvas p{margin:0 auto;color:var(--muted);font-size:var(--font-md);line-height:1.45;max-width:clamp(360px,24vw,620px)}
.box-preview__driver{fill:#fff0f7;stroke:var(--projects-color);stroke-width:2}.box-preview__driver.is-internal{fill:#eef2ff}.box-preview__port{fill:#eef2ff;stroke:var(--design-color);stroke-width:2}.box-preview__driver-label{margin-top:6px!important;color:var(--ink)!important;font-weight:var(--weight-semibold)}.box-preview__layout{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:6px;margin:9px 0;color:var(--muted);font-size:var(--font-sm)}.box-preview__layout select{min-height:30px;border:1px solid #cbd3e0;border-radius:6px;background:#fff;color:var(--ink);padding:3px 6px;font:inherit}
.box-preview__summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:0 var(--space-2) var(--space-2)}.box-preview__summary div{border:1px solid #edf0f4;border-radius:8px;padding:clamp(9px,.55vw,15px);background:#fff;min-width:0}.box-preview__summary small{display:block;color:var(--muted);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.box-preview__summary strong{display:block;color:var(--ink);font-size:var(--font-base);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.box-preview__future{border-top:1px solid var(--line);padding:var(--space-2)}.box-preview__future>small{display:block;color:var(--projects-color);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.09em;font-weight:var(--weight-extrabold);margin-bottom:var(--space-1)}.box-preview__slots{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.box-preview__slot{border:1px solid #edf0f4;border-radius:8px;padding:clamp(10px,.6vw,16px);background:#fafbfc;min-height:clamp(62px,5dvh,82px)}.box-preview__slot b{display:block;color:var(--ink);font-size:var(--font-base);line-height:1.3}.box-preview__slot span{display:block;color:var(--muted);font-size:var(--font-sm);line-height:1.4;margin-top:2px}.box-preview__note{margin:var(--space-2) 0 0;color:#667085;font-size:var(--font-sm);line-height:1.45}
.box-design-empty{border:1px dashed #ccd3df;border-radius:9px;padding:var(--space-3);text-align:center;color:var(--muted);font-size:var(--font-base);background:#fafbfc}

/* Breakpoints only change structure when columns can no longer remain comfortable. */
@media(max-width:1500px){
  .box-design-workspace{grid-template-columns:clamp(220px,16vw,280px) minmax(320px,1fr) minmax(320px,1fr)}
  .box-preview{grid-column:2/4;position:static;min-height:0}
}
@media(max-width:980px){
  .box-design-workspace{grid-template-columns:1fr 1fr}
  .box-filter-rail,.box-driver-column,.box-enclosure-column,.box-preview{position:static;min-height:0}
  .box-filter-rail{grid-column:1;max-height:none;overflow:visible}.box-driver-column{grid-column:2}.box-enclosure-column{grid-column:1}.box-preview{grid-column:2}
  .box-filter-rail .library-filter-toggle{display:flex;width:100%;justify-content:space-between}.box-filter-rail .library-filter-panel[hidden]{display:none}.box-filter-rail .library-filter-actions .library-filter-done{display:inline-flex}
}
@media(max-width:720px){
  .box-design-intro{display:block}.box-design-reset{margin-top:10px}
  .box-design-steps{grid-template-columns:1fr 1fr}
  .box-design-workspace{grid-template-columns:1fr}.box-filter-rail,.box-driver-column,.box-enclosure-column,.box-preview{grid-column:1}
  .box-driver-grid{grid-template-columns:1fr}
  .box-preview__summary,.box-preview__slots{grid-template-columns:1fr}
}
@media(max-width:430px){.box-design-steps{grid-template-columns:1fr}}

.box-physical-geometry{margin:0 var(--space-2) var(--space-2);padding:var(--space-2);border:1px solid #e7eaf2;border-radius:10px;background:#fff}.box-preview-views,.mfg-three-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.mfg-three-toolbar button{border:1px solid #d0d5dd;background:#fff;border-radius:7px;padding:7px 9px;cursor:pointer}.mfg-three-canvas{width:100%;min-height:280px;border:1px solid #e7eaf2;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#fafcff,#f2f5fb)}.mfg-three-canvas canvas{display:block;width:100%;height:auto}.mfg-preview-svg{width:100%;height:auto;min-height:220px}.box-physical-geometry .box-acoustic-note{margin:8px 0 0}@media(max-width:720px){.box-preview-views .button,.mfg-three-toolbar button{flex:1 1 calc(50% - 6px)}}

/* Studio: one configuration rail and one physical workspace. */
.studio-driver-picker{margin-bottom:16px;border:1px solid #dce2eb;border-radius:12px;background:#fff;padding:12px 16px}
.studio-driver-picker>summary{cursor:pointer;font-weight:650;padding:4px;min-height:32px}
.studio-driver-library{grid-template-columns:minmax(220px,300px) minmax(0,1fr);margin-top:16px}
.studio-workspace{grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:20px}
.studio-workspace>.box-enclosure-column{grid-column:1;min-height:0;border-color:#dce2eb;border-top-width:1px;background:#fff}
.studio-workspace>.box-preview{grid-column:2;position:static;min-height:0;border-color:#dce2eb;border-top-width:1px;background:#fff}
.studio-workspace .box-preview__head{background:#fff}
.studio-workspace .box-preview__summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-workspace .box-acoustic-block>label{display:grid;gap:6px;margin:12px 0}
.studio-workspace input,.studio-workspace select{width:100%;min-width:0}
.studio-workspace .physical-mode label{display:flex;align-items:center;gap:8px}
.studio-workspace .physical-mode input{width:auto;flex:0 0 auto}
.studio-workspace .box-acoustic-grid--3{grid-template-columns:1fr}
.studio-workspace .box-derived-row{gap:12px;flex-wrap:wrap}
.studio-workspace .box-physical-geometry{border:0;padding:12px 0}
.studio-workspace .box-preview__state{white-space:normal;text-align:right}
.studio-workspace [data-geometry-preview]{min-width:0;min-height:320px}
.studio-workspace button:focus-visible,.studio-workspace select:focus-visible,.studio-driver-picker summary:focus-visible{outline:3px solid #635bff;outline-offset:3px}
.mfg-three-status{font-size:12px;color:#475467;overflow-wrap:anywhere}
.studio-piece-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}.studio-piece-list h3,.studio-piece-list p{grid-column:1/-1;margin:0}.studio-piece-list button{text-align:left;border:1px solid #dce2eb;border-radius:7px;background:#fff;padding:8px;cursor:pointer}.studio-piece-list button.is-selected{border-color:var(--projects-color);background:#fff0f7;box-shadow:0 0 0 2px color-mix(in srgb,var(--projects-color) 14%,transparent)}.studio-piece-list button b,.studio-piece-list button span{display:block}.studio-piece-list button span{margin-top:2px;color:#667085;font-size:12px;line-height:1.35}
.linked-front-editor{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:end;padding:9px;border:1px solid #e5e7eb;border-radius:7px}.linked-front-editor label{display:grid;gap:3px}.linked-front-editor small{grid-column:1/-1;color:#667085}
.vented-recommendation{margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--design-color) 35%,var(--line));border-radius:9px;background:#f8f9ff}.vented-recommendation h4,.vented-recommendation p{margin-top:0}
.engineering-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px}.engineering-status-grid div{border:1px solid #e5e7eb;border-radius:7px;padding:8px}.engineering-status-grid small,.engineering-status-grid strong{display:block}.engineering-status-grid small{color:#667085;margin-bottom:3px}.engineering-status-grid strong{font-size:12px;line-height:1.35}
.port-field-error{padding:10px;border-left:3px solid #d92d20;background:#fff4f2;color:#7a271a;line-height:1.45}
.partial-geometry-warning{display:grid;gap:3px;margin-bottom:10px;padding:10px;border:1px solid #f79009;border-radius:7px;background:#fffaeb;color:#7a2e0e;text-align:left}.partial-geometry-warning span{font-size:12px;line-height:1.4}
.sealed-mode-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.sealed-mode{display:grid;gap:4px;padding:10px;border:1px solid #d0d5dd;border-radius:8px;cursor:pointer;font-size:13px}.sealed-mode.is-selected{border-color:var(--design-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--design-color) 15%,transparent);background:#f8f9ff}.sealed-mode input{accent-color:var(--design-color)}.sealed-mode span{color:var(--muted);line-height:1.35}.sealed-explanation{margin-top:10px;font-size:13px;line-height:1.5}.technical-help{display:inline-grid;place-items:center;width:18px;height:18px;padding:0;border:1px solid #667085;border-radius:50%;background:#fff;color:#344054;font-weight:700;vertical-align:middle;cursor:pointer}.technical-help-dialog{inset:auto 16px 16px auto;margin:0;max-width:min(480px,calc(100vw - 32px));border:1px solid #cbd5e1;border-radius:12px;padding:20px;box-shadow:0 20px 60px rgba(16,24,40,.25)}.technical-help-dialog h2{margin:0 28px 10px 0}.technical-help-dialog p{margin:0;line-height:1.5}.technical-help-dialog__close{float:right;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}.technical-glossary{margin:20px 0;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}.technical-glossary summary{cursor:pointer;font-weight:650}.technical-glossary>div{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px}.technical-glossary span{display:inline-flex;align-items:center;gap:5px;color:#475467}.physical-mode{display:grid;gap:7px;border:0;padding:0;margin:12px 0}.physical-mode legend{font-weight:650}.box-acoustic-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.driver-data-review{margin:12px 16px;padding:12px;border:1px solid #f5c76a;border-radius:8px;background:#fffbeb;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.driver-data-review [data-driver-review-details]{flex-basis:100%;display:grid;gap:8px}.driver-data-review article{display:grid;gap:2px;padding:8px;background:#fff;border-radius:6px;font-size:13px}.driver-data-review article span{color:#475467}.driver-data-review.is-resolved{border-color:#75c994;background:#f0fdf4}.driver-simulation-resolution{display:grid;gap:5px;padding:10px;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;font-size:13px;line-height:1.45}.driver-simulation-resolution.is-active{border-color:#75c994;background:#f0fdf4}.driver-simulation-resolution span{color:#475467}.driver-simulation-resolution__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
@media(max-width:980px){.studio-workspace{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.studio-workspace .box-preview__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.studio-workspace,.studio-driver-library{grid-template-columns:minmax(0,1fr)}.studio-workspace>.box-preview,.studio-workspace>.box-enclosure-column,.studio-driver-library .box-driver-column{grid-column:1}.studio-workspace .box-preview__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sealed-mode-group,.box-acoustic-grid--3,.studio-piece-list{grid-template-columns:1fr}.engineering-status-grid{grid-template-columns:1fr 1fr}}

.project-compare-page{max-width:1440px;margin:auto}
.project-compare-page>.workspace-card{width:100%;max-width:none;margin:0 0 20px}
.project-compare-page header{margin-bottom:20px}.project-compare-page h1{margin-bottom:8px}
.compare-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.compare-pick{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dce2eb;border-radius:8px;overflow-wrap:anywhere}
.compare-pick input{width:18px;height:18px;flex:none}.compare-pick small{display:block}
.compare-conditions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.compare-conditions label{display:flex;gap:8px;align-items:center}
.compare-legend{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}
.project-comparison-chart{display:block;width:100%;max-height:440px;background:white;font:12px Arial}
.compare-table-scroll{overflow:auto;border:1px solid #dce2eb;border-radius:10px}
.compare-table-scroll table{border-collapse:collapse;min-width:650px;width:100%;font-size:14px;background:white}
.compare-table-scroll th,.compare-table-scroll td{padding:10px 14px;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:top}
.compare-table-scroll th{font-weight:600}.compare-table-scroll small{display:block;color:#667085;font-weight:400;margin-top:4px}
.compare-section{background:#eef2f7}.compare-different td{background:#fff8e8}
@media(max-width:720px){.compare-pickers{grid-template-columns:minmax(0,1fr)}.project-compare-page .workspace-card{padding:14px}.compare-conditions{display:grid}.compare-table-scroll{max-width:100%}}

.compare-chart-scroll{max-width:100%;overflow-x:auto}
@media(max-width:720px){.compare-chart-scroll .project-comparison-chart{min-width:640px;max-height:none}.compare-table-scroll tbody tr:not(.compare-section)>th{position:sticky;left:0;background:#fff;z-index:1}}

/* Final Box Design UX pass: controls | Studio | Technical Legend. */
.studio-workspace{grid-template-columns:minmax(290px,340px) minmax(0,1fr) minmax(250px,300px);align-items:start}
.studio-workspace>.box-enclosure-column{grid-column:1}
.studio-workspace>.box-preview{grid-column:2;min-width:0}
.technical-legend{grid-column:3;position:sticky;top:calc(var(--header-height) + 14px);max-height:calc(100dvh - var(--header-height) - 28px);overflow:auto;scrollbar-gutter:stable;border:1px solid #dce2eb;border-radius:12px;background:#fff;padding:14px;min-width:0}
.technical-legend__head{padding-bottom:10px;border-bottom:1px solid var(--line)}
.technical-legend__head small{color:var(--learn-color);font-size:var(--font-sm);font-weight:var(--weight-extrabold);letter-spacing:.09em}
.technical-legend__head h2{margin:3px 0 4px;font-size:var(--font-panel);line-height:1.2;color:var(--ink)}
.technical-legend__head p{margin:0;color:var(--muted);font-size:var(--font-sm);line-height:1.45}
.technical-legend__group{padding:10px 0;border-bottom:1px solid #eef1f5}
.technical-legend__group:last-child{border-bottom:0;padding-bottom:0}
.technical-legend__group h3{margin:0 0 6px;color:#344054;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.07em}
.technical-legend__group dl{display:grid;gap:2px;margin:0}
.technical-legend__entry{display:grid;grid-template-columns:minmax(54px,auto) 1fr;gap:8px;padding:6px;border-radius:7px;outline:none}
.technical-legend__entry dt{font-weight:700;color:var(--ink);font-size:var(--font-sm)}
.technical-legend__entry dd{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.4}
.technical-legend__entry.is-highlighted,.technical-legend__entry:focus{background:#f3f0ff;box-shadow:inset 3px 0 0 var(--learn-color)}
.technical-help{width:17px;height:17px;font-size:11px;line-height:1}
.vented-design-card{display:grid;gap:12px}
.vented-section,.vented-recommendation{border:1px solid #e2e7ef;border-radius:9px;padding:12px;background:#fff}
.vented-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}
.vented-section__head small{display:block;color:var(--design-color);font-size:var(--font-sm);font-weight:700;letter-spacing:.06em}
.vented-section__head h4{margin:2px 0 0;color:var(--ink);font-size:var(--font-lg)}
.vented-recommendation{background:#f8f9ff;border-color:color-mix(in srgb,var(--design-color) 35%,var(--line))}
.vented-recommendation--empty{background:#fafbfc;border-style:dashed}
.vented-recommendation__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.vented-apply-feedback{margin:9px 0 0;padding:8px 10px;border-radius:7px;background:#ecfdf3;color:#05603a;font-size:var(--font-sm);line-height:1.4}
.sealed-summary{margin:10px 0;border:1px solid #e2e7ef;border-radius:9px;padding:10px;background:#fafbff}
.sealed-summary__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sealed-summary__head h4{margin:0;font-size:var(--font-base);color:var(--ink)}
.sealed-summary__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sealed-summary__grid>div{display:grid;gap:3px;padding:9px;border:1px solid #e5eaf1;border-radius:8px;background:#fff}
.sealed-summary__grid span{color:var(--muted);font-size:var(--font-sm)}
.sealed-summary__grid strong{color:var(--ink);font-size:var(--font-base)}
.sealed-mode-group--explicit{grid-template-columns:repeat(2,minmax(0,1fr))}
.acoustic-source-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.acoustic-source-strip>div{display:grid;gap:2px;padding:8px 9px;border:1px solid #e7ebf2;border-radius:8px;background:#fafbfc}
.acoustic-source-strip span{color:var(--muted);font-size:var(--font-sm)}
.acoustic-source-strip strong{color:var(--ink);font-size:var(--font-sm)}
.science-model-badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--design-color) 28%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--design-color) 5%,#fff);color:#475467;font-size:var(--font-sm);font-weight:650;white-space:nowrap}
.alignment-empty-state{display:grid;gap:3px;padding:10px 12px;border:1px dashed #cfd6e3;border-radius:9px;background:#fafbfc}
.alignment-empty-state strong{color:var(--ink)}
.alignment-empty-state span{color:var(--muted);font-size:var(--font-sm);line-height:1.45}
.science-model-notes{border-top:1px solid #edf0f4;padding-top:9px}
.science-model-notes summary{cursor:pointer;color:#344054;font-weight:650}
.science-model-notes p{margin:8px 0 0;color:#667085;font-size:var(--font-sm);line-height:1.5}
.port-model-status,.physical-fit-status{display:grid;gap:3px;padding:9px 10px;border:1px solid #dfe5ee;border-radius:8px;background:#fafbfc}
.port-model-status strong,.physical-fit-status strong{font-size:var(--font-sm);color:var(--ink)}
.port-model-status span,.physical-fit-status span{font-size:var(--font-sm);line-height:1.4;color:#667085}
.port-model-status.is-valid,.physical-fit-status.is-valid{border-color:#a6e8c8;background:#f0fdf7}
.port-model-status.is-limit,.physical-fit-status.is-invalid{border-color:#f2b8b5;background:#fff4f2}
.port-model-status.is-pending,.physical-fit-status.is-pending{border-color:#ead7a4;background:#fffbeb}
.physical-volume-ledger{border:1px solid #e4e9f0;border-radius:9px;padding:0 10px;background:#fbfcfd}
.physical-volume-ledger .box-derived-row:first-child{border-top:0}
.physical-enclosure-card{margin-top:12px}
.physical-enclosure-card>small{display:block;color:var(--design-color);font-size:var(--font-sm);font-weight:700;letter-spacing:.06em;margin-bottom:3px}
.physical-feasibility{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;margin:0 0 10px;padding:9px 10px;border-radius:8px;border:1px solid #dce2eb;background:#fafbfc}
.physical-feasibility span{color:#667085;font-size:var(--font-sm)}
.physical-feasibility strong{font-size:var(--font-sm)}
.physical-feasibility small{color:#667085;line-height:1.4}
.physical-feasibility--valid{border-color:#a6e8c8;background:#f0fdf7}
.physical-feasibility--large{border-color:#f5c76a;background:#fffbeb}
.physical-feasibility--impractical,.physical-feasibility--invalid{border-color:#f2b8b5;background:#fff4f2}
.studio-workspace [data-geometry-preview]{display:grid;place-items:center;overflow:hidden}
.studio-workspace .mfg-three-preview{width:100%;min-width:0}
.studio-workspace .mfg-preview-svg{max-height:none;object-fit:contain}
@media(max-width:1280px){
  .studio-workspace{grid-template-columns:minmax(270px,320px) minmax(0,1fr)}
  .studio-workspace>.box-enclosure-column{grid-column:1}
  .studio-workspace>.box-preview{grid-column:2}
  .technical-legend{grid-column:2;position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
  .technical-legend__head{grid-column:1/-1}
}
@media(max-width:900px){
  .studio-workspace{grid-template-columns:minmax(0,1fr)}
  .studio-workspace>.box-enclosure-column,.studio-workspace>.box-preview,.technical-legend{grid-column:1}
  .technical-legend{display:block}
  .physical-feasibility{grid-template-columns:1fr}
}

@media(max-width:430px){
  .technical-legend{padding:11px}
  .technical-legend__entry{grid-template-columns:1fr;gap:2px}
  .sealed-mode-group{grid-template-columns:1fr}
  .vented-section,.vented-recommendation{padding:10px}
}

/* Embedded Driver Library: retain the shared browser/card layout inside the disclosure. */
.studio-driver-library.library-page{display:block;min-width:0;width:100%;max-width:none;padding:0;margin:16px 0 0}
.studio-driver-library .box-driver-card-wrap.is-selected{border-color:var(--drivers-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--drivers-color) 24%,transparent)}
.studio-driver-library #driver-library-browser[data-library-view] .library-card-view{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.studio-driver-library .box-driver-select{height:28px;min-height:28px;padding:0 7px;border-radius:7px;font-size:10px;white-space:nowrap}
.studio-driver-library .box-driver-select[aria-pressed="true"]{border-color:var(--drivers-color);background:color-mix(in srgb,var(--drivers-color) 8%,#fff);color:var(--ink)}

/* Vertical Box Design workflow; module identity stays constant at every status. */
.box-design-page .box-workflow{display:grid;gap:10px;margin-bottom:20px;min-width:0}
.box-design-page [data-workflow-section]{--workflow-accent:var(--drivers-color);margin:0;padding:12px 16px;min-width:0;border:1px solid color-mix(in srgb,var(--purple) 18%,var(--line));border-top-color:var(--workflow-accent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 6%,#fff),#fff 180px);box-shadow:inset 0 3px 0 var(--workflow-accent)}
.box-design-page [data-workflow-section="enclosure"]{--workflow-accent:var(--design-color)}
.box-design-page [data-workflow-section="acoustic"]{--workflow-accent:var(--learn-color)}
.box-design-page [data-workflow-section="ready"]{--workflow-accent:var(--projects-color)}
.box-design-page [data-workflow-section]>summary{cursor:pointer;padding:6px 4px;min-height:32px;overflow-wrap:anywhere}
.box-design-page [data-workflow-section]>summary strong{margin-right:18px}
.box-design-page [data-workflow-summary]{font-weight:400;color:var(--muted)}
.box-design-page [data-workflow-summary="ready"]{display:inline-block;border:1px solid var(--workflow-accent);border-radius:20px;padding:3px 10px;font-weight:650;color:var(--ink)}
.box-design-page [data-workflow-section]>summary:focus-visible{outline:3px solid var(--workflow-accent);outline-offset:4px}
.box-design-page .box-workflow-body{min-width:0;margin-top:12px}
.box-design-page .box-workflow .box-enclosure-column{min-height:0;padding:0;border:0;background:transparent}
.box-design-page .box-workflow .box-family-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
.box-design-page .box-workflow .box-acoustic-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.box-design-page .box-workflow .physical-enclosure-block{grid-column:2;grid-row:1/span 4}
/* Step 3 quick topologies: system strip on top, acoustic model left, physical cabinet right. */
@media(min-width:901px){
  .box-design-page .box-workflow .box-acoustic-column--sealed>.driver-configuration-card,
  .box-design-page .box-workflow .box-acoustic-column--vented>.driver-configuration-card{grid-column:1/-1;grid-row:1}
  .box-design-page .box-workflow .box-acoustic-column--sealed>.sealed-alignment-card,
  .box-design-page .box-workflow .box-acoustic-column--vented>.vented-design-card{grid-column:1;grid-row:2}
  .box-design-page .box-workflow .box-acoustic-column--sealed>.physical-enclosure-block,
  .box-design-page .box-workflow .box-acoustic-column--vented>.physical-enclosure-block{grid-column:2;grid-row:2}
  .box-design-page .box-workflow .driver-configuration-card{grid-template-columns:minmax(220px,1.2fr) minmax(300px,1fr) minmax(260px,1fr);align-items:end;gap:12px 16px}
  .box-design-page .box-workflow .driver-configuration-card__identity{align-self:center}
  .box-design-page .box-workflow .driver-configuration-card__controls{align-self:end}
  .box-design-page .box-workflow .driver-configuration-card__facts{align-self:stretch;display:grid;align-content:center}
  .box-design-page .box-workflow .driver-configuration-card__note{grid-column:1/-1}
}
.box-design-page .box-workflow .box-acoustic-block>label{display:grid;gap:6px;margin:12px 0}
.box-design-page .box-workflow input,.box-design-page .box-workflow select{min-width:0;max-width:100%}
.box-design-page .box-workflow .physical-mode label{display:flex;align-items:center;gap:8px}
.box-design-page .box-workflow .physical-mode input{width:auto}
.box-design-page .box-workflow .box-derived-row{gap:12px;flex-wrap:wrap}
.box-design-page .studio-workspace{grid-template-columns:minmax(0,1fr) minmax(250px,300px)}
.box-design-page .studio-workspace>.box-preview{grid-column:1}
.box-design-page .studio-workspace>.technical-legend{grid-column:2;display:block;position:sticky;max-height:calc(100dvh - var(--header-height) - 28px)}
@media(max-width:900px){
  .box-design-page .studio-workspace{grid-template-columns:minmax(0,1fr)}
  .box-design-page .studio-workspace>.technical-legend{grid-column:1;position:static;max-height:none}
  .box-design-page .box-workflow .box-acoustic-column{grid-template-columns:minmax(0,1fr)}
  .box-design-page .box-workflow .physical-enclosure-block{grid-column:auto;grid-row:auto}
  .box-design-page .box-workflow .driver-configuration-card{grid-template-columns:1fr}
  .sealed-summary__grid,.acoustic-source-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .box-design-page .box-workflow .box-family-groups{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:430px){
  .box-design-page [data-workflow-section]{padding:12px 10px}
  .box-design-page [data-workflow-summary]{display:block;margin-top:6px}
  .sealed-summary__grid,.acoustic-source-strip{grid-template-columns:1fr}
  .sealed-mode-group--explicit{grid-template-columns:1fr;gap:6px;margin:8px 0}
  .box-design-page .sealed-alignment-card{gap:10px}
  .box-design-page .sealed-mode{padding:8px;gap:2px}
  .box-design-page .sealed-mode span,.box-design-page .box-acoustic-note,.box-design-page .science-model-notes p{line-height:1.4}
  .box-design-page .alignment-empty-state{padding:8px 10px}
  .box-design-page .science-model-notes{padding-top:6px}
  .science-model-badge{white-space:normal}
}

/* Box Design Step 2 — minimal enclosure picker V2. */
.box-design-page .enclosure-selector-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px}
.box-design-page .enclosure-selector-head p{margin:0;color:var(--muted);font-size:var(--font-sm);line-height:1.4}
.box-design-page .enclosure-mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:9px;background:#f2f4f7;border:1px solid #e1e6ee;min-width:190px}
.box-design-page .enclosure-mode-switch button{appearance:none;border:0;border-radius:6px;background:transparent;color:#667085;padding:7px 13px;font:inherit;font-size:var(--font-sm);font-weight:750;cursor:pointer}
.box-design-page .enclosure-mode-switch button:hover{color:var(--ink)}
.box-design-page .enclosure-mode-switch button.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #10182812}
.box-design-page .enclosure-mode-panel[hidden]{display:none!important}

/* Scratch stays a compact topology picker, not a second landing page. */
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-groups{gap:12px;margin-top:0}
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-group{padding-top:7px}
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-group__head{margin-bottom:6px}
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-group__head h3{font-size:var(--font-base)}
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-group__head p{font-size:var(--font-sm)}
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-list{gap:6px}
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-card{min-height:46px;padding:8px 10px;border-radius:8px}
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-card strong{font-size:var(--font-sm)}
.box-design-page [data-enclosure-mode-panel="scratch"] .box-family-card span{font-size:11px}

/* Library: filter first, scan list second, inspect one selection third. */
.box-design-page .enclosure-library-shell{display:grid;gap:12px;min-width:0}
.box-design-page .enclosure-library-controls{display:grid;gap:9px}
.box-design-page .enclosure-library-searchrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,220px);gap:9px;align-items:end}
.box-design-page .enclosure-library-searchrow label{display:grid;gap:4px;color:#667085;font-size:11px;font-weight:750}
.box-design-page .enclosure-library-searchrow input,.box-design-page .enclosure-library-searchrow select{width:100%;min-height:38px;border:1px solid #d8dee8;border-radius:8px;background:#fff;padding:7px 9px;color:var(--ink);font:inherit;font-size:var(--font-sm)}
.box-design-page .enclosure-library-searchrow input:focus,.box-design-page .enclosure-library-searchrow select:focus{outline:2px solid color-mix(in srgb,var(--design-color) 25%,transparent);border-color:var(--design-color)}
.box-design-page .enclosure-category-filters{display:flex;gap:6px;flex-wrap:wrap}
.box-design-page .enclosure-category-filters button{appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e5ec;border-radius:999px;background:#fff;color:#667085;padding:6px 10px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.box-design-page .enclosure-category-filters button small{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px}
.box-design-page .enclosure-category-filters button:hover{border-color:#bdc7d6;color:var(--ink)}
.box-design-page .enclosure-category-filters button.is-active{border-color:var(--design-color);background:color-mix(in srgb,var(--design-color) 5%,#fff);color:#2448c7}
.box-design-page .enclosure-category-filters button.is-active small{background:color-mix(in srgb,var(--design-color) 10%,#fff);color:#2448c7}

.box-design-page .enclosure-browser-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:12px;align-items:start;min-width:0}
.box-design-page .enclosure-list-panel{border:1px solid #e1e6ee;border-radius:10px;background:#fff;overflow:hidden;min-width:0}
.box-design-page .enclosure-list-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-bottom:1px solid #edf0f4;background:#fafbfc}
.box-design-page .enclosure-list-panel>header strong{font-size:var(--font-sm);color:var(--ink)}
.box-design-page .enclosure-list-panel>header small{font-size:10px;color:#98a2b3}
.box-design-page .enclosure-list{display:grid;max-height:min(58dvh,620px);overflow-y:auto;overscroll-behavior:contain}
.box-design-page .enclosure-list-item{appearance:none;display:grid;gap:6px;text-align:left;border:0;border-bottom:1px solid #eef1f5;background:#fff;padding:10px 11px;color:var(--ink);cursor:pointer;min-width:0}
.box-design-page .enclosure-list-item:last-child{border-bottom:0}
.box-design-page .enclosure-list-item:hover{background:#fafbfc}
.box-design-page .enclosure-list-item.is-selected{background:color-mix(in srgb,var(--design-color) 5%,#fff);box-shadow:inset 3px 0 0 var(--design-color)}
.box-design-page .enclosure-list-item.is-used{box-shadow:inset 3px 0 0 var(--learn-color)}
.box-design-page .enclosure-list-item__main{display:grid;gap:2px;min-width:0}
.box-design-page .enclosure-list-item__main strong{font-size:var(--font-sm);line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.box-design-page .enclosure-list-item__main small{font-size:10px;color:#98a2b3;white-space:normal;overflow-wrap:anywhere}
.box-design-page .enclosure-list-item__meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;flex-wrap:wrap}
.box-design-page .enclosure-list-item__facts{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.box-design-page .enclosure-list-item__facts b{padding:3px 5px;border-radius:5px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:700;white-space:normal;line-height:1.25}
.box-design-page .enclosure-list-item__state{font-size:10px;color:var(--design-color);font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}

.box-design-page .enclosure-detail-panel{border:1px solid #e1e6ee;border-radius:10px;background:#fff;overflow:hidden;min-width:0}
.box-design-page .enclosure-detail-panel--empty{min-height:300px;display:grid;place-items:center;color:var(--muted);text-align:center;padding:30px}
.box-design-page .enclosure-detail-panel--empty>div{display:grid;gap:4px}
.box-design-page .enclosure-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px 10px}
.box-design-page .enclosure-detail-head span{display:block;color:#667085;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.box-design-page .enclosure-detail-head h3{margin:4px 0 3px;color:var(--ink);font-size:clamp(18px,1.25vw,24px);line-height:1.2}
.box-design-page .enclosure-detail-head small{color:var(--design-color);font-size:10px;font-weight:800}
.box-design-page .enclosure-detail-media{margin:0 14px;min-height:190px;max-height:260px;display:grid;place-items:center;border:1px solid #e7ebf1;border-radius:9px;background:#f8fafc;overflow:hidden}
.box-design-page .enclosure-detail-media>img{width:100%;height:100%;max-height:260px;object-fit:contain;background:#fff}
.box-design-page .enclosure-detail-media--empty{min-height:0;max-height:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#fafbfc}
.box-design-page .enclosure-detail-media--empty>div{display:grid;gap:2px;min-width:0;text-align:left}
.box-design-page .enclosure-detail-media--empty strong{color:#475467;font-size:11px}
.box-design-page .enclosure-detail-media--empty small{color:#98a2b3;font-size:10px}
.box-design-page .enclosure-detail-media--empty a{margin:0;color:#3155d9;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}
.box-design-page .enclosure-key-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:12px 14px;border:1px solid #edf0f4;border-radius:9px;overflow:hidden;background:#edf0f4}
.box-design-page .enclosure-key-facts>span{display:grid;gap:2px;padding:8px 10px;background:#fff;min-width:0}
.box-design-page .enclosure-key-facts small{color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.box-design-page .enclosure-key-facts b{color:var(--ink);font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.box-design-page .enclosure-source-nuance{display:flex;align-items:center;gap:8px;margin:0 14px 10px;padding:7px 9px;border-radius:7px;background:#fff8ed;color:#9a3412;font-size:10px}
.box-design-page .enclosure-source-nuance span{color:#b54708}
.box-design-page .enclosure-detail-actions{display:flex;gap:8px;padding:0 14px 13px}
.box-design-page .enclosure-detail-actions .button{min-height:36px}
.box-design-page .enclosure-selection-note{display:grid;gap:3px;margin:0 14px 12px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--design-color) 18%,#e7ebf1);border-radius:8px;background:color-mix(in srgb,var(--design-color) 3%,#fff);color:#475467;font-size:10px;line-height:1.4}
.box-design-page .enclosure-selection-note strong{color:var(--ink)}
.box-design-page .enclosure-acoustic-handoff{display:grid;gap:4px;margin:0 0 12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--design-color) 22%,#e1e6ee);border-left:3px solid var(--design-color);border-radius:9px;background:color-mix(in srgb,var(--design-color) 3%,#fff);color:#475467;font-size:var(--font-sm);line-height:1.45}
.box-design-page .enclosure-acoustic-handoff strong{color:var(--ink)}
.box-design-page [data-workflow-section="acoustic"]{scroll-margin-top:calc(var(--header-height) + 12px)}

.box-design-page .enclosure-full-details{border-top:1px solid #edf0f4}
.box-design-page .enclosure-full-details>summary{cursor:pointer;padding:10px 14px;color:#475467;font-size:var(--font-sm);font-weight:750;list-style:none}
.box-design-page .enclosure-full-details>summary::-webkit-details-marker{display:none}
.box-design-page .enclosure-full-details>summary:after{content:"+";float:right;color:#98a2b3}
.box-design-page .enclosure-full-details[open]>summary:after{content:"−"}
.box-design-page .enclosure-detail-tabs{display:flex;gap:2px;overflow-x:auto;padding:0 10px;border-top:1px solid #f1f3f6;border-bottom:1px solid #edf0f4;background:#fafbfc}
.box-design-page .enclosure-detail-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;padding:8px 8px;color:#667085;font:inherit;font-size:10px;font-weight:750;white-space:nowrap;cursor:pointer}
.box-design-page .enclosure-detail-tabs button.is-active{border-bottom-color:var(--design-color);color:var(--ink)}
.box-design-page .enclosure-detail-tabbody{padding:11px 14px 14px}
.box-design-page .enclosure-tab-panel{display:grid;gap:9px}
.box-design-page .enclosure-detail-note{margin:0;color:#667085;font-size:10px;line-height:1.45}
.box-design-page .enclosure-detail-table{display:grid;margin:0}
.box-design-page .enclosure-detail-table>div{display:grid;grid-template-columns:minmax(120px,.38fr) minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid #f0f2f5}
.box-design-page .enclosure-detail-table>div:last-child{border-bottom:0}
.box-design-page .enclosure-detail-table dt{color:#98a2b3;font-size:10px;font-weight:750}
.box-design-page .enclosure-detail-table dd{margin:0;color:#344054;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.box-design-page .enclosure-driver-group{display:grid;gap:6px}
.box-design-page .enclosure-driver-group>strong{font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.04em}
.box-design-page .enclosure-driver-group>div{display:flex;gap:5px;flex-wrap:wrap}
.box-design-page .enclosure-driver-group span{padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px}
.box-design-page .enclosure-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.box-design-page .enclosure-media-grid figure{margin:0;border:1px solid #e1e6ee;border-radius:8px;overflow:hidden}
.box-design-page .enclosure-media-grid img{width:100%;height:120px;object-fit:contain;background:#f8fafc}
.box-design-page .enclosure-media-grid figcaption{padding:6px;color:#667085;font-size:10px}
.box-design-page .enclosure-source-media-links,.box-design-page .enclosure-source-list{display:flex;gap:7px;flex-wrap:wrap}
.box-design-page .enclosure-source-media-links a,.box-design-page .enclosure-source-list a{color:#3155d9;font-size:10px;font-weight:700;text-decoration:none}
.box-design-page .enclosure-source-notes{margin:0;padding-left:18px;color:#667085;font-size:10px;line-height:1.45}
.box-design-page .enclosure-library-empty{margin:0;padding:18px;color:#98a2b3;font-size:var(--font-sm);text-align:center}
.box-design-page .enclosure-library-load-state{display:grid;place-items:center;gap:4px;min-height:150px;padding:24px;border:1px dashed #ccd5e2;border-radius:9px;background:#fafbfc;color:var(--muted);text-align:center}
.box-design-page .enclosure-library-load-state.is-error{background:#fff7f7;color:#9f1239}

@media(min-width:1100px){
  .box-design-page .enclosure-detail-panel{position:sticky;top:calc(var(--header-height) + 14px)}
}
@media(max-width:900px){
  .box-design-page .enclosure-browser-layout{grid-template-columns:minmax(0,1fr)}
  .box-design-page .enclosure-list{max-height:330px}
  .box-design-page .enclosure-detail-panel{position:static}
}
@media(max-width:720px){
  .box-design-page .enclosure-selector-head{align-items:flex-start;flex-direction:column}
  .box-design-page .enclosure-mode-switch{min-width:0;width:100%}
  .box-design-page .enclosure-library-searchrow{grid-template-columns:minmax(0,1fr)}
  .box-design-page .enclosure-collection-select{display:none}
  .box-design-page .enclosure-category-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:0}
  .box-design-page .enclosure-category-filters button{justify-content:space-between;min-width:0;max-width:100%;white-space:normal;text-align:left}
  .box-design-page .enclosure-category-filters button span{min-width:0;overflow-wrap:anywhere}
  .box-design-page .enclosure-key-facts{grid-template-columns:minmax(0,1fr)}
  .box-design-page .enclosure-detail-table>div{grid-template-columns:minmax(100px,.38fr) minmax(0,1fr)}
  .box-design-page .enclosure-detail-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:visible;padding:4px 8px}
  .box-design-page .enclosure-detail-tabs button{width:100%;white-space:normal;border:1px solid transparent;border-radius:6px;text-align:center}
  .box-design-page .enclosure-detail-tabs button.is-active{border-color:color-mix(in srgb,var(--design-color) 22%,#d8dee8);background:#fff}
  .box-design-page .enclosure-detail-media--empty{align-items:flex-start;flex-direction:column}
  .box-design-page .enclosure-acoustic-handoff{font-size:11px}
}


/* Guided Sealed / Vented workflow — Step 2 decision screen + Step 3 assistant. */
.box-design-page .enclosure-guided-head{display:grid;gap:3px;margin:0 0 14px;max-width:880px}
.box-design-page .enclosure-guided-head small{color:var(--design-color);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.box-design-page .enclosure-guided-head h2{margin:0;color:var(--ink);font-size:clamp(18px,1.5vw,24px)}
.box-design-page .enclosure-guided-head p{margin:0;color:var(--muted);line-height:1.5}
.box-design-page .enclosure-decision{display:grid;gap:16px}
.box-design-page .enclosure-decision-copy{display:flex;align-items:flex-start;gap:10px}
.box-design-page .enclosure-decision-copy>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--design-color) 10%,#fff);border:1px solid color-mix(in srgb,var(--design-color) 40%,#d8deea);color:var(--design-color);font-weight:850}
.box-design-page .enclosure-decision-copy h3{margin:0;color:var(--ink);font-size:var(--font-lg)}
.box-design-page .enclosure-decision-copy p{margin:3px 0 0;color:var(--muted);line-height:1.45}
.box-design-page .enclosure-primary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.box-design-page .enclosure-primary-card,.box-design-page .enclosure-more-card{min-width:0;border:1px solid #dce3ee;border-radius:13px;background:#fff;box-shadow:0 1px 2px #10182808}
.box-design-page .enclosure-primary-card{appearance:none;display:grid;grid-template-rows:auto auto 1fr auto;gap:7px;text-align:left;padding:16px;min-height:155px;color:var(--ink);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.box-design-page .enclosure-primary-card:hover,.box-design-page .enclosure-more-card>summary:hover{border-color:color-mix(in srgb,var(--design-color) 52%,#cfd7e4)}
.box-design-page .enclosure-primary-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10182810}
.box-design-page .enclosure-primary-card.is-selected{border-color:var(--design-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--design-color) 13%,transparent),0 6px 18px #1018280e;background:linear-gradient(180deg,color-mix(in srgb,var(--design-color) 5%,#fff),#fff)}
.box-design-page .enclosure-card-eyebrow{color:var(--design-color);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.box-design-page .enclosure-primary-card>strong,.box-design-page .enclosure-more-card>summary>strong{font-size:clamp(16px,1.2vw,20px);line-height:1.15}
.box-design-page .enclosure-primary-card>span:not(.enclosure-card-eyebrow),.box-design-page .enclosure-more-card>summary>span:not(.enclosure-card-eyebrow){color:var(--muted);line-height:1.45}
.box-design-page .enclosure-primary-card>b,.box-design-page .enclosure-more-card>summary>b{color:var(--design-color);font-size:var(--font-sm);align-self:end}
.box-design-page .enclosure-more-card{overflow:hidden}
.box-design-page .enclosure-more-card>summary{display:grid;grid-template-rows:auto auto 1fr auto;gap:7px;min-height:155px;padding:16px;list-style:none;cursor:pointer}
.box-design-page .enclosure-more-card>summary::-webkit-details-marker{display:none}
.box-design-page .enclosure-more-card[open]{border-color:color-mix(in srgb,var(--learn-color) 55%,#dce3ee)}
.box-design-page .enclosure-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 12px}
.box-design-page .enclosure-secondary-card{appearance:none;display:grid;gap:3px;text-align:left;padding:10px;border:1px solid #e5e9f0;border-radius:9px;background:#fafbfc;color:var(--ink);cursor:pointer}
.box-design-page .enclosure-secondary-card:hover{border-color:#bfc8d6;background:#fff}
.box-design-page .enclosure-secondary-card.is-selected{border-color:var(--learn-color);background:color-mix(in srgb,var(--learn-color) 5%,#fff)}
.box-design-page .enclosure-secondary-card span{color:var(--muted);font-size:var(--font-sm);line-height:1.35}
.box-design-page .enclosure-start-choice{display:grid;gap:10px;padding-top:14px;border-top:1px solid #edf0f4}
.box-design-page .enclosure-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.box-design-page .enclosure-start-card{appearance:none;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon copy" "icon action";column-gap:12px;row-gap:4px;text-align:left;padding:14px;border:1px solid #dfe5ee;border-radius:11px;background:#fff;color:var(--ink);cursor:pointer}
.box-design-page .enclosure-start-card:hover{border-color:color-mix(in srgb,var(--design-color) 50%,#dfe5ee)}
.box-design-page .enclosure-start-card.is-selected{border-color:var(--design-color);background:color-mix(in srgb,var(--design-color) 4%,#fff)}
.box-design-page .enclosure-start-card.is-unavailable{cursor:not-allowed;background:#fafbfc;border-style:dashed;box-shadow:none}
.box-design-page .enclosure-start-card.is-unavailable:hover{border-color:#dfe5ee}
.box-design-page .enclosure-start-card.is-unavailable .enclosure-card-icon,.box-design-page .enclosure-start-card.is-unavailable>b{color:#98a2b3}
.box-design-page .enclosure-card-icon{grid-area:icon;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f4f6f9;color:var(--design-color);font-size:20px;font-weight:800}
.box-design-page .enclosure-start-card>strong{grid-area:title;font-size:var(--font-base)}
.box-design-page .enclosure-start-card>span:not(.enclosure-card-icon){grid-area:copy;color:var(--muted);font-size:var(--font-sm);line-height:1.4}
.box-design-page .enclosure-start-card>b{grid-area:action;color:var(--design-color);font-size:var(--font-sm)}
.box-design-page .enclosure-library-after-choice{margin-top:4px;padding-top:14px;border-top:1px solid #edf0f4}
.box-design-page .enclosure-library-context{display:grid;gap:3px;margin-bottom:10px}
.box-design-page .enclosure-library-context strong{font-size:var(--font-lg)}
.box-design-page .enclosure-library-context span{color:var(--muted);line-height:1.4}

/* Guided acoustic workspace */
.box-design-page .guided-design-workspace{display:block!important}
.box-design-page .guided-design-workspace>.driver-configuration-card{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(300px,1fr) minmax(260px,1fr);align-items:end;gap:10px 16px;margin-bottom:14px}
.box-design-page .guided-design-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,340px);gap:16px;align-items:start}
.box-design-page .guided-design-main{display:grid;gap:14px;min-width:0}
.box-design-page .guided-design-main>.physical-enclosure-block{grid-column:auto!important;grid-row:auto!important}
.box-design-page .guided-acoustic-card{display:grid;gap:13px}
.box-design-page .guided-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.box-design-page .guided-progress>span{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 9px;border:1px solid #e5e9f0;border-radius:999px;background:#fafbfc;color:#98a2b3;font-size:11px}
.box-design-page .guided-progress>span:before{content:"";width:7px;height:7px;border-radius:50%;background:#d0d5dd}
.box-design-page .guided-progress>span.is-current{border-color:color-mix(in srgb,var(--design-color) 40%,#e5e9f0);background:color-mix(in srgb,var(--design-color) 4%,#fff);color:#344054}
.box-design-page .guided-progress>span.is-current:before{background:var(--design-color)}
.box-design-page .guided-progress>span.is-done{color:#475467}
.box-design-page .guided-progress>span.is-done:before{background:var(--learn-color)}
.box-design-page .guided-progress b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box-design-page .guided-step-card{display:grid;gap:11px;padding:13px;border:1px solid #e1e6ee;border-radius:11px;background:#fff}
.box-design-page .guided-step-heading{display:flex;align-items:flex-start;gap:10px}
.box-design-page .guided-step-heading>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:color-mix(in srgb,var(--design-color) 10%,#fff);color:var(--design-color);font-weight:850}
.box-design-page .guided-step-heading small{color:var(--design-color);font-weight:800;letter-spacing:.06em}
.box-design-page .guided-step-heading h4{margin:1px 0 2px;color:var(--ink);font-size:var(--font-lg)}
.box-design-page .guided-step-heading p{margin:0;color:var(--muted);line-height:1.45}
.box-design-page .guided-recommendation{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid #dfe6ef;border-radius:10px;background:#fafbfc}
.box-design-page .guided-recommendation.is-applied{border-color:#a6e8c8;background:#f0fdf7}
.box-design-page .guided-recommendation>div{display:grid;gap:2px}
.box-design-page .guided-recommendation span{color:var(--muted);font-size:var(--font-sm);line-height:1.4}
.box-design-page .guided-blocker,.box-design-page .guided-next-action{display:grid;gap:4px;padding:11px 12px;border:1px dashed #d3dae5;border-radius:10px;background:#fafbfc}
.box-design-page .guided-blocker>span,.box-design-page .guided-next-action p{margin:0;color:var(--muted);line-height:1.45}
.box-design-page .guided-next-action{grid-template-columns:auto 1fr;align-items:start}
.box-design-page .guided-next-action>span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--design-color) 9%,#fff);color:var(--design-color);font-size:10px;font-weight:850;text-transform:uppercase}
.box-design-page .guided-next-action>div{display:grid;gap:2px}
.box-design-page .guided-manual-panel{border:1px solid #e5e9f0;border-radius:9px;background:#fcfcfd}
.box-design-page .guided-manual-panel>summary{display:grid;gap:2px;padding:10px 11px;cursor:pointer}
.box-design-page .guided-manual-panel>summary strong{color:#344054}
.box-design-page .guided-manual-panel>summary span{color:var(--muted);font-size:var(--font-sm)}
.box-design-page .guided-manual-body{display:grid;gap:10px;padding:0 11px 11px}
.box-design-page .guided-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.box-design-page .guided-choice-row>button,.box-design-page .guided-choice-row>label{appearance:none;display:grid;gap:3px;text-align:left;padding:10px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;color:var(--ink);cursor:pointer}
.box-design-page .guided-choice-row>button.is-selected,.box-design-page .guided-choice-row>label.is-selected{border-color:var(--design-color);background:color-mix(in srgb,var(--design-color) 5%,#fff)}
.box-design-page .guided-choice-row span{color:var(--muted);font-size:var(--font-sm);line-height:1.35}
.box-design-page .sealed-reference-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.box-design-page .sealed-reference-targets button{appearance:none;display:grid;gap:2px;text-align:left;padding:9px;border:1px solid #e0e5ec;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer}
.box-design-page .sealed-reference-targets button.is-selected{border-color:var(--design-color);background:color-mix(in srgb,var(--design-color) 5%,#fff)}
.box-design-page .sealed-reference-targets span{color:var(--muted);font-size:11px;line-height:1.3}
.box-design-page .vented-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.box-design-page .vented-goal-card{appearance:none;display:grid;gap:3px;text-align:left;padding:11px;border:1px solid #e0e5ec;border-radius:9px;background:#fff;color:var(--ink);cursor:pointer}
.box-design-page .vented-goal-card.is-selected{border-color:var(--design-color);background:color-mix(in srgb,var(--design-color) 5%,#fff)}
.box-design-page .vented-goal-card>span{color:var(--design-color);font-size:var(--font-sm);font-weight:750}
.box-design-page .vented-goal-card small{color:var(--muted);line-height:1.35}
.box-design-page .guided-result-card{margin:0;padding:12px;border:1px solid color-mix(in srgb,var(--learn-color) 32%,#dfe5ee);border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--learn-color) 4%,#fff),#fff)}
.box-design-page .guided-result-note{margin:8px 0 0;color:#667085;font-size:var(--font-sm);line-height:1.5}
.box-design-page .guided-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.box-design-page .port-engineering-details{border:1px solid #e5e9f0;border-radius:9px;padding:0 10px;background:#fafbfc}
.box-design-page .acoustic-source-strip.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.box-design-page .guided-cabinet-card.is-locked{background:#fafbfc;border-style:dashed}
.box-design-page .physical-priority-cards input{width:auto!important;margin:0 0 4px}
.box-design-page .cabinet-basics{margin-top:4px}
.box-design-page .guided-design-summary{position:sticky;top:calc(var(--header-height) + 16px);display:grid;gap:11px;padding:14px;border:1px solid #dfe5ee;border-top:3px solid var(--design-color);border-radius:12px;background:#fff;box-shadow:0 8px 28px #1018280b}
.box-design-page .guided-summary-head{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}
.box-design-page .guided-summary-head small{grid-column:1/-1;color:var(--design-color);font-weight:800;letter-spacing:.07em}
.box-design-page .guided-summary-head h3{margin:0;color:var(--ink);font-size:var(--font-xl)}
.box-design-page .guided-summary-head>span{padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}
.box-design-page .guided-design-summary dl{display:grid;margin:0}
.box-design-page .guided-design-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #eef1f5}
.box-design-page .guided-design-summary dt{color:var(--muted);font-size:var(--font-sm)}
.box-design-page .guided-design-summary dd{margin:0;text-align:right;color:var(--ink);font-weight:750;font-size:var(--font-sm)}
.box-design-page .guided-summary-next{display:grid;gap:4px;padding:10px;border-radius:9px;background:color-mix(in srgb,var(--design-color) 5%,#fff);border:1px solid color-mix(in srgb,var(--design-color) 18%,#e5e9f0)}
.box-design-page .guided-summary-next span{color:var(--design-color);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.box-design-page .guided-summary-next strong{font-size:var(--font-sm);line-height:1.4}

@media(max-width:1100px){
  .box-design-page .enclosure-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .box-design-page .enclosure-more-card{grid-column:1/-1}
  .box-design-page .enclosure-more-card>summary{min-height:auto}
  .box-design-page .guided-design-layout{grid-template-columns:minmax(0,1fr)}
  .box-design-page .guided-design-summary{position:static;order:-1}
}
@media(max-width:720px){
  .box-design-page .enclosure-primary-grid,.box-design-page .enclosure-start-grid,.box-design-page .guided-choice-row,.box-design-page .vented-goal-grid,.box-design-page .sealed-reference-targets{grid-template-columns:1fr}
  .box-design-page .enclosure-primary-card,.box-design-page .enclosure-more-card>summary{min-height:auto;padding:13px}
  .box-design-page .enclosure-secondary-grid{grid-template-columns:1fr}
  .box-design-page .guided-progress{grid-template-columns:repeat(2,minmax(0,1fr))}
  .box-design-page .guided-design-workspace>.driver-configuration-card{grid-template-columns:1fr}
  .box-design-page .guided-recommendation{align-items:stretch;flex-direction:column}
  .box-design-page .guided-recommendation .button{width:100%}
  .box-design-page .acoustic-source-strip.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .box-design-page .enclosure-guided-head{margin-bottom:10px}
  .box-design-page .enclosure-decision{gap:12px}
  .box-design-page .enclosure-start-card{padding:11px}
  .box-design-page .guided-step-card,.box-design-page .guided-result-card,.box-design-page .guided-design-summary{padding:10px}
  .box-design-page .guided-progress>span{padding:6px 7px}
  .box-design-page .guided-step-heading p,.box-design-page .guided-result-note,.box-design-page .guided-manual-panel>summary span{line-height:1.35}
}

/* Sealed Step 3 V1: child-friendly guided cabinet builder. */
.box-design-page .guided-design-layout--sealed{grid-template-columns:minmax(0,1fr)}
.box-design-page .sealed-guided-builder .guided-design-main{gap:12px}
.box-design-page .sealed-step3-target{display:grid;gap:10px;padding:14px;border-top:3px solid var(--design-color)}
.box-design-page .sealed-step3-target__head,.box-design-page .sealed-cabinet-builder__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.box-design-page .sealed-step3-target__head>div,.box-design-page .sealed-cabinet-builder__head>div{display:grid;gap:3px}
.box-design-page .sealed-step3-target__head small,.box-design-page .sealed-cabinet-builder__head small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.08em}
.box-design-page .sealed-step3-target__head h3,.box-design-page .sealed-cabinet-builder__head h3{margin:0;color:var(--ink);font-size:var(--font-xl)}
.box-design-page .sealed-step3-target__head p,.box-design-page .sealed-cabinet-builder__head p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.4}
.box-design-page .sealed-step3-target__metrics{display:grid;grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(110px,.65fr));gap:8px}
.box-design-page .sealed-step3-target__metrics.sealed-summary{margin:0;border:0;border-radius:0;padding:0;background:transparent}
.box-design-page .sealed-step3-target__metrics>div{display:grid;gap:3px;padding:10px 12px;border:1px solid #e4e9f0;border-radius:10px;background:#fafbfc}
.box-design-page .sealed-step3-target__metrics>div.is-primary{border-color:color-mix(in srgb,var(--design-color) 28%,#e4e9f0);background:color-mix(in srgb,var(--design-color) 4%,#fff)}
.box-design-page .sealed-step3-target__metrics small{color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:.05em}
.box-design-page .sealed-step3-target__metrics strong{color:var(--ink);font-size:var(--font-lg)}
.box-design-page .sealed-step3-target__metrics .is-primary strong{color:var(--design-color);font-size:clamp(24px,2vw,34px);line-height:1}
.box-design-page .sealed-step3-target__metrics .is-primary strong span{font-size:var(--font-base)}
.box-design-page .sealed-step3-engineering,.box-design-page .sealed-system-config,.box-design-page .sealed-cabinet-material,.box-design-page .sealed-cabinet-volume-details{border:1px solid #e4e9f0;border-radius:10px;background:#fcfcfd;overflow:hidden}
.box-design-page .sealed-step3-engineering>summary,.box-design-page .sealed-system-config>summary,.box-design-page .sealed-cabinet-material>summary,.box-design-page .sealed-cabinet-volume-details>summary{cursor:pointer;list-style:none;padding:10px 12px}
.box-design-page .sealed-step3-engineering>summary::-webkit-details-marker,.box-design-page .sealed-system-config>summary::-webkit-details-marker,.box-design-page .sealed-cabinet-material>summary::-webkit-details-marker,.box-design-page .sealed-cabinet-volume-details>summary::-webkit-details-marker{display:none}
.box-design-page .sealed-step3-engineering>summary>span,.box-design-page .sealed-system-config>summary>span,.box-design-page .sealed-cabinet-material>summary>span,.box-design-page .sealed-cabinet-volume-details>summary>span{display:grid;gap:2px}
.box-design-page .sealed-step3-engineering>summary small,.box-design-page .sealed-system-config>summary small,.box-design-page .sealed-cabinet-material>summary small,.box-design-page .sealed-cabinet-volume-details>summary small{color:#98a2b3;font-size:10px;font-weight:650}
.box-design-page .sealed-step3-engineering>summary:after,.box-design-page .sealed-system-config>summary:after,.box-design-page .sealed-cabinet-material>summary:after,.box-design-page .sealed-cabinet-volume-details>summary:after{content:"+";float:right;margin-top:-28px;color:var(--design-color);font-size:18px}
.box-design-page .sealed-step3-engineering[open]>summary:after,.box-design-page .sealed-system-config[open]>summary:after,.box-design-page .sealed-cabinet-material[open]>summary:after,.box-design-page .sealed-cabinet-volume-details[open]>summary:after{content:"−"}
.box-design-page .sealed-step3-engineering__body{display:grid;gap:10px;padding:0 12px 12px;border-top:1px solid #edf0f4}
.box-design-page .sealed-step3-advanced-controls{display:grid;gap:9px}
.box-design-page .sealed-step3-equations{display:grid;gap:4px;padding:10px;border-radius:8px;background:#f8fafc;color:#475467}
.box-design-page .sealed-step3-equations p,.box-design-page .sealed-step3-equations small{margin:0;font-size:11px;line-height:1.45}
.box-design-page .sealed-cabinet-builder{display:grid;gap:12px;padding:14px;border-top:3px solid color-mix(in srgb,var(--design-color) 70%,#fff)}
.box-design-page .sealed-cabinet-builder.is-locked{border-style:dashed;background:#fafbfc}
.box-design-page .sealed-cabinet-target-pill{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--design-color) 7%,#fff);color:var(--design-color);font-size:11px;font-weight:850}
.box-design-page .sealed-cabinet-mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.box-design-page .sealed-cabinet-mode-cards>label{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon copy";gap:2px 10px;align-items:center;padding:13px;border:1px solid #dfe5ee;border-radius:11px;background:#fff;cursor:pointer}
.box-design-page .sealed-cabinet-mode-cards>label:hover{border-color:#bcc8dc;background:#fbfcff}
.box-design-page .sealed-cabinet-mode-cards>label.is-selected{border-color:var(--design-color);background:color-mix(in srgb,var(--design-color) 5%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--design-color) 10%,transparent)}
.box-design-page .sealed-cabinet-mode-cards input{position:absolute;opacity:0;pointer-events:none}
.box-design-page .sealed-cabinet-mode-icon{grid-area:icon;display:grid;place-items:center;width:36px;height:36px;border:1px solid #dbe2ec;border-radius:50%;background:#fff;color:var(--design-color);font-size:20px;font-weight:800}
.box-design-page .sealed-cabinet-mode-cards strong{grid-area:title;color:var(--ink);font-size:var(--font-base)}
.box-design-page .sealed-cabinet-mode-cards small{grid-area:copy;color:#667085;font-size:var(--font-sm);line-height:1.35}
.box-design-page .sealed-cabinet-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:12px;align-items:stretch}
.box-design-page .sealed-cabinet-controls{display:grid;gap:10px;padding:12px;border:1px solid #e4e9f0;border-radius:10px;background:#fff}
.box-design-page .sealed-cabinet-question{display:grid;gap:4px}
.box-design-page .sealed-cabinet-question>small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.07em}
.box-design-page .sealed-cabinet-question h4{margin:0;color:var(--ink);font-size:var(--font-lg)}
.box-design-page .sealed-cabinet-question p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.4}
.box-design-page .sealed-cabinet-question label{display:grid;grid-template-columns:minmax(150px,auto) minmax(180px,1fr);gap:10px;align-items:center;color:#344054;font-size:var(--font-sm);font-weight:750}
.box-design-page .sealed-cabinet-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.box-design-page .sealed-cabinet-dimension{display:grid;gap:5px}
.box-design-page .sealed-cabinet-dimension>span:first-child{display:flex;align-items:center;justify-content:space-between;color:#475467;font-size:11px;font-weight:750}
.box-design-page .sealed-cabinet-dimension>span:first-child b{padding:2px 5px;border-radius:999px;background:#eef2ff;color:var(--design-color);font-size:10px}
.box-design-page .sealed-cabinet-dimension.is-auto input{background:#f3f6fb;color:#667085}
.box-design-page .sealed-cabinet-fit{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:10px 11px;border:1px solid #dfe5ee;border-radius:9px;background:#fafbfc}
.box-design-page .sealed-cabinet-fit>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef2f6;color:#667085;font-weight:900}
.box-design-page .sealed-cabinet-fit strong{display:block;color:var(--ink);font-size:var(--font-sm)}
.box-design-page .sealed-cabinet-fit p{margin:2px 0 0;color:#667085;font-size:var(--font-sm);line-height:1.4}
.box-design-page .sealed-cabinet-fit.is-match{border-color:#a6e8c8;background:#f0fdf7}
.box-design-page .sealed-cabinet-fit.is-match>span{background:#dff8ea;color:#14845f}
.box-design-page .sealed-cabinet-fit.is-smaller,.box-design-page .sealed-cabinet-fit.is-larger{border-color:#f5c76a;background:#fffbeb}
.box-design-page .sealed-cabinet-fit.is-smaller>span,.box-design-page .sealed-cabinet-fit.is-larger>span{background:#fff1bf;color:#9a6700}
.box-design-page .sealed-cabinet-adopt{justify-self:start}
.box-design-page .sealed-cabinet-feedback{margin:0;color:#667085;font-size:var(--font-sm)}
.box-design-page .sealed-cabinet-preview{display:grid;grid-template-rows:auto 1fr auto;min-height:290px;padding:11px;border:1px solid #e4e9f0;border-radius:10px;background:linear-gradient(180deg,#fbfcff,#f6f8fb);overflow:hidden}
.box-design-page .sealed-cabinet-preview__head{display:grid;gap:2px}
.box-design-page .sealed-cabinet-preview__head small{color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:.06em}
.box-design-page .sealed-cabinet-preview__head strong{color:#344054;font-size:var(--font-sm)}
.box-design-page .sealed-cabinet-preview svg{width:100%;height:210px}
.box-design-page .sealed-cabinet-preview svg text{fill:#667085;font:700 10px var(--font-family-ui)}
.box-design-page .sealed-cabinet-preview__front{fill:#f4e7ce;stroke:#8f7350;stroke-width:2}
.box-design-page .sealed-cabinet-preview__top{fill:#e6d1ad;stroke:#8f7350;stroke-width:2;stroke-linejoin:round}
.box-design-page .sealed-cabinet-preview__side{fill:#d4b787;stroke:#8f7350;stroke-width:2;stroke-linejoin:round}
.box-design-page .sealed-cabinet-preview__driver{fill:#6e5d4c;stroke:#514538;stroke-width:2}
.box-design-page .sealed-cabinet-preview__dustcap{fill:#8c7762;stroke:#514538;stroke-width:1.5}
.box-design-page .sealed-cabinet-preview>p{margin:0;color:#98a2b3;font-size:10px;text-align:center}
.box-design-page .sealed-cabinet-preview.is-empty{place-items:center}
.box-design-page .sealed-cabinet-preview__placeholder{display:grid;place-items:center;gap:9px;color:#98a2b3;font-size:var(--font-sm);text-align:center}
.box-design-page .sealed-cabinet-preview__placeholder i{display:block;width:90px;height:70px;border:2px dashed #cbd3df;border-radius:6px;background:#fff}
.box-design-page .sealed-cabinet-material__body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 12px 12px;border-top:1px solid #edf0f4}
.box-design-page .sealed-cabinet-material__body>label{display:grid;gap:5px;padding-top:10px;color:#475467;font-size:var(--font-sm);font-weight:700}
.box-design-page .sealed-cabinet-volume-details .physical-volume-ledger{margin:0 12px 8px}
.box-design-page .sealed-cabinet-volume-details>.guided-result-note{margin:0 12px 12px}
.box-design-page .sealed-system-config__body{padding:0 10px 10px;border-top:1px solid #edf0f4}
.box-design-page .sealed-system-config__body>.driver-configuration-card{margin:10px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:980px){
  .box-design-page .sealed-cabinet-workspace{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-cabinet-preview{min-height:250px}
  .box-design-page .sealed-step3-target__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .box-design-page .sealed-step3-target__head,.box-design-page .sealed-cabinet-builder__head{flex-direction:column}
  .box-design-page .sealed-cabinet-mode-cards{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-cabinet-dimensions{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-cabinet-question label{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-cabinet-material__body{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-step3-target__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .box-design-page .sealed-cabinet-adopt{width:100%}
}

/* Step 2 Enclosure Workspace V3: navigation / engineering center / contextual reference. */
.box-design-page .enclosure-workspace-v3{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.box-design-page .enclosure-workspace-layout{display:grid;grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(240px,285px);gap:14px;align-items:start;min-width:0}
.box-design-page .enclosure-workspace-left,.box-design-page .enclosure-workspace-center,.box-design-page .enclosure-workspace-right{min-width:0}
.box-design-page .enclosure-workspace-left{position:sticky;top:calc(var(--header-height) + 14px)}
.box-design-page .enclosure-workspace-nav{display:grid;gap:13px;padding:12px;border:1px solid #dfe5ee;border-radius:12px;background:#fff;box-shadow:0 4px 18px #10182808}
.box-design-page .enclosure-workspace-nav__title{display:grid;gap:2px;padding:1px 3px 9px;border-bottom:1px solid #edf0f4}
.box-design-page .enclosure-workspace-nav__title small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.09em}
.box-design-page .enclosure-workspace-nav__title strong{color:var(--ink);font-size:var(--font-base)}
.box-design-page .enclosure-nav-group{display:grid;gap:5px;--enclosure-group-color:var(--design-color)}
.box-design-page .enclosure-nav-group--core{--enclosure-group-color:var(--design-color)}
.box-design-page .enclosure-nav-group--reference{--enclosure-group-color:var(--purple)}
.box-design-page .enclosure-nav-group--specialty{--enclosure-group-color:#18825f}
.box-design-page .enclosure-nav-group__label{padding:0 6px;color:var(--enclosure-group-color);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.box-design-page .enclosure-nav-group__items{display:grid;gap:3px}
.box-design-page .enclosure-nav-item{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;padding:8px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#475467;font:inherit;font-size:var(--font-sm);font-weight:720;text-align:left;cursor:pointer}
.box-design-page .enclosure-nav-item small{color:#98a2b3;font-size:10px;font-weight:650}
.box-design-page .enclosure-nav-item:hover{background:#f8fafc;color:var(--ink)}
.box-design-page .enclosure-nav-item.is-active{border-color:color-mix(in srgb,var(--enclosure-group-color) 28%,#dfe5ee);background:color-mix(in srgb,var(--enclosure-group-color) 6%,#fff);color:var(--enclosure-group-color);box-shadow:inset 3px 0 0 var(--enclosure-group-color)}
.box-design-page .enclosure-nav-item.is-active small{color:color-mix(in srgb,var(--enclosure-group-color) 74%,#667085)}
.box-design-page .enclosure-nav-item:focus-visible{outline:3px solid color-mix(in srgb,var(--enclosure-group-color) 35%,transparent);outline-offset:2px}

.box-design-page .enclosure-center-workspace{display:grid;gap:14px;min-width:0}
.box-design-page .enclosure-center-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:18px;align-items:center;padding:18px;border:1px solid #dfe5ee;border-radius:13px;background:#fff}
.box-design-page .enclosure-center-hero>div:first-child{display:grid;gap:6px}
.box-design-page .enclosure-center-hero small,.box-design-page .enclosure-library-workspace-head>small,.box-design-page .enclosure-education-section>header small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.08em}
.box-design-page .enclosure-center-hero h3,.box-design-page .enclosure-library-workspace-head h3{margin:0;color:var(--ink);font-size:clamp(22px,1.7vw,30px);line-height:1.15}
.box-design-page .enclosure-center-hero p,.box-design-page .enclosure-library-workspace-head p{margin:0;color:#475467;font-size:var(--font-base);line-height:1.5}
.box-design-page .enclosure-center-hero>div:first-child>span,.box-design-page .enclosure-library-workspace-head>span{color:#667085;font-size:var(--font-sm);line-height:1.45}
.box-design-page .enclosure-center-visual{display:grid;place-items:center;min-height:160px;border:1px solid #e8ecf2;border-radius:10px;background:#fafbfc;overflow:hidden}
.box-design-page .enclosure-concept-svg{width:100%;height:auto;max-height:180px;padding:8px}
.box-design-page .enclosure-concept-svg text{fill:#667085;font-size:11px;font-family:inherit}
.box-design-page .enclosure-concept-box{fill:#fff;stroke:var(--design-color);stroke-width:2.5}
.box-design-page .enclosure-concept-wall{stroke:var(--design-color);stroke-width:3}
.box-design-page .enclosure-concept-driver{fill:#f4f0ff;stroke:var(--purple);stroke-width:3}
.box-design-page .enclosure-concept-cone{fill:#fff;stroke:var(--purple);stroke-width:2}
.box-design-page .enclosure-concept-flow{fill:none;stroke:var(--projects-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.box-design-page .enclosure-concept-air{fill:none;stroke:#98a2b3;stroke-width:2;stroke-linecap:round}
.box-design-page .enclosure-concept-port{fill:#eef2ff;stroke:var(--design-color);stroke-width:2}
.box-design-page .enclosure-concept-placeholder{display:flex;align-items:flex-end;gap:9px;height:100px}
.box-design-page .enclosure-concept-placeholder span{width:36px;border:2px solid #b9c2d0;border-radius:8px;background:#fff}
.box-design-page .enclosure-concept-placeholder span:nth-child(1){height:48px}.box-design-page .enclosure-concept-placeholder span:nth-child(2){height:80px}.box-design-page .enclosure-concept-placeholder span:nth-child(3){height:64px}

.box-design-page .enclosure-education-section{display:grid;gap:10px;padding:15px;border:1px solid #e1e6ee;border-radius:11px;background:#fff}
.box-design-page .enclosure-education-section>header{display:grid;gap:2px}
.box-design-page .enclosure-education-section>header h4{margin:0;color:var(--ink);font-size:var(--font-lg)}
.box-design-page .enclosure-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.box-design-page .enclosure-how-grid article{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #edf0f4;border-radius:9px;background:#fafbfc}
.box-design-page .enclosure-how-grid article>span{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:color-mix(in srgb,var(--design-color) 9%,#fff);color:var(--design-color);font-size:10px;font-weight:850}
.box-design-page .enclosure-how-grid p{margin:0;color:#475467;font-size:var(--font-sm);line-height:1.45}
.box-design-page .enclosure-variable-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}
.box-design-page .enclosure-variable-card{display:grid;gap:6px;padding:10px;border:1px solid #edf0f4;border-radius:9px;background:#fff}
.box-design-page .enclosure-variable-card>div{display:flex;align-items:baseline;gap:7px}
.box-design-page .enclosure-variable-card strong{color:var(--design-color);font-size:var(--font-lg)}
.box-design-page .enclosure-variable-card span{color:#344054;font-size:var(--font-sm);font-weight:750}
.box-design-page .enclosure-variable-card p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.45}
.box-design-page .enclosure-reference-point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.box-design-page .enclosure-reference-point-grid article{display:grid;gap:4px;padding:11px;border:1px solid #e5e9ef;border-radius:9px;background:#fafbfc}
.box-design-page .enclosure-reference-point-grid strong{color:var(--ink);font-size:var(--font-sm)}
.box-design-page .enclosure-reference-point-grid b{color:var(--design-color);font-size:var(--font-base)}
.box-design-page .enclosure-reference-point-grid p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.42}
.box-design-page .enclosure-tradeoff-list{display:grid;gap:5px;margin:2px 0 0;padding-left:20px;color:#475467;font-size:var(--font-sm);line-height:1.45}
.box-design-page .enclosure-model-reference{border:1px solid #e2e7ef;border-radius:9px;background:#fafbfc}
.box-design-page .enclosure-model-reference>summary{cursor:pointer;padding:10px 12px;color:#475467;font-size:var(--font-sm);font-weight:750}
.box-design-page .enclosure-model-reference>div{display:grid;gap:5px;padding:0 12px 11px}
.box-design-page .enclosure-model-reference p{margin:0;padding:7px 8px;border-radius:7px;background:#fff;color:#475467;font-family:var(--font-mono);font-size:11px;line-height:1.4}
.box-design-page .enclosure-capability-note{display:grid;gap:3px;padding:11px 12px;border-left:3px solid var(--learn-color);border-radius:8px;background:color-mix(in srgb,var(--learn-color) 4%,#fff);color:#667085;font-size:var(--font-sm);line-height:1.45}
.box-design-page .enclosure-capability-note strong{color:var(--ink)}
.box-design-page .enclosure-center-action{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--design-color) 20%,#dfe5ee);border-radius:10px;background:color-mix(in srgb,var(--design-color) 3%,#fff)}
.box-design-page .enclosure-center-action>div{display:grid;gap:2px}
.box-design-page .enclosure-center-action strong{color:var(--ink);font-size:var(--font-sm)}
.box-design-page .enclosure-center-action span{color:#667085;font-size:var(--font-sm);line-height:1.4}
.box-design-page .enclosure-center-action .button{flex:0 0 auto}

.box-design-page .enclosure-workspace-right{position:sticky;top:calc(var(--header-height) + 14px)}
.box-design-page .enclosure-tech-reference{border:1px solid #dfe5ee;border-radius:12px;background:#fff;overflow:hidden}
.box-design-page .enclosure-tech-reference__head{display:grid;gap:3px;padding:13px 13px 10px;border-bottom:1px solid #edf0f4}
.box-design-page .enclosure-tech-reference__head small{color:var(--learn-color);font-size:10px;font-weight:850;letter-spacing:.08em}
.box-design-page .enclosure-tech-reference__head h3{margin:0;color:var(--ink);font-size:var(--font-lg)}
.box-design-page .enclosure-tech-reference__head p{margin:0;color:#98a2b3;font-size:11px;line-height:1.4}
.box-design-page .enclosure-tech-reference dl{display:grid;margin:0;padding:4px 12px 9px}
.box-design-page .enclosure-tech-term{display:grid;grid-template-columns:minmax(58px,auto) 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #f0f2f5}
.box-design-page .enclosure-tech-term:last-child{border-bottom:0}
.box-design-page .enclosure-tech-term dt{color:var(--ink);font-size:11px;font-weight:800}
.box-design-page .enclosure-tech-term dd{margin:0;color:#667085;font-size:11px;line-height:1.4}
.box-design-page .enclosure-tech-reference--mobile{display:none}
.box-design-page .enclosure-tech-reference--mobile>summary{cursor:pointer;list-style:none;padding:11px 12px;color:var(--ink);font-size:var(--font-sm);font-weight:800}
.box-design-page .enclosure-tech-reference--mobile>summary::-webkit-details-marker{display:none}
.box-design-page .enclosure-tech-reference--mobile>summary:after{content:"+";float:right;color:var(--design-color)}
.box-design-page .enclosure-tech-reference--mobile[open]>summary:after{content:"−"}
.box-design-page .enclosure-tech-reference--mobile>summary span{display:block;margin-top:2px;color:#98a2b3;font-size:10px;font-weight:650}
.box-design-page .enclosure-tech-reference__mobile-body{border-top:1px solid #edf0f4}

.box-design-page .enclosure-library-workspace-head{display:grid;gap:5px;padding:15px 16px;border:1px solid #dfe5ee;border-radius:11px;background:#fff}
.box-design-page .enclosure-center-workspace--library .enclosure-library-shell{gap:11px}
.box-design-page .enclosure-center-workspace--library .enclosure-library-searchrow{grid-template-columns:minmax(0,1fr)}
.box-design-page .enclosure-center-workspace--library .enclosure-browser-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.box-design-page .enclosure-center-workspace--library .enclosure-list-panel{border:0;background:transparent;overflow:visible}
.box-design-page .enclosure-center-workspace--library .enclosure-list-panel>header{padding:2px 1px 8px;border:0;background:transparent}
.box-design-page .enclosure-center-workspace--library .enclosure-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;max-height:none;overflow:visible}
.box-design-page .enclosure-center-workspace--library .enclosure-list-item{border:1px solid #e1e6ee;border-radius:10px;padding:0;overflow:hidden;background:#fff;box-shadow:0 1px 2px #10182808}
.box-design-page .enclosure-center-workspace--library .enclosure-list-item:last-child{border-bottom:1px solid #e1e6ee}
.box-design-page .enclosure-center-workspace--library .enclosure-list-item:hover{background:#fff;border-color:#c8d1de;box-shadow:0 5px 16px #1018280d}
.box-design-page .enclosure-center-workspace--library .enclosure-list-item.is-selected{background:#fff;border-color:var(--design-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--design-color) 12%,transparent)}
.box-design-page .enclosure-center-workspace--library .enclosure-list-item.is-used{border-color:var(--learn-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--learn-color) 12%,transparent)}
.box-design-page .enclosure-library-card__visual{position:relative;display:grid;place-items:center;height:116px;border-bottom:1px solid #edf0f4;background:#f8fafc;overflow:hidden}
.box-design-page .enclosure-library-card__visual>img{width:100%;height:100%;object-fit:contain;background:#fff}
.box-design-page .enclosure-library-card__visual>small{position:absolute;top:7px;right:7px;padding:3px 6px;border:1px solid #e0e5ec;border-radius:999px;background:#fffc;color:#475467;font-size:10px;font-weight:800;text-transform:uppercase}
.box-design-page .enclosure-library-card__placeholder{display:flex;align-items:flex-end;gap:5px;height:55px}
.box-design-page .enclosure-library-card__placeholder i{display:block;width:18px;border:2px solid #cbd3df;border-radius:4px;background:#fff}
.box-design-page .enclosure-library-card__placeholder i:nth-child(1){height:35px}.box-design-page .enclosure-library-card__placeholder i:nth-child(2){height:51px}.box-design-page .enclosure-library-card__placeholder i:nth-child(3){height:42px}
.box-design-page .enclosure-library-card__body{display:grid;gap:8px;padding:10px 11px}
.box-design-page .enclosure-library-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.box-design-page .enclosure-library-card__facts>span{display:grid;gap:1px;padding:6px 7px;border-radius:7px;background:#f7f8fa}
.box-design-page .enclosure-library-card__facts small{color:#98a2b3;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.box-design-page .enclosure-library-card__facts b{color:#475467;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
.box-design-page .enclosure-library-card__action{color:var(--design-color);font-size:10px;font-weight:800}
.box-design-page .enclosure-center-workspace--library .enclosure-detail-panel{position:static;order:-1;border-radius:11px}
.box-design-page .enclosure-center-workspace--library .enclosure-detail-panel--empty{display:none}
.box-design-page .enclosure-center-workspace--library .enclosure-detail-media{max-height:340px}
.box-design-page .enclosure-center-workspace--library .enclosure-detail-media>img{max-height:340px}

@media(max-width:1180px){
  .box-design-page .enclosure-workspace-layout{grid-template-columns:minmax(180px,205px) minmax(0,1fr)}
  .box-design-page .enclosure-workspace-right{grid-column:2;position:static}
  .box-design-page .enclosure-tech-reference--desktop{display:none}
  .box-design-page .enclosure-tech-reference--mobile{display:block}
  .box-design-page .enclosure-tech-reference--mobile[open]{background:#fff}
}
@media(max-width:900px){
  .box-design-page .enclosure-center-hero{grid-template-columns:minmax(0,1fr)}
  .box-design-page .enclosure-center-visual{min-height:125px}
  .box-design-page .enclosure-how-grid{grid-template-columns:minmax(0,1fr)}
  .box-design-page .enclosure-reference-point-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
  .box-design-page .enclosure-workspace-layout{grid-template-columns:minmax(0,1fr);gap:10px}
  .box-design-page .enclosure-workspace-left,.box-design-page .enclosure-workspace-right{grid-column:1;position:static}
  .box-design-page .enclosure-workspace-nav{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:8px;scrollbar-width:thin}
  .box-design-page .enclosure-workspace-nav__title{display:none}
  .box-design-page .enclosure-nav-group{display:flex;align-items:stretch;gap:5px;flex:0 0 auto}
  .box-design-page .enclosure-nav-group__label{writing-mode:vertical-rl;transform:rotate(180deg);padding:5px 1px;font-size:10px;text-align:center}
  .box-design-page .enclosure-nav-group__items{display:flex;align-items:stretch;gap:4px}
  .box-design-page .enclosure-nav-item{width:auto;min-width:max-content;min-height:42px;padding:7px 9px;flex-direction:column;align-items:flex-start;justify-content:center}
  .box-design-page .enclosure-nav-item.is-active{box-shadow:inset 0 -3px 0 var(--enclosure-group-color)}
  .box-design-page .enclosure-workspace-right{order:3}
  .box-design-page .enclosure-tech-reference--desktop{display:none}
  .box-design-page .enclosure-tech-reference--mobile{display:block}
  .box-design-page .enclosure-center-hero{padding:13px}
  .box-design-page .enclosure-center-visual{display:none}
  .box-design-page .enclosure-variable-grid{grid-template-columns:minmax(0,1fr)}
  .box-design-page .enclosure-center-action{align-items:stretch;flex-direction:column}
  .box-design-page .enclosure-center-action .button{width:100%}
  .box-design-page .enclosure-center-workspace--library .enclosure-list{grid-template-columns:minmax(0,1fr)}
  .box-design-page .enclosure-library-card__visual{height:132px}
}

/* Compact global engineering legend on narrow screens. */
.box-design-page .technical-legend--mobile{display:none}
@media(max-width:900px){
  .box-design-page .studio-workspace>.technical-legend--desktop{display:none!important}
  .box-design-page .studio-workspace>.technical-legend--mobile{display:block!important;grid-column:1;position:static;max-height:none;padding:0;overflow:hidden}
  .box-design-page .technical-legend--mobile>summary{cursor:pointer;list-style:none;padding:11px 12px;color:var(--ink);font-size:var(--font-sm);font-weight:800}
  .box-design-page .technical-legend--mobile>summary::-webkit-details-marker{display:none}
  .box-design-page .technical-legend--mobile>summary:after{content:"+";float:right;color:var(--learn-color)}
  .box-design-page .technical-legend--mobile[open]>summary:after{content:"−"}
  .box-design-page .technical-legend--mobile>summary span{display:block;margin-top:2px;color:#98a2b3;font-size:10px;font-weight:650}
  .box-design-page .technical-legend__mobile-body{border-top:1px solid #edf0f4;padding:11px}
}

/* Sealed Step 2 polish: four-block teaching flow. */
.box-design-page [data-workflow-section="enclosure"]{
  border-top-width:3px;
  box-shadow:none;
}
.box-design-page .enclosure-center-workspace--sealed{gap:12px}
.box-design-page .sealed-overview-block{display:grid;gap:12px;padding:15px;border:1px solid #dfe5ee;border-radius:11px;background:#fff;min-width:0}
.box-design-page .sealed-overview-block>header{display:grid;gap:3px}
.box-design-page .sealed-overview-block>header small,
.box-design-page .sealed-intro-copy>small,
.box-design-page .sealed-start-driver>small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.08em}
.box-design-page .sealed-overview-block>header h4{margin:0;color:var(--ink);font-size:var(--font-lg)}
.box-design-page .sealed-overview-block>header p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.45}

.box-design-page .sealed-intro-block{display:block;padding:9px 12px}
.box-design-page .sealed-intro-copy{display:grid;gap:4px}
.box-design-page .sealed-intro-line{display:flex;align-items:baseline;gap:10px;min-width:0}
.box-design-page .sealed-intro-copy h3{margin:0;flex:0 0 auto;color:var(--ink);font-size:clamp(18px,1.15vw,22px);line-height:1.12}
.box-design-page .sealed-intro-copy p{margin:0;min-width:0;color:#475467;font-size:var(--font-sm);line-height:1.4}
.box-design-page .enclosure-concept-motion{fill:none;stroke:var(--purple);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.box-design-page .enclosure-concept-spring{fill:none;stroke:#98a2b3;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.box-design-page .enclosure-concept-arrowhead{fill:var(--projects-color)}

.box-design-page .sealed-driver-flow-block{padding:12px 14px}
.box-design-page .sealed-driver-flow-summary{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;align-items:center;cursor:pointer;list-style:none;min-width:0}
.box-design-page .sealed-driver-flow-summary::-webkit-details-marker{display:none}
.box-design-page .sealed-driver-flow-summary::marker{content:""}
.box-design-page .sealed-driver-flow-summary>span{display:grid;gap:2px;min-width:0}
.box-design-page .sealed-driver-flow-summary small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.08em;line-height:1.3}
.box-design-page .sealed-driver-flow-summary strong{color:var(--ink);font-size:var(--font-lg);line-height:1.25;overflow-wrap:anywhere}
.box-design-page .sealed-driver-flow-summary:before,.box-design-page .sealed-driver-flow-summary:after{content:"+";display:grid;place-items:center;width:26px;height:26px;border:1px solid color-mix(in srgb,var(--design-color) 48%,#cfd7e4);border-radius:7px;background:color-mix(in srgb,var(--design-color) 5%,#fff);color:var(--design-color);font-size:18px;font-weight:800;line-height:1;box-sizing:border-box}
.box-design-page .sealed-driver-flow-block[open]>.sealed-driver-flow-summary:before,.box-design-page .sealed-driver-flow-block[open]>.sealed-driver-flow-summary:after{content:"−"}
.box-design-page .sealed-driver-flow-summary:focus-visible{outline:3px solid color-mix(in srgb,var(--design-color) 34%,transparent);outline-offset:3px;border-radius:8px}
.box-design-page .sealed-driver-flow-intro{display:grid;gap:4px;margin-top:8px}
.box-design-page .sealed-driver-flow-intro p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.45}
.box-design-page .sealed-driver-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin-top:10px}
.box-design-page .sealed-driver-flow article{display:grid;gap:6px;min-width:0;padding:11px;border:1px solid #e7ebf1;border-radius:9px;background:#fafbfc;align-self:stretch;align-content:start}
.box-design-page .sealed-driver-flow article>small{color:#98a2b3;font-size:10px;font-weight:850;letter-spacing:.06em;line-height:1.35}
.box-design-page .sealed-driver-flow article>strong{color:var(--ink);font-size:var(--font-sm);overflow-wrap:anywhere}
.box-design-page .sealed-driver-flow__copy{margin:0;color:#667085;font-size:10px;line-height:1.42}
.box-design-page .sealed-driver-flow article>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}
.box-design-page .sealed-driver-flow article>div>span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:#fff;color:#667085;font-size:10px}
.box-design-page .sealed-driver-flow article>div b{color:#344054}
.box-design-page .sealed-flow-arrow{color:var(--design-color);font-size:24px;font-weight:750}

.box-design-page .sealed-behavior-block{padding:14px 15px}
.box-design-page .sealed-behavior-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:12px;align-items:stretch}
.box-design-page .sealed-chart-wrap{display:grid;gap:6px;padding:10px;border:1px solid #e7ebf1;border-radius:9px;background:#fafbfc;min-width:0}
.box-design-page .sealed-response-chart{width:100%;height:auto;min-height:220px}
.box-design-page .sealed-response-chart text{fill:#7a8596;font-size:10px;font-family:inherit}
.box-design-page .sealed-chart-bg{fill:#fff;stroke:#edf0f4}
.box-design-page .sealed-chart-grid{stroke:#e7ebf1;stroke-width:1}
.box-design-page .sealed-chart-grid--vertical{stroke-dasharray:3 4}
.box-design-page .sealed-response-curve{fill:none;stroke:#aeb8c6;stroke-width:2;opacity:.62;transition:stroke .15s ease,stroke-width .15s ease,opacity .15s ease}
.box-design-page .sealed-response-curve.is-active{stroke:var(--design-color);stroke-width:3.2;opacity:1}
.box-design-page .sealed-chart-axis-title{fill:#667085!important;font-size:10px!important;font-weight:700}
.box-design-page .sealed-chart-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.box-design-page .sealed-chart-legend span{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:10px;font-weight:700}
.box-design-page .sealed-chart-legend i{display:block;width:18px;height:2px;background:#aeb8c6}
.box-design-page .sealed-chart-legend span.is-active{color:var(--design-color)}
.box-design-page .sealed-chart-legend span.is-active i{height:3px;background:var(--design-color)}

.box-design-page .sealed-frequency-block{gap:10px;padding:14px 15px;border-top:2px solid color-mix(in srgb,var(--design-color) 72%,#fff)}
.box-design-page .sealed-frequency-chart-wrap{display:grid;gap:7px;min-width:0;padding:8px 10px 7px;border:1px solid #e7ebf1;border-radius:10px;background:#fafbfc}
.box-design-page .sealed-frequency-chart-scroll{min-width:0;overflow:hidden}
.box-design-page .sealed-response-chart--primary{display:block;width:100%;height:auto;min-height:300px}
.box-design-page .sealed-chart-grid--f3{stroke:#b8c1cf;stroke-dasharray:5 4}
.box-design-page .sealed-no-data-region{fill:#f4f6f9;opacity:.88}
.box-design-page .sealed-no-data-label{fill:#667085!important;font-size:10px!important;font-weight:800}
.box-design-page .sealed-no-data-sub-label{fill:#98a2b3!important;font-size:10px!important;font-weight:650}
.box-design-page .sealed-response-preview-curve{fill:none;stroke:var(--purple);stroke-width:2.3;stroke-dasharray:6 5;opacity:0;pointer-events:none;transition:opacity .12s ease}
.box-design-page [data-sealed-response-graph].is-previewing .sealed-response-curve.is-active{opacity:.28}
.box-design-page .sealed-response-preview-curve.is-preview{opacity:.9}
.box-design-page .sealed-response-marker{stroke:#667085;stroke-width:1.25;stroke-dasharray:4 4}
.box-design-page .sealed-response-marker-point{fill:var(--design-color);stroke:#fff;stroke-width:2}
.box-design-page .sealed-response-marker-label{fill:#344054!important;font-size:10px!important;font-weight:800}
.box-design-page .sealed-frequency-legend{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.box-design-page .sealed-frequency-legend>[data-sealed-curve-focus]{border-radius:6px;padding:2px 4px;transition:background .12s ease,box-shadow .12s ease}
.box-design-page .sealed-frequency-legend span{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:10px;font-weight:700}
.box-design-page .sealed-frequency-legend i{display:block;width:18px;height:3px;border-radius:4px}
.box-design-page .sealed-frequency-legend .is-model i{background:var(--design-color)}
.box-design-page .sealed-frequency-legend .is-unavailable i{background:#d4dae3}
.box-design-page .sealed-frequency-legend [data-sealed-preview-label]{color:var(--purple)}
.box-design-page .sealed-response-chart--primary{touch-action:pan-y}
.box-design-page .sealed-response-probe{display:none;pointer-events:none}
.box-design-page .sealed-response-probe.is-active{display:block}
.box-design-page .sealed-response-probe [data-sealed-probe-line]{stroke:#475467;stroke-width:1.15;stroke-dasharray:4 4}
.box-design-page .sealed-probe-point{stroke:#fff;stroke-width:2}
.box-design-page .sealed-probe-point.is-q0577{fill:var(--sealed-curve-q0577)}
.box-design-page .sealed-probe-point.is-q0707{fill:var(--sealed-curve-q0707)}
.box-design-page .sealed-probe-point.is-q1000{fill:var(--sealed-curve-q1000)}
.box-design-page .sealed-probe-point.is-manufacturer{fill:var(--sealed-curve-manufacturer)}
.box-design-page .sealed-probe-point.is-custom{fill:var(--sealed-curve-custom)}
.box-design-page .sealed-response-probe-card{
  position:absolute;z-index:4;top:18px;right:18px;
  width:min(255px,calc(100% - 36px));
  padding:10px;border:1px solid #d7dee8;border-radius:10px;
  background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(16,24,40,.12);
  backdrop-filter:blur(5px);pointer-events:none;
}
.box-design-page .sealed-response-probe-card[hidden]{display:none}
.box-design-page .sealed-response-probe-card.is-left{right:auto;left:76px}
.box-design-page .sealed-response-probe-card header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
.box-design-page .sealed-response-probe-card header strong{color:var(--ink);font-size:var(--font-base)}
.box-design-page .sealed-response-probe-card header span{color:#667085;font-size:10px;font-weight:700}
.box-design-page .sealed-response-probe-card>div{display:grid;gap:4px}
.box-design-page .sealed-probe-row{
  --probe-accent:#98a2b3;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 6px;align-items:center;
  padding:4px 0;border-bottom:1px solid #eef1f5;
}
.box-design-page .sealed-probe-row:last-child{border-bottom:0}
.box-design-page .sealed-probe-row.is-q0577{--probe-accent:var(--sealed-curve-q0577)}
.box-design-page .sealed-probe-row.is-q0707{--probe-accent:var(--sealed-curve-q0707)}
.box-design-page .sealed-probe-row.is-q1000{--probe-accent:var(--sealed-curve-q1000)}
.box-design-page .sealed-probe-row.is-manufacturer{--probe-accent:var(--sealed-curve-manufacturer)}
.box-design-page .sealed-probe-row.is-custom{--probe-accent:var(--sealed-curve-custom)}
.box-design-page .sealed-probe-row>i{width:9px;height:9px;border-radius:50%;background:var(--probe-accent)}
.box-design-page .sealed-probe-row>span{min-width:0;color:#475467;font-size:10px;font-weight:750;overflow-wrap:anywhere}
.box-design-page .sealed-probe-row>strong{color:var(--probe-accent);font-size:10px}
.box-design-page .sealed-probe-row>small{grid-column:2/-1;color:#98a2b3;font-size:10px}
.box-design-page .sealed-probe-row.is-active>span,.box-design-page .sealed-probe-row.is-active>small{color:#344054}
.box-design-page .sealed-response-probe-card footer{margin-top:7px;padding-top:6px;border-top:1px solid #eef1f5;color:#98a2b3;font-size:10px}
.box-design-page [data-sealed-response-graph].is-probe-locked .sealed-response-probe-card{border-color:color-mix(in srgb,var(--design-color) 32%,#d7dee8)}

.box-design-page .sealed-frequency-empty{display:grid;place-items:center;gap:4px;min-height:230px;border:1px dashed #d7dde6;border-radius:10px;background:#fafbfc;text-align:center}
.box-design-page .sealed-frequency-empty strong{color:var(--ink);font-size:var(--font-base)}
.box-design-page .sealed-frequency-empty span{color:#667085;font-size:var(--font-sm)}
.box-design-page .sealed-active-system-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 9px;border-radius:8px;background:#f7f9fc;color:#667085;font-size:10px}
.box-design-page .sealed-active-system-bar>strong{margin-right:auto;color:var(--ink);font-size:11px;overflow-wrap:anywhere}
.box-design-page .sealed-active-system-bar>span{padding-left:8px;border-left:1px solid #dfe5ee}
.box-design-page .sealed-active-system-bar>span:first-of-type{color:var(--design-color);font-weight:850;letter-spacing:.06em}
.box-design-page .sealed-active-system-bar b{color:#344054}
.box-design-page .sealed-model-boundary-note,.box-design-page .sealed-manual-target-note{margin:0;color:#667085;font-size:10px;line-height:1.4}
.box-design-page .sealed-manual-target-note{padding:8px 9px;border-radius:8px;background:#f8fafc}
.box-design-page .sealed-manual-target-note strong{color:#344054}
.box-design-page .sealed-engineering-relationships{border:1px solid #dfe5ee;border-radius:11px;background:#fff;overflow:hidden}
.box-design-page .sealed-engineering-relationships>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:12px 14px;color:var(--ink)}
.box-design-page .sealed-engineering-relationships>summary::-webkit-details-marker{display:none}
.box-design-page .sealed-engineering-relationships>summary:after{content:"+";color:var(--design-color);font-size:18px;line-height:1}
.box-design-page .sealed-engineering-relationships[open]>summary:after{content:"−"}
.box-design-page .sealed-engineering-relationships>summary>span{display:grid;gap:2px;min-width:0}
.box-design-page .sealed-engineering-relationships>summary>span>small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.08em}
.box-design-page .sealed-engineering-relationships>summary>span>strong{color:var(--ink);font-size:var(--font-sm);line-height:1.3}
.box-design-page .sealed-engineering-relationships>summary>small{color:#98a2b3;font-size:10px;font-weight:650;white-space:nowrap}
.box-design-page .sealed-engineering-relationships__body{display:grid;gap:12px;padding:12px;border-top:1px solid #edf0f4}
.box-design-page .sealed-engineering-relationships__intro{display:grid;gap:5px;max-width:1180px}
.box-design-page .sealed-engineering-relationships__intro p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.48}
.box-design-page .sealed-engineering-relationships__body>.enclosure-model-reference{margin:0}
.box-design-page .sealed-relationship-reading{display:grid;gap:8px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--design-color) 16%,#e5e9f0);border-radius:9px;background:color-mix(in srgb,var(--design-color) 2.5%,#fff)}
.box-design-page .sealed-relationship-reading>strong{color:var(--ink);font-size:var(--font-sm)}
.box-design-page .sealed-relationship-reading>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.box-design-page .sealed-relationship-reading article{display:grid;gap:2px;padding:7px 8px;border-left:2px solid var(--design-color);background:#fff;min-width:0}
.box-design-page .sealed-relationship-reading article b{color:var(--ink);font-size:10px}
.box-design-page .sealed-relationship-reading article span{color:#667085;font-size:10px;line-height:1.35}

.box-design-page .sealed-response-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.box-design-page .sealed-response-option{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;align-items:center;width:100%;padding:9px 10px;border:1px solid #e2e7ef;border-radius:9px;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.box-design-page .sealed-response-option:hover{border-color:#cbd4e2;background:#fafbfc}
.box-design-page .sealed-response-option.is-selected{border-color:var(--design-color);background:color-mix(in srgb,var(--design-color) 5%,#fff);box-shadow:inset 3px 0 0 var(--design-color)}
.box-design-page .sealed-response-option:focus-visible{outline:3px solid color-mix(in srgb,var(--design-color) 30%,transparent);outline-offset:2px}
.box-design-page .sealed-response-option>span{display:grid;gap:1px}
.box-design-page .sealed-response-option strong{font-size:var(--font-sm)}
.box-design-page .sealed-response-option small{color:#98a2b3;font-size:10px}
.box-design-page .sealed-response-option>b{color:var(--design-color);font-size:var(--font-sm)}
.box-design-page .sealed-response-option>em{grid-column:1/-1;color:#667085;font-size:10px;font-style:normal;line-height:1.35}
.box-design-page .sealed-response-option:disabled{cursor:not-allowed;background:#fafbfc;color:#98a2b3}

.box-design-page .sealed-volume-tradeoff{display:grid;grid-template-columns:minmax(120px,auto) minmax(180px,1fr) minmax(120px,auto);gap:12px;align-items:center;padding:9px 10px;border-radius:9px;background:#f8fafc}
.box-design-page .sealed-volume-tradeoff>div:first-child{text-align:left}
.box-design-page .sealed-volume-tradeoff>div:last-child{text-align:right}
.box-design-page .sealed-volume-tradeoff strong{display:block;color:var(--ink);font-size:11px}
.box-design-page .sealed-volume-tradeoff span{color:#667085;font-size:10px}
.box-design-page .sealed-volume-tradeoff__line{display:flex;align-items:center;gap:8px}
.box-design-page .sealed-volume-tradeoff__line>i{height:2px;flex:1;background:linear-gradient(90deg,var(--projects-color),#c9d2df,var(--design-color));position:relative}
.box-design-page .sealed-volume-tradeoff__line>i:before,.box-design-page .sealed-volume-tradeoff__line>i:after{content:"";position:absolute;top:50%;width:7px;height:7px;border:2px solid currentColor;border-top:0;border-right:0}
.box-design-page .sealed-volume-tradeoff__line>i:before{left:0;transform:translateY(-50%) rotate(45deg);color:var(--projects-color)}
.box-design-page .sealed-volume-tradeoff__line>i:after{right:0;transform:translateY(-50%) rotate(225deg);color:var(--design-color)}
.box-design-page .sealed-selected-note{margin:0;color:#667085;font-size:10px;line-height:1.4}

.box-design-page .sealed-start-block{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-color:color-mix(in srgb,var(--design-color) 22%,#dfe5ee);background:color-mix(in srgb,var(--design-color) 3%,#fff)}
.box-design-page .sealed-start-driver{display:grid;gap:3px}
.box-design-page .sealed-start-driver>strong{color:var(--ink);font-size:var(--font-sm)}
.box-design-page .sealed-start-driver>span{color:#667085;font-size:var(--font-sm);line-height:1.4}
.box-design-page .sealed-start-block .button{flex:0 0 auto}

@media(max-width:900px){
  .box-design-page .sealed-intro-line{display:grid;gap:3px}
  .box-design-page .sealed-driver-flow{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-flow-arrow{transform:rotate(90deg);justify-self:center}
  .box-design-page .sealed-behavior-layout{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-response-options{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-frequency-chart-scroll{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .box-design-page .sealed-response-chart--primary{width:680px;max-width:none;min-height:0}
  .box-design-page .sealed-response-chart{min-height:0}
  .box-design-page .sealed-frequency-chart-wrap:after{content:"Scroll chart → full 10 Hz–30 kHz frame";color:#98a2b3;font-size:10px;text-align:center}
}
@media(max-width:720px){
  .box-design-page .sealed-active-system-bar>strong{flex-basis:100%}
  .box-design-page .sealed-engineering-relationships>summary{grid-template-columns:minmax(0,1fr) auto}
  .box-design-page .sealed-engineering-relationships>summary>small{display:none}
  .box-design-page .sealed-relationship-reading>div{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-volume-tradeoff{grid-template-columns:minmax(0,1fr);gap:7px;text-align:center}
  .box-design-page .sealed-volume-tradeoff>div:first-child,.box-design-page .sealed-volume-tradeoff>div:last-child{text-align:center}
  .box-design-page .sealed-volume-tradeoff__line{width:100%}
  .box-design-page .sealed-start-block{align-items:stretch;flex-direction:column}
  .box-design-page .sealed-start-block .button{width:100%}
}

/* Sealed trade-off graphs and automatic alignment. */
.box-design-page .sealed-auto-recommendation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid color-mix(in srgb,var(--design-color) 20%,#dfe5ee);border-radius:9px;background:color-mix(in srgb,var(--design-color) 3%,#fff)}
.box-design-page .sealed-auto-recommendation>div:first-child{display:grid;gap:3px}
.box-design-page .sealed-auto-recommendation>div:first-child>small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.07em}
.box-design-page .sealed-auto-recommendation>div:first-child>strong{color:var(--ink);font-size:var(--font-sm)}
.box-design-page .sealed-auto-recommendation>div:first-child>span{color:#667085;font-size:var(--font-sm);line-height:1.42}
.box-design-page .sealed-auto-recommendation.is-unavailable{border-style:dashed;background:#fafbfc}
.box-design-page .sealed-auto-recommendation__result{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.box-design-page .sealed-auto-recommendation__result>span{display:grid;gap:1px;min-width:66px;padding:6px 8px;border:1px solid #e7ebf1;border-radius:7px;background:#fff}
.box-design-page .sealed-auto-recommendation__result small{color:#98a2b3;font-size:10px;font-weight:750}
.box-design-page .sealed-auto-recommendation__result b{color:#344054;font-size:var(--font-sm)}
.box-design-page .sealed-auto-recommendation__result .button{min-height:34px;padding:7px 10px;font-size:var(--font-sm)}

.box-design-page .sealed-tradeoff-graphs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.box-design-page .sealed-engineering-chart{display:grid;gap:7px;min-width:0;padding:10px;border:1px solid #e4e9f0;border-radius:9px;background:#fafbfc}
.box-design-page .sealed-engineering-chart>header{display:grid;gap:2px}
.box-design-page .sealed-engineering-chart>header strong{color:var(--ink);font-size:var(--font-sm)}
.box-design-page .sealed-engineering-chart>header span{color:#667085;font-size:10px;line-height:1.4}
.box-design-page .sealed-engineering-chart>svg{width:100%;height:auto;min-height:220px}
.box-design-page .sealed-engineering-chart.is-unavailable{place-items:start;min-height:150px}
.box-design-page .sealed-engineering-chart.is-unavailable>p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.45}
.box-design-page .sealed-tradeoff-curve{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.box-design-page .sealed-tradeoff-curve--fc{stroke:var(--design-color)}
.box-design-page .sealed-tradeoff-curve--f3{stroke:var(--projects-color)}
.box-design-page .sealed-chart-selected-line{stroke:#98a2b3;stroke-width:1.25;stroke-dasharray:4 4}
.box-design-page .sealed-chart-selected{stroke:#fff;stroke-width:2}
.box-design-page .sealed-chart-selected--fc{fill:var(--design-color)}
.box-design-page .sealed-chart-selected--f3{fill:var(--projects-color)}
.box-design-page .sealed-engineering-chart__legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.box-design-page .sealed-engineering-chart__legend span{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:10px;font-weight:750}
.box-design-page .sealed-engineering-chart__legend i{width:18px;height:3px;border-radius:4px}
.box-design-page .sealed-engineering-chart__legend .is-fc i{background:var(--design-color)}
.box-design-page .sealed-engineering-chart__legend .is-f3 i{background:var(--projects-color)}

.box-design-page .sealed-live-selection{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:9px 10px;border-radius:8px;background:#f8fafc}
.box-design-page .sealed-live-selection strong{color:var(--ink);font-size:var(--font-sm)}
.box-design-page .sealed-live-selection span{color:var(--design-color);font-size:var(--font-sm);font-weight:750}
.box-design-page .sealed-live-selection em{grid-column:1/-1;color:#667085;font-size:10px;font-style:normal}

@media(max-width:1180px){
  .box-design-page .sealed-auto-recommendation{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-auto-recommendation__result{justify-content:flex-start}
}
@media(max-width:900px){
  .box-design-page .sealed-tradeoff-graphs{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:720px){
  .box-design-page .sealed-engineering-chart>svg{min-height:185px}
  .box-design-page .sealed-auto-recommendation__result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .box-design-page .sealed-auto-recommendation__result .button{grid-column:1/-1;width:100%}
  .box-design-page .sealed-live-selection{grid-template-columns:minmax(0,1fr)}
}


.box-design-page .enclosure-nav-item{
  border-color:#e2e7ef;
  background:#fff;
  box-shadow:0 1px 2px #10182808;
}
.box-design-page .enclosure-nav-item:hover{
  border-color:color-mix(in srgb,var(--enclosure-group-color) 28%,#d8dee8);
  background:color-mix(in srgb,var(--enclosure-group-color) 3%,#fff);
}
.box-design-page .enclosure-workspace-right{display:grid;gap:10px}
.box-design-page .sealed-concept-reference{
  display:grid;gap:4px;padding:13px;border:1px solid #dfe5ee;border-radius:12px;background:#fff;
}
.box-design-page .sealed-concept-reference small{
  color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.08em;
}
.box-design-page .sealed-concept-reference h3{margin:0;color:var(--ink);font-size:var(--font-lg)}
.box-design-page .sealed-concept-reference p{margin:0;color:#667085;font-size:11px;line-height:1.45}

.box-design-page .sealed-response-workspace{
  display:grid;
  grid-template-columns:minmax(0,13fr) minmax(300px,7fr);
  align-items:stretch;
  min-width:0;
  overflow:hidden;
  border:1px solid #d8e0eb;
  border-radius:13px;
  background:#fff;
  box-shadow:0 6px 22px #10182809;
}
.box-design-page .sealed-response-workspace__graph,
.box-design-page .sealed-response-workspace__controls{min-width:0}
.box-design-page .sealed-response-workspace__graph{
  border-right:1px solid #e4e9f0;
  background:linear-gradient(180deg,#fff,#fbfcfe);
}
.box-design-page .sealed-response-workspace .sealed-overview-block{
  height:100%;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.box-design-page .sealed-response-workspace__graph .sealed-overview-block{
  height:auto;
  align-content:start;
}
.box-design-page .sealed-response-workspace .sealed-frequency-block{
  padding:16px 16px 13px;
  border-top:3px solid var(--design-color);
}
.box-design-page .sealed-response-workspace .sealed-behavior-block{
  padding:16px 14px 14px;
  border-top:3px solid color-mix(in srgb,var(--design-color) 40%,#cbd5e1);
}
.box-design-page .sealed-frequency-chart-wrap{
  position:relative;
  padding:10px 10px 7px;
  background:#fff;
}
.box-design-page .sealed-response-chart--primary{
  width:100%!important;
  max-width:100%;
  min-height:330px;
}
.box-design-page{
  --sealed-curve-q0577:color-mix(in srgb,var(--drivers-color) 78%,var(--ink));
  --sealed-curve-q0707:color-mix(in srgb,var(--design-color) 78%,var(--ink));
  --sealed-curve-q1000:color-mix(in srgb,var(--projects-color) 78%,var(--ink));
  --sealed-curve-manufacturer:color-mix(in srgb,var(--community-color) 78%,var(--ink));
  --sealed-curve-custom:color-mix(in srgb,var(--learn-color) 78%,var(--ink));
}
.box-design-page .sealed-response-comparison-curve{
  fill:none;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.88;
  transition:opacity .12s ease,stroke-width .12s ease;
}
.box-design-page .sealed-response-comparison-curve.is-q0577{stroke:var(--sealed-curve-q0577);stroke-dasharray:8 4}
.box-design-page .sealed-response-comparison-curve.is-q0707{stroke:var(--sealed-curve-q0707)}
.box-design-page .sealed-response-comparison-curve.is-q1000{stroke:var(--sealed-curve-q1000);stroke-dasharray:3 4}
.box-design-page .sealed-response-comparison-curve.is-manufacturer{stroke:var(--sealed-curve-manufacturer);stroke-dasharray:11 4 2 4}
.box-design-page .sealed-response-comparison-curve.is-custom{stroke:var(--sealed-curve-custom);stroke-dasharray:2 3}
.box-design-page .sealed-response-comparison-curve.is-active-design{
  stroke-width:3.7;
  opacity:1;
}
.box-design-page .sealed-response-comparison-curve.is-curve-dimmed{opacity:.16}
.box-design-page .sealed-response-comparison-curve.is-curve-focused{opacity:1;stroke-width:4.25}
.box-design-page [data-sealed-curve-focus].is-curve-focused{box-shadow:0 0 0 2px color-mix(in srgb,var(--curve-accent,var(--design-color)) 18%,transparent)}
.box-design-page .sealed-frequency-legend i{
  height:0;
  width:22px;
  border-top:3px solid currentColor;
  background:none!important;
}
.box-design-page .sealed-frequency-legend .is-q0577{color:var(--sealed-curve-q0577);--curve-accent:var(--sealed-curve-q0577)}
.box-design-page .sealed-frequency-legend .is-q0707{color:var(--sealed-curve-q0707);--curve-accent:var(--sealed-curve-q0707)}
.box-design-page .sealed-frequency-legend .is-q1000{color:var(--sealed-curve-q1000);--curve-accent:var(--sealed-curve-q1000)}
.box-design-page .sealed-frequency-legend .is-manufacturer{color:var(--sealed-curve-manufacturer);--curve-accent:var(--sealed-curve-manufacturer)}
.box-design-page .sealed-frequency-legend .is-custom{color:var(--sealed-curve-custom);--curve-accent:var(--sealed-curve-custom)}
.box-design-page .sealed-frequency-legend .is-q0577 i{border-top-style:dashed}
.box-design-page .sealed-frequency-legend .is-q1000 i{border-top-style:dotted}
.box-design-page .sealed-frequency-legend .is-manufacturer i{border-top-style:dashed}
.box-design-page .sealed-frequency-legend .is-custom i{border-top-style:dotted}

.box-design-page .sealed-curve-controls{display:grid;gap:7px}
.box-design-page .sealed-curve-control.is-q0577{--curve-accent:var(--sealed-curve-q0577)}
.box-design-page .sealed-curve-control.is-q0707{--curve-accent:var(--sealed-curve-q0707)}
.box-design-page .sealed-curve-control.is-q1000{--curve-accent:var(--sealed-curve-q1000)}
.box-design-page .sealed-curve-control.is-manufacturer{--curve-accent:var(--sealed-curve-manufacturer)}
.box-design-page .sealed-custom-volume.is-custom{--curve-accent:var(--sealed-curve-custom)}
.box-design-page .sealed-curve-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px 9px;
  align-items:center;
  padding:9px;
  border:1px solid color-mix(in srgb,var(--curve-accent,#e2e7ef) 24%,#e2e7ef);
  border-left:3px solid var(--curve-accent,#e2e7ef);
  border-radius:9px;
  background:color-mix(in srgb,var(--curve-accent,#fff) 2.5%,#fff);
}
.box-design-page .sealed-curve-control.is-unavailable{
  border-style:dashed;
  background:#fafbfc;
}
.box-design-page .sealed-curve-control.is-range{
  border-color:color-mix(in srgb,var(--sealed-curve-manufacturer) 24%,#dfe5ee);
  background:color-mix(in srgb,var(--sealed-curve-manufacturer) 3%,#fff);
}
.box-design-page .sealed-curve-visibility{
  display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer;
}
.box-design-page .sealed-curve-visibility input{margin:0;accent-color:var(--curve-accent,var(--design-color))}
.box-design-page .sealed-curve-visibility>i{
  flex:0 0 21px;height:0;border-top:3px solid currentColor;
}
.box-design-page .sealed-curve-visibility>i.is-q0577{color:var(--sealed-curve-q0577);border-top-style:dashed}
.box-design-page .sealed-curve-visibility>i.is-q0707{color:var(--sealed-curve-q0707)}
.box-design-page .sealed-curve-visibility>i.is-q1000{color:var(--sealed-curve-q1000);border-top-style:dotted}
.box-design-page .sealed-curve-visibility>i.is-manufacturer{color:var(--sealed-curve-manufacturer);border-top-style:dashed}
.box-design-page .sealed-curve-visibility>i.is-custom{color:var(--sealed-curve-custom);border-top-style:dotted}
.box-design-page .sealed-curve-visibility>span{display:grid;gap:1px;min-width:0}
.box-design-page .sealed-curve-visibility strong{color:var(--ink);font-size:11px}
.box-design-page .sealed-curve-visibility small{color:#667085;font-size:10px;line-height:1.3}
.box-design-page .sealed-curve-control__metrics{
  grid-column:1/-1;
  display:flex;gap:5px;flex-wrap:wrap;
}
.box-design-page .sealed-curve-control__metrics>span{
  padding:4px 6px;border-radius:6px;background:#f7f9fc;color:#667085;font-size:10px;
}
.box-design-page .sealed-curve-control__metrics b{color:#344054}
.box-design-page .sealed-curve-control>.button{
  grid-column:2;
  grid-row:1;
  min-height:31px;
  padding:6px 8px;
  border-color:var(--curve-accent,var(--design-color));
  color:#344054;
  background:color-mix(in srgb,var(--curve-accent,var(--design-color)) 5%,#fff);
  box-shadow:inset 0 -2px 0 var(--curve-accent,var(--design-color));
  font-size:10px;
}
.box-design-page .sealed-curve-control>p,
.box-design-page .sealed-curve-reference-copy span{
  grid-column:1/-1;margin:0;color:#667085;font-size:10px;line-height:1.38;
}
.box-design-page .sealed-curve-reference-copy{display:grid;gap:3px;grid-column:1/-1}
.box-design-page .sealed-curve-reference-copy strong{color:var(--ink);font-size:11px}

.box-design-page .sealed-custom-volume{
  display:grid;gap:4px;
  margin-top:3px;padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--sealed-curve-custom) 40%,#dfe5ee);
  border-left:3px solid var(--sealed-curve-custom);
  border-radius:10px;
  background:color-mix(in srgb,var(--sealed-curve-custom) 3%,#fff);
}
.box-design-page .sealed-custom-volume__head{
  display:flex;align-items:center;justify-content:space-between;gap:6px;
}
.box-design-page .sealed-custom-volume__head>div{display:grid;gap:0}
.box-design-page .sealed-custom-volume__head small{
  color:color-mix(in srgb,var(--sealed-curve-custom) 55%,#31420a);font-size:10px;font-weight:900;letter-spacing:.08em;
}
.box-design-page .sealed-custom-volume__head strong{color:var(--ink);font-size:var(--font-sm)}
.box-design-page .sealed-curve-visibility--compact{font-size:10px;color:#667085}
.box-design-page .sealed-volume-input{display:grid;gap:4px;color:#475467;font-size:10px;font-weight:750}
.box-design-page .sealed-custom-volume__input-row{grid-template-columns:auto minmax(140px,1fr);align-items:center;gap:8px}
.box-design-page .sealed-custom-result{display:flex;gap:5px;flex-wrap:wrap}
.box-design-page .sealed-custom-result>span{
  padding:4px 6px;border:1px solid color-mix(in srgb,var(--sealed-curve-custom) 18%,#e5e9ef);border-radius:7px;background:#fff;color:#667085;font-size:10px;
}
.box-design-page .sealed-custom-result b{color:#344054}
.box-design-page .sealed-custom-volume>.button--primary{min-height:32px;padding:5px 10px;border-color:var(--sealed-curve-custom);background:var(--sealed-curve-custom);color:#263300;box-shadow:none}
.box-design-page .sealed-custom-volume>.button--primary:hover{background:color-mix(in srgb,var(--sealed-curve-custom) 88%,#000);color:#111a00}
.box-design-page .sealed-custom-volume>.button--primary:focus-visible{outline-color:color-mix(in srgb,var(--sealed-curve-custom) 60%,#456000)}
.box-design-page .sealed-custom-volume>p{margin:0;color:#667085;font-size:10px;line-height:1.3}

@media(max-width:1100px){
  .box-design-page .sealed-response-workspace{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-response-workspace__graph{border-right:0;border-bottom:1px solid #e4e9f0}
}
@media(max-width:900px){
  .box-design-page .sealed-frequency-chart-scroll{overflow:visible}
  .box-design-page .sealed-response-chart--primary{width:100%!important;max-width:100%!important}
  .box-design-page .sealed-frequency-chart-wrap:after{content:none!important}
}
@media(max-width:540px){
  .box-design-page .sealed-response-workspace .sealed-frequency-block,
  .box-design-page .sealed-response-workspace .sealed-behavior-block{padding:11px}
  .box-design-page .sealed-response-chart--primary{min-height:0}
  .box-design-page .sealed-curve-control{grid-template-columns:minmax(0,1fr)}
  .box-design-page .sealed-curve-control>.button{grid-column:1;grid-row:auto;width:100%}
  .box-design-page .sealed-custom-volume__head{align-items:flex-start;flex-direction:column}
  .box-design-page .sealed-custom-volume__input-row{grid-template-columns:minmax(0,1fr);gap:4px}
}

@media(max-width:1360px) and (min-width:1101px){
  .box-design-page .enclosure-workspace-layout--sealed{grid-template-columns:minmax(180px,205px) minmax(0,1fr)}
  .box-design-page .enclosure-workspace-layout--sealed .enclosure-workspace-right{grid-column:2;position:static}
  .box-design-page .enclosure-workspace-layout--sealed .enclosure-tech-reference--desktop{display:none}
  .box-design-page .enclosure-workspace-layout--sealed .enclosure-tech-reference--mobile{display:block}
  .box-design-page .enclosure-workspace-layout--sealed .enclosure-tech-reference--mobile[open]{background:#fff}
}

/* Sealed starting-point guidance: scoped to the existing engineering workspace. */
.sealed-response-workspace__controls{display:grid;gap:12px;align-content:start;min-width:0}
.box-design-page{--sealed-curve-recommended:#157347}
.box-design-page .sealed-curve-control.is-recommended{--curve-accent:var(--sealed-curve-recommended)}
.box-design-page .sealed-response-comparison-curve.is-recommended{stroke:var(--sealed-curve-recommended);stroke-dasharray:6 3}
.box-design-page .sealed-frequency-legend .is-recommended{color:var(--sealed-curve-recommended);--curve-accent:var(--sealed-curve-recommended)}
.box-design-page .sealed-frequency-legend .is-recommended i{border-top-style:dashed}
.box-design-page .sealed-curve-visibility>i.is-recommended{color:var(--sealed-curve-recommended);border-top-style:dashed}
.box-design-page .sealed-probe-point.is-recommended{fill:var(--sealed-curve-recommended)}
.box-design-page .sealed-probe-row.is-recommended{--probe-accent:var(--sealed-curve-recommended)}
/* These two options share the reference-row shell, without changing reference cards. */
.box-design-page .sealed-curve-control:is(.sealed-recommendation-card,.sealed-custom-volume){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 9px;margin-top:0;padding:9px;border-radius:9px;border-color:color-mix(in srgb,var(--curve-accent) 24%,#e2e7ef);border-left:3px solid var(--curve-accent);background:color-mix(in srgb,var(--curve-accent) 2.5%,#fff);min-width:0}
.box-design-page .sealed-curve-control:is(.sealed-recommendation-card,.sealed-custom-volume)>.sealed-custom-result>span{padding:4px 6px;border:0;border-radius:6px;background:#f7f9fc}
.box-design-page .sealed-curve-control.sealed-custom-volume>.sealed-volume-input{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr)}
.box-design-page .sealed-curve-control:is(.sealed-recommendation-card,.sealed-custom-volume)>.button:disabled{opacity:1}
.box-design-page .sealed-recommendation-actions{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:0 8px;min-width:0}
.box-design-page .sealed-recommendation-actions>.button{min-height:24px;padding:3px 0;border:0;background:transparent;color:#17643f;font-size:10px;text-decoration:underline;text-underline-offset:2px;box-shadow:none}
.box-design-page .sealed-recommendation-actions>.button:hover{color:#105c39}
.box-design-page .sealed-recommendation-actions details{font-size:10px;line-height:1.45;color:#475467;min-width:0}
.box-design-page .sealed-recommendation-actions details[open]{flex:1 0 100%}
.box-design-page .sealed-recommendation-actions summary{cursor:pointer;font-weight:650;min-height:24px;padding:3px 0;color:#17643f}
.box-design-page .sealed-recommendation-actions p{margin:6px 0 0;overflow-wrap:anywhere}
.box-design-page .sealed-recommendation-card :is(button,summary):focus-visible{outline:2px solid #157347;outline-offset:2px}
@media(max-width:540px){.box-design-page .sealed-curve-control:is(.sealed-recommendation-card,.sealed-custom-volume){grid-template-columns:minmax(0,1fr)}.box-design-page .sealed-curve-control.sealed-custom-volume>.sealed-volume-input{grid-template-columns:minmax(0,1fr);gap:4px}}
.sealed-reference-anchor-note{font-size:12px;line-height:1.55;padding:10px 12px;border-left:3px solid #7a8c9e;background:#f5f7fa;color:#34475a;margin:10px 0}
.sealed-behavior-block .sealed-curve-control.is-unavailable{opacity:1}
.sealed-cabinet-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;padding:12px;border:1px solid #e2e7ef;border-radius:8px;background:#fff}
.sealed-cabinet-comparison span{display:grid;gap:4px;font-size:11px;color:#506176;overflow-wrap:anywhere}.sealed-cabinet-comparison b{font-size:13px;color:#253346}
.sealed-occupancy-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}
.sealed-occupancy-inputs label{display:grid;gap:6px;font-size:12px;min-width:0}.sealed-occupancy-inputs input{width:100%;min-width:0}
@media(max-width:600px){.sealed-occupancy-inputs{grid-template-columns:minmax(0,1fr)}.sealed-cabinet-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* HOQS driver-aware recommendations stay inside the Box Design Step 2 workspace. */
.box-design-page .hoqs-driver-context{display:grid;gap:11px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--design-color) 18%,#dfe5ee);border-radius:10px;background:color-mix(in srgb,var(--design-color) 2.5%,#fff)}
.box-design-page .hoqs-driver-context--empty{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.box-design-page .hoqs-driver-context--empty>div{display:grid;gap:3px}
.box-design-page .hoqs-driver-context--empty small,.box-design-page .hoqs-driver-context__head small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.08em}
.box-design-page .hoqs-driver-context--empty h4,.box-design-page .hoqs-driver-context__head h4{margin:0;color:var(--ink);font-size:var(--font-lg);line-height:1.25}
.box-design-page .hoqs-driver-context--empty p,.box-design-page .hoqs-driver-context__head p{margin:0;color:#667085;font-size:var(--font-sm);line-height:1.45}
.box-design-page .hoqs-driver-context__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:12px;align-items:center}
.box-design-page .hoqs-driver-context__head>div:first-child{display:grid;gap:3px}
.box-design-page .hoqs-driver-context__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.box-design-page .hoqs-driver-context__facts>span{display:grid;gap:1px;padding:6px 7px;border:1px solid #e8ebf0;border-radius:7px;background:#fff}
.box-design-page .hoqs-driver-context__facts small{color:#98a2b3;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.box-design-page .hoqs-driver-context__facts b{color:#344054;font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.box-design-page .hoqs-recommendation-method{display:grid;gap:2px;padding:8px 9px;border-left:3px solid var(--design-color);background:#fff;color:#667085;font-size:10px;line-height:1.4}
.box-design-page .hoqs-recommendation-method strong{color:#344054}
.box-design-page .hoqs-recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}
.box-design-page .hoqs-recommendation-card{display:grid;grid-template-rows:145px 1fr;min-width:0;border:1px solid #e1e6ee;border-radius:9px;background:#fff;overflow:hidden}
.box-design-page .hoqs-recommendation-card__visual{display:grid;place-items:center;background:#f8fafc;border-bottom:1px solid #edf0f4;overflow:hidden}
.box-design-page .hoqs-recommendation-card__visual>img{width:100%;height:100%;object-fit:contain;background:#fff}
.box-design-page .hoqs-recommendation-card__body{display:grid;gap:7px;padding:10px}
.box-design-page .hoqs-recommendation-card__badges{display:flex;gap:5px;flex-wrap:wrap}
.box-design-page .hoqs-recommendation-card__badges span{padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--design-color) 9%,#fff);color:#3155d9;font-size:10px;font-weight:800}
.box-design-page .hoqs-recommendation-card h4{margin:0;color:var(--ink);font-size:var(--font-base);line-height:1.25}
.box-design-page .hoqs-recommendation-card__match,.box-design-page .hoqs-recommendation-card__source,.box-design-page .hoqs-recommendation-card__provenance{margin:0;color:#667085;font-size:10px;line-height:1.4}
.box-design-page .hoqs-recommendation-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.box-design-page .hoqs-recommendation-card__facts>span{display:grid;gap:1px;padding:5px 6px;border-radius:6px;background:#f7f8fa}
.box-design-page .hoqs-recommendation-card__facts small{color:#98a2b3;font-size:10px;text-transform:uppercase}
.box-design-page .hoqs-recommendation-card__facts b{color:#344054;font-size:10px;line-height:1.3}
.box-design-page .hoqs-recommendation-card .button{justify-self:start;min-height:32px;padding:5px 8px;font-size:10px}
.box-design-page .hoqs-recommendation-empty{display:grid;gap:2px;padding:10px;border:1px dashed #ccd5e2;border-radius:8px;background:#fff;color:#667085;font-size:10px;line-height:1.4}
.box-design-page .hoqs-recommendation-empty strong{color:#344054;font-size:var(--font-sm)}
.box-design-page .enclosure-library-card.has-driver-match{border-color:color-mix(in srgb,var(--design-color) 42%,#dfe5ee);box-shadow:inset 0 3px 0 color-mix(in srgb,var(--design-color) 75%,#253b8f)}
.box-design-page .enclosure-library-card__driver-match{display:grid;gap:1px;padding:6px 7px;border-radius:7px;background:color-mix(in srgb,var(--design-color) 5%,#fff);text-align:left}
.box-design-page .enclosure-library-card__driver-match b{color:#3155d9;font-size:10px;line-height:1.3}
.box-design-page .enclosure-library-card__driver-match small{color:#667085;font-size:10px;line-height:1.3}
.box-design-page .enclosure-selected-driver-status{display:grid;gap:2px;margin:0 14px 10px;padding:8px 9px;border-radius:8px;font-size:10px;line-height:1.4}
.box-design-page .enclosure-selected-driver-status strong{font-size:var(--font-sm)}
.box-design-page .enclosure-selected-driver-status.is-matched{border:1px solid color-mix(in srgb,var(--design-color) 25%,#dfe5ee);background:color-mix(in srgb,var(--design-color) 4%,#fff);color:#475467}
.box-design-page .enclosure-selected-driver-status.is-matched strong{color:#3155d9}
.box-design-page .enclosure-selected-driver-status.is-unmatched{border:1px solid #f0d2a7;background:#fff9ef;color:#8a4b08}
.box-design-page .enclosure-selected-driver-status small{color:#667085;font-size:10px}
.box-design-page .enclosure-driver-group span.is-selected-driver-match{border:1px solid color-mix(in srgb,var(--design-color) 35%,#d8dee8);background:color-mix(in srgb,var(--design-color) 6%,#fff);color:#3155d9;font-weight:750}
.box-design-page .enclosure-detail-note--warning{margin:0 14px 12px;padding:7px 8px;border-radius:7px;background:#fff7ed;color:#9a3412}
@media(max-width:760px){
  .box-design-page .hoqs-driver-context--empty,.box-design-page .hoqs-driver-context__head{grid-template-columns:minmax(0,1fr)}
  .box-design-page .hoqs-driver-context--empty .button{justify-self:start}
  .box-design-page .hoqs-recommendation-card{grid-template-rows:170px 1fr}
}
@media(max-width:480px){
  .box-design-page .hoqs-driver-context__facts,.box-design-page .hoqs-recommendation-card__facts{grid-template-columns:minmax(0,1fr)}
}


/* Official Ricox HOQS editor: server-authorized, revisioned and scoped to Box Design. */
.box-design-page .enclosure-detail-actions{flex-wrap:wrap}
.hoqs-editor-dialog{width:min(1180px,calc(100vw - 28px));max-width:none;height:min(900px,calc(100dvh - 28px));max-height:none;padding:0;border:1px solid #d8dee8;border-radius:16px;background:#fff;color:#101828;box-shadow:0 28px 80px #10182838;overflow:hidden}
.hoqs-editor-dialog::backdrop{background:#10182880;backdrop-filter:blur(3px)}
.hoqs-editor-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0}
.hoqs-editor-head{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:16px;align-items:start;padding:18px 20px;border-bottom:1px solid #e7ebf1;background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 5%,#fff),#fff)}
.hoqs-editor-head>div:first-child{display:grid;gap:4px;min-width:0}
.hoqs-editor-head small{color:var(--purple);font-size:10px;font-weight:850;letter-spacing:.08em}
.hoqs-editor-head h2{margin:0;color:#101828;font-size:clamp(22px,2.5vw,34px);line-height:1.16;overflow-wrap:anywhere}
.hoqs-editor-head p{margin:0;color:#667085;font-size:12px;line-height:1.45}
.hoqs-editor-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d8dee8;border-radius:9px;background:#fff;color:#344054;font:700 24px/1 system-ui;cursor:pointer}
.hoqs-editor-close:hover{border-color:var(--purple);color:var(--purple)}
.hoqs-editor-close:focus-visible{outline:3px solid color-mix(in srgb,var(--purple) 32%,transparent);outline-offset:2px}
.hoqs-editor-status{display:grid;grid-template-columns:auto auto;gap:3px 8px;align-items:center;justify-items:end;min-width:180px}
.hoqs-editor-status>span{padding:4px 7px;border-radius:999px;background:#eef2f6;color:#475467;font-size:10px;font-weight:850;letter-spacing:.05em}
.hoqs-editor-status>span.is-draft{background:#fff7e8;color:#8a4b08}.hoqs-editor-status>span.is-reviewed{background:#eef4ff;color:#3155d9}.hoqs-editor-status>span.is-published{background:#ecfdf3;color:#067647}.hoqs-editor-status>span.is-source{background:#f2f4f7;color:#475467}
.hoqs-editor-status strong{font-size:12px}.hoqs-editor-status small{grid-column:1/-1;color:#667085;font-size:10px}
.hoqs-editor-tabs{display:flex;gap:3px;overflow-x:auto;padding:6px 14px;border-bottom:1px solid #e7ebf1;background:#fafbfc}
.hoqs-editor-tabs button{appearance:none;border:1px solid transparent;border-radius:8px;background:transparent;padding:8px 12px;color:#667085;font:750 11px/1.2 system-ui;white-space:nowrap;cursor:pointer}
.hoqs-editor-tabs button.is-active{border-color:color-mix(in srgb,var(--purple) 20%,#d8dee8);background:#fff;color:var(--purple);box-shadow:0 2px 8px #1018280d}
.hoqs-editor-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--purple) 30%,transparent)}
.hoqs-editor-body{min-height:0;overflow:auto;padding:16px 18px;background:#fbfcfe}
.hoqs-editor-panel{display:grid;gap:14px}
.hoqs-editor-help{display:grid;gap:3px;padding:10px 12px;border-left:3px solid var(--design-color);border-radius:0 8px 8px 0;background:#fff;color:#667085;font-size:11px;line-height:1.45}
.hoqs-editor-help strong{color:#344054;font-size:12px}
.hoqs-editor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hoqs-editor-field{display:grid;gap:5px;min-width:0;color:#475467;font-size:11px;font-weight:750}
.hoqs-editor-field.is-wide,.hoqs-editor-check.is-wide{grid-column:1/-1}
.hoqs-editor-field input,.hoqs-editor-field textarea,.hoqs-editor-field select,.hoqs-editor-upload input,.hoqs-editor-upload select{width:100%;min-width:0;border:1px solid #cfd6e2;border-radius:8px;background:#fff;padding:9px 10px;color:#101828;font:500 12px/1.4 system-ui;box-sizing:border-box}
.hoqs-editor-field textarea{resize:vertical;min-height:74px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.hoqs-editor-field input:focus,.hoqs-editor-field textarea:focus,.hoqs-editor-upload input:focus,.hoqs-editor-upload select:focus{outline:3px solid color-mix(in srgb,var(--purple) 22%,transparent);border-color:var(--purple)}
.hoqs-editor-check{display:flex;align-items:center;gap:8px;color:#344054;font-size:11px;font-weight:700}.hoqs-editor-check input{accent-color:var(--purple)}
.hoqs-editor-upload{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px;border:1px solid #e1e6ee;border-radius:10px;background:#fff}
.hoqs-editor-upload label{display:grid;gap:4px;color:#475467;font-size:10px;font-weight:750;min-width:0}.hoqs-editor-upload .button{align-self:end;min-height:38px}
.hoqs-editor-assets,.hoqs-editor-documents{display:grid;gap:8px}
.hoqs-editor-asset{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto auto auto;gap:10px;align-items:center;padding:9px;border:1px solid #e1e6ee;border-radius:10px;background:#fff}
.hoqs-editor-asset.is-excluded,.hoqs-editor-document.is-excluded{background:#f8fafc;opacity:.78}
.hoqs-editor-asset>img{width:92px;height:70px;border:1px solid #e5e9ef;border-radius:7px;object-fit:contain;background:#fff}
.hoqs-editor-asset>div,.hoqs-editor-document>div{display:grid;gap:2px;min-width:0}.hoqs-editor-asset strong,.hoqs-editor-document strong{color:#344054;font-size:12px;overflow-wrap:anywhere}.hoqs-editor-asset small,.hoqs-editor-document small{color:#667085;font-size:10px}.hoqs-editor-asset code,.hoqs-editor-document code{color:#98a2b3;font-size:10px;overflow-wrap:anywhere}
.hoqs-editor-asset>label,.hoqs-editor-document>label{display:flex;align-items:center;gap:5px;color:#475467;font-size:10px;font-weight:700;white-space:nowrap}.hoqs-editor-asset input,.hoqs-editor-document input{accent-color:var(--purple)}
.hoqs-editor-order{display:flex;gap:3px}.hoqs-editor-order .button{min-width:30px;padding:5px 7px}
.hoqs-editor-document{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e1e6ee;border-radius:10px;background:#fff}
.hoqs-editor-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hoqs-editor-history>section{display:grid;align-content:start;gap:8px;padding:11px;border:1px solid #e1e6ee;border-radius:10px;background:#fff}.hoqs-editor-history h4{margin:0;color:#344054;font-size:13px}.hoqs-editor-history article{display:flex;justify-content:space-between;gap:9px;padding:8px 0;border-bottom:1px solid #edf0f4}.hoqs-editor-history article:last-child{border-bottom:0}.hoqs-editor-history article>div{display:grid;gap:2px;min-width:0}.hoqs-editor-history strong{font-size:11px;color:#344054}.hoqs-editor-history small,.hoqs-editor-history p{margin:0;color:#667085;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.hoqs-editor-empty{margin:0;padding:20px;border:1px dashed #ccd5e2;border-radius:9px;background:#fff;color:#667085;font-size:11px;text-align:center}
.hoqs-editor-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:end;padding:12px 18px;border-top:1px solid #dfe5ee;background:#fff}.hoqs-editor-footer>label{display:grid;gap:4px;color:#475467;font-size:10px;font-weight:750}.hoqs-editor-footer textarea{width:100%;min-width:0;border:1px solid #cfd6e2;border-radius:8px;padding:8px 9px;font:500 11px/1.4 system-ui;resize:vertical;box-sizing:border-box}.hoqs-editor-footer>div{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.hoqs-editor-footer>p{grid-column:1/-1;margin:0;min-height:14px;color:#067647;font-size:10px}.hoqs-editor-footer>p.is-error{color:#b42318}
.hoqs-editor-loading{display:grid;place-items:center;gap:8px;min-height:260px;padding:30px;color:#475467;text-align:center}.hoqs-editor-loading.is-error{color:#b42318}.hoqs-editor-loading p{margin:0;font-size:12px}
@media(max-width:820px){.hoqs-editor-dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.hoqs-editor-head{grid-template-columns:minmax(0,1fr) 34px}.hoqs-editor-status{grid-column:1/-1;grid-row:2;justify-items:start;grid-template-columns:auto auto}.hoqs-editor-status small{grid-column:auto}.hoqs-editor-close{grid-column:2;grid-row:1}.hoqs-editor-form-grid,.hoqs-editor-history{grid-template-columns:minmax(0,1fr)}.hoqs-editor-field.is-wide,.hoqs-editor-check.is-wide{grid-column:1}.hoqs-editor-upload{grid-template-columns:repeat(2,minmax(0,1fr))}.hoqs-editor-asset{grid-template-columns:72px minmax(0,1fr) auto}.hoqs-editor-asset>img{width:72px;height:62px}.hoqs-editor-asset>label,.hoqs-editor-asset>.hoqs-editor-order,.hoqs-editor-asset>.button{grid-column:2/-1;justify-self:start}.hoqs-editor-document{grid-template-columns:minmax(0,1fr) auto}.hoqs-editor-document>.hoqs-editor-order,.hoqs-editor-document>.button{grid-column:1/-1;justify-self:start}.hoqs-editor-footer{grid-template-columns:minmax(0,1fr)}.hoqs-editor-footer>div{justify-content:flex-start}}
@media(max-width:480px){.hoqs-editor-head,.hoqs-editor-body,.hoqs-editor-footer{padding-left:11px;padding-right:11px}.hoqs-editor-upload{grid-template-columns:minmax(0,1fr)}.hoqs-editor-asset{grid-template-columns:64px minmax(0,1fr)}.hoqs-editor-asset>img{width:64px;height:58px}.hoqs-editor-asset>label,.hoqs-editor-asset>.hoqs-editor-order,.hoqs-editor-asset>.button{grid-column:1/-1}.hoqs-editor-footer>div .button{flex:1 1 100%}}


.hoqs-editor-transform{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.hoqs-editor-transform select{min-height:32px;border:1px solid #cfd6e2;border-radius:7px;background:#fff;color:#344054;padding:4px 7px;font:inherit;font-size:10px}
.hoqs-editor-transform select:focus-visible{outline:3px solid color-mix(in srgb,var(--purple) 28%,transparent);outline-offset:2px}

/* HOQS Engineering Match V1 — Phase A */
.box-design-page .hoqs-published-recommendations,.box-design-page .hoqs-engineering-analogs{display:grid;gap:8px}
.box-design-page .hoqs-published-recommendations>header,.box-design-page .hoqs-engineering-analogs>header{display:grid;gap:2px}
.box-design-page .hoqs-published-recommendations>header small,.box-design-page .hoqs-engineering-analogs>header small{color:var(--design-color);font-size:10px;font-weight:850;letter-spacing:.08em}
.box-design-page .hoqs-published-recommendations>header h5,.box-design-page .hoqs-engineering-analogs>header h5{margin:0;color:var(--ink);font-size:var(--font-base);line-height:1.3}
.box-design-page .hoqs-engineering-analogs>header p{margin:0;color:#667085;font-size:10px;line-height:1.4}
.box-design-page .hoqs-recommendation-card.is-engineering-analog{border-color:color-mix(in srgb,var(--learn-color) 38%,#dfe5ee);box-shadow:inset 0 3px 0 color-mix(in srgb,var(--learn-color) 72%,#557600)}
.box-design-page .hoqs-recommendation-card.is-engineering-analog .hoqs-recommendation-card__badges span{background:color-mix(in srgb,var(--learn-color) 11%,#fff);color:#537400}
.box-design-page .hoqs-engineering-evaluations{display:grid;gap:9px}
.box-design-page .hoqs-engineering-evaluation{display:grid;gap:7px;padding:9px;border:1px solid color-mix(in srgb,var(--learn-color) 22%,#e2e7ef);border-radius:8px;background:color-mix(in srgb,var(--learn-color) 3%,#fff)}
.box-design-page .hoqs-engineering-evaluation__head{display:grid;gap:2px}
.box-design-page .hoqs-engineering-evaluation__head strong{color:#435f00;font-size:11px;line-height:1.3}
.box-design-page .hoqs-engineering-evaluation__head span,.box-design-page .hoqs-engineering-evaluation__note{margin:0;color:#667085;font-size:10px;line-height:1.4}
.box-design-page .hoqs-analog-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.box-design-page .hoqs-analog-comparison>span{display:grid;gap:1px;padding:5px 6px;border:1px solid #edf0f4;border-radius:6px;background:#fbfcfd;min-width:0}
.box-design-page .hoqs-analog-comparison small{color:#667085;font-size:10px;font-weight:750}
.box-design-page .hoqs-analog-comparison b{color:#1f2937;font-size:10px;line-height:1.25}
.box-design-page .hoqs-analog-comparison em{color:#7b8494;font-size:10px;font-style:normal;line-height:1.3;overflow-wrap:anywhere}
.box-design-page .enclosure-library-card.has-engineering-analog{border-color:color-mix(in srgb,var(--learn-color) 36%,#dfe5ee);box-shadow:inset 0 3px 0 color-mix(in srgb,var(--learn-color) 68%,#557600)}
.box-design-page .enclosure-library-card__driver-match.is-engineering-analog{background:color-mix(in srgb,var(--learn-color) 8%,#fff)}
.box-design-page .enclosure-library-card__driver-match.is-engineering-analog b{color:#537400}
.box-design-page .enclosure-selected-driver-status.is-analog{border:1px solid color-mix(in srgb,var(--learn-color) 34%,#dfe5ee);background:color-mix(in srgb,var(--learn-color) 7%,#fff);color:#526117}
.box-design-page .enclosure-selected-driver-status.is-analog strong{color:#435f00}
.box-design-page .enclosure-analog-detail{display:grid;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--learn-color) 28%,#dfe5ee);border-radius:8px;background:color-mix(in srgb,var(--learn-color) 4%,#fff)}
.box-design-page .enclosure-analog-detail>header{display:grid;gap:2px}
.box-design-page .enclosure-analog-detail>header strong{color:#344054;font-size:var(--font-sm)}
.box-design-page .enclosure-analog-detail>header span,.box-design-page .enclosure-analog-detail>p{margin:0;color:#667085;font-size:10px;line-height:1.4}
@media(max-width:480px){.box-design-page .hoqs-analog-comparison{grid-template-columns:minmax(0,1fr)}}

/* HOQS Library UX polish — compact context, sidebar method and stable recommendation cards. */
.box-design-page .enclosure-workspace-right{display:grid;gap:10px;align-content:start}
.box-design-page .enclosure-library-workspace-head{gap:3px;padding:10px 12px}
.box-design-page .enclosure-library-workspace-head h3{font-size:clamp(20px,1.45vw,25px);line-height:1.12}
.box-design-page .enclosure-library-workspace-head p{font-size:13px;line-height:1.4}
.box-design-page .hoqs-recommendation-method--sidebar{display:grid;gap:4px;padding:11px 12px;border:1px solid #dfe5ee;border-left:4px solid var(--design-color);border-radius:10px;background:#fff;box-shadow:0 3px 14px #10182808;color:#667085;font-size:10.5px;line-height:1.45}
.box-design-page .hoqs-recommendation-method--sidebar strong{color:#344054;font-size:11px}
.box-design-page .hoqs-recommendation-method--sidebar span{display:block}
.box-design-page .hoqs-driver-context{gap:9px;padding:10px 12px}
.box-design-page .hoqs-driver-context__head{grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:10px;align-items:end}
.box-design-page .hoqs-driver-context__facts{grid-template-columns:minmax(175px,1.7fr) repeat(3,minmax(82px,1fr));gap:4px}
.box-design-page .hoqs-driver-context__facts>span{display:flex;align-items:baseline;gap:5px;min-width:0;padding:5px 7px;white-space:nowrap}
.box-design-page .hoqs-driver-context__facts small{flex:0 0 auto;font-size:10px}
.box-design-page .hoqs-driver-context__facts b{min-width:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.box-design-page .hoqs-driver-context__head{grid-template-columns:minmax(0,1fr)}.box-design-page .hoqs-driver-context__facts{grid-template-columns:minmax(155px,1.7fr) repeat(3,minmax(76px,1fr))}}
@media(max-width:620px){.box-design-page .hoqs-driver-context__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.box-design-page .hoqs-driver-context__facts>span{white-space:normal}}
@media(max-width:390px){.box-design-page .hoqs-driver-context__facts{grid-template-columns:minmax(0,1fr)}}

.box-design-page .hoqs-recommendation-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-auto-rows:max-content;gap:12px;align-items:start}
.box-design-page .hoqs-recommendation-card{grid-template-rows:clamp(190px,18vw,240px) auto;align-self:start;border-radius:12px;border-color:#dfe5ec;box-shadow:0 4px 16px #1018280a}
.box-design-page .hoqs-recommendation-card__visual{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;background:linear-gradient(145deg,#f6f8fb,#fff);border-bottom:1px solid #e8edf3;overflow:hidden}
.box-design-page .hoqs-recommendation-card__visual>img{position:absolute;inset:12px;display:block;width:calc(100% - 24px);height:calc(100% - 24px);min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;background:transparent;border-radius:6px;box-sizing:border-box;transform:none}
.box-design-page .hoqs-recommendation-card__visual.is-photo>img,.box-design-page .hoqs-recommendation-card__visual.is-render>img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);background:#f8fafc}
.box-design-page .hoqs-recommendation-card__visual.is-drawing>img,.box-design-page .hoqs-recommendation-card__visual.is-measurement>img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);background:#fff}
.box-design-page .hoqs-recommendation-card__visual.is-artwork>img{inset:21% 24%;width:52%;height:58%;background:transparent}
.box-design-page .hoqs-recommendation-card__media-label{position:absolute;right:9px;bottom:8px;padding:3px 6px;border:1px solid #e0e5ec;border-radius:999px;background:#fffffff2;color:#667085;font-size:10px;font-weight:750;letter-spacing:.03em;pointer-events:none}
.box-design-page .hoqs-recommendation-card__body{align-content:start;gap:9px;padding:12px 13px 13px}
.box-design-page .hoqs-recommendation-card__badges{align-items:center;gap:5px;min-height:20px}
.box-design-page .hoqs-recommendation-card__badges span{display:inline-flex;align-items:center;width:auto;height:auto;min-width:0;min-height:0;aspect-ratio:auto;padding:4px 7px;border:0;border-radius:999px;box-shadow:none;line-height:1.2}
.box-design-page .hoqs-recommendation-card h4{font-size:15px;line-height:1.25}
.box-design-page .hoqs-engineering-evaluations{gap:8px}
.box-design-page .hoqs-engineering-evaluation{gap:8px;padding:10px;border:1px solid #e5eadc;border-left:3px solid color-mix(in srgb,var(--learn-color) 72%,#557600);border-radius:9px;background:#fff}
.box-design-page .hoqs-engineering-evaluation__head{gap:3px;padding-bottom:2px}
.box-design-page .hoqs-engineering-evaluation__head strong{font-size:11px}
.box-design-page .hoqs-engineering-evaluation__head span{font-size:10px;line-height:1.35}
.box-design-page .hoqs-recommendation-card__facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.box-design-page .hoqs-recommendation-card__facts>span{padding:6px 7px;border:1px solid #edf0f4;background:#f8fafc}
.box-design-page .hoqs-analog-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.box-design-page .hoqs-engineering-evaluation__note{padding-top:2px}
.box-design-page .hoqs-recommendation-card__provenance{padding-top:1px}
.box-design-page .hoqs-recommendation-card .button{margin-top:1px;min-height:34px;padding:6px 10px}
@media(max-width:920px){.box-design-page .hoqs-recommendation-grid{grid-template-columns:minmax(0,1fr)}.box-design-page .hoqs-recommendation-card{grid-template-rows:205px auto}.box-design-page .hoqs-recommendation-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.box-design-page .hoqs-analog-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.box-design-page .hoqs-recommendation-card{grid-template-rows:175px auto}.box-design-page .hoqs-recommendation-card__visual>img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}.box-design-page .hoqs-recommendation-card__visual.is-artwork>img{inset:22% 25%;width:50%;height:56%}.box-design-page .hoqs-analog-comparison{grid-template-columns:minmax(0,1fr)}}

/* Explicit sealed minimum-F3 constraints; no other workspace is restyled. */
.box-design-page .sealed-curve-control:is(.sealed-recommendation-card,.sealed-custom-volume)>.sealed-curve-visibility input{flex-shrink:0}
.box-design-page .sealed-recommendation-card>details{grid-column:1/-1;min-width:0;font-size:10px;color:#475467}
.box-design-page .sealed-recommendation-card>details>summary{cursor:pointer;min-height:24px;padding:4px 0;color:#17643f;font-weight:700}
.box-design-page .sealed-recommendation-card .sealed-selection-objective{font-weight:750;color:#17643f}
.box-design-page .sealed-recommendation-card .sealed-constraint-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin:6px 0}
.box-design-page .sealed-recommendation-card .sealed-constraint-inputs label{display:grid;gap:4px;min-width:0;font-size:10px}
.box-design-page .sealed-recommendation-card .sealed-constraint-inputs input{width:100%;min-width:0;height:30px;padding:4px 5px;font-size:11px;border:1px solid #cbd5e1;border-radius:5px}
.box-design-page .sealed-recommendation-card .sealed-constraint-inputs .box-input-with-unit{min-width:0}
.box-design-page .sealed-recommendation-card .sealed-constraint-inputs b{padding:0 4px;font-size:10px}
.box-design-page .sealed-recommendation-card details p{margin:6px 0;line-height:1.45;overflow-wrap:anywhere}
.box-design-page .sealed-recommendation-card [data-sealed-clear-constraints]{min-height:28px;padding:4px 8px;font-size:10px;background:#fff;color:#17643f;border:1px solid #a9c9b7}
.box-design-page .sealed-recommendation-card .sealed-required-checks label,.box-design-page .sealed-recommendation-card .sealed-range-choice{display:flex;align-items:center;gap:6px;min-height:24px;font-size:10px}
.box-design-page .sealed-recommendation-card [data-sealed-manual-limit-warning],.box-design-page [data-manufacturer-limit-warning]{color:#8a3413}
.box-design-page .sealed-recommendation-card [data-sealed-validation-state]{font-size:10px;color:#667085}
@media(max-width:540px){.box-design-page .sealed-recommendation-card .sealed-constraint-inputs{grid-template-columns:minmax(0,1fr)}}

/* Sealed required-T/S diagnostics: presentation only; simulation remains fail-closed. */
.box-design-page .sealed-required-data-diagnostic{display:grid;gap:7px;min-width:0;max-width:100%;padding:10px 12px;border:1px solid #e7cda8;border-left:3px solid #c17a26;border-radius:9px;background:#fffaf2;color:#523b20;text-align:left}
.box-design-page .sealed-required-data-diagnostic p{margin:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:#654824}
.box-design-page .sealed-required-data-diagnostic p strong{color:#59411e}
.box-design-page .sealed-required-data-diagnostic p b{color:#86430e;font-weight:800}
.box-design-page .sealed-required-data-diagnostic .button{min-height:36px;justify-self:start;font-size:11px;max-width:100%}
.box-design-page .sealed-frequency-empty:has(.sealed-required-data-diagnostic){display:grid;gap:9px;align-content:center;justify-items:stretch}
@media(max-width:600px){.box-design-page .sealed-required-data-diagnostic{padding:9px 10px}.box-design-page .sealed-required-data-diagnostic .button{min-height:44px;width:100%}}

/* Curated HOQS empty-cover state: attribution/logo sheets remain in the source archive. */
.box-design-page .enclosure-library-card__placeholder{display:grid;justify-items:center;align-content:center;gap:7px;height:auto;min-height:74px;width:100%;max-width:100%;padding:7px;text-align:center;color:#667085}
.box-design-page .enclosure-library-card__placeholder-icon{display:flex;align-items:flex-end;gap:5px;height:55px}
.box-design-page .enclosure-library-card__placeholder-label{display:block;font-size:10px;line-height:1.35;font-weight:650;max-width:23ch;overflow-wrap:anywhere}
.box-design-page .hoqs-recommendation-card__visual.is-placeholder{background:#f8fafc}

/* Keep every source cover inside its engineering card without cropping. */
.box-design-page .enclosure-library-card__visual>img{position:absolute;inset:7px;display:block;width:calc(100% - 14px);height:calc(100% - 14px);min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;box-sizing:border-box;transform:none}

/* T/S source/model reconciliation: one concise nonblocking Sealed note. */
.box-design-page .sealed-rms-model-note{padding:9px 11px;margin:8px 0;border-left:3px solid #087f83;border-radius:7px;background:#eef8f8;color:#3d5260;font-size:11px;line-height:1.45}
.box-design-page .sealed-rms-model-note strong{color:#125f66}
.box-design-page .driver-data-review [data-driver-review-details][hidden]{display:none}

/* Box Design driver picker colors: scoped presentation only. */
.app-section--design .studio-driver-picker{
  border-color:color-mix(in srgb,var(--purple) 18%,var(--line));
  border-top-color:var(--drivers-color);
  background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 6%,#fff),#fff 180px);
  box-shadow:inset 0 3px 0 var(--drivers-color),0 8px 22px color-mix(in srgb,var(--purple) 5%,transparent);
}
.app-section--design .studio-driver-picker:not([open]){
  background-image:linear-gradient(180deg,color-mix(in srgb,var(--purple) 6%,#fff),#fff);
}
.studio-driver-picker .studio-driver-library .box-driver-select{
  border-color:var(--purple);
  background:var(--purple);
  color:#fff;
  box-shadow:none;
  filter:none;
}
.studio-driver-picker .studio-driver-library .box-driver-select:hover{
  border-color:color-mix(in srgb,var(--purple) 86%,#000);
  background:color-mix(in srgb,var(--purple) 86%,#000);
}
.studio-driver-picker .studio-driver-library .box-driver-select[aria-pressed="true"]{
  border-color:color-mix(in srgb,var(--purple) 45%,#fff);
  background:color-mix(in srgb,var(--purple) 8%,#fff);
  color:var(--purple);
}
.studio-driver-picker .studio-driver-library .box-driver-select[aria-pressed="true"]:hover{
  background:color-mix(in srgb,var(--purple) 12%,#fff);
}
.studio-driver-picker .studio-driver-library .box-driver-select:focus-visible{
  outline:3px solid var(--purple);
  outline-offset:3px;
}
.studio-driver-picker .studio-driver-library .driver-card-footer .driver-card__link{
  color:var(--page-accent-dark);
}
.studio-driver-picker .studio-driver-library .driver-card-footer .driver-card__link:hover{
  color:color-mix(in srgb,var(--page-accent-dark) 85%,#000);
}
.studio-driver-picker .studio-driver-library .driver-card-footer .driver-card__link:focus-visible{
  outline:3px solid var(--page-accent-dark);
  outline-offset:3px;
}