/* Isolated preview: no viewport, wall, or main material-banner rules. */
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .xcg-angle-option{display:flex;flex-direction:column;min-width:0;gap:7px}
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .xcg-angle-option>button{width:100%;height:100%;margin:0}
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .lab-angle-projection{color:#a6342d;font-size:19px;font-weight:750;line-height:1.3;text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center;gap:8px}
.lab-page .xcg-angle-option .lab-angle-projection svg{width:26px;height:32px;display:block;flex:0 0 26px;margin:0;fill:#111820}
dialog.xf3-selected-capacity{box-sizing:border-box;width:min(1150px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 36px);padding:32px;border:1px solid #89a9b8;border-radius:18px;background:#f9fcfd;color:#193a4c;overflow:auto}
dialog.xf3-selected-capacity::backdrop{background:rgb(13 35 48 / .5)}
.xf3-selected-capacity main{max-width:none!important;margin:0!important;padding:0!important;font:17px/1.5 Arial,sans-serif;color:#193a4c}
.xf3-selected-capacity h1{font:700 clamp(27px,3vw,38px)/1.15 Arial,sans-serif;margin:4px 0 12px;color:#123c54}
.xf3-selected-capacity h2{font:700 21px/1.3 Arial,sans-serif;margin:0 0 14px;color:#193a4c}
.xcg-heading{padding-right:24px;margin-bottom:26px}
.xcg-eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:#37718b;margin:0}
.xcg-size{font-size:20px;font-weight:700;margin:0}.xcg-size span{font-size:16px;font-weight:400;white-space:normal}
.xcg-angles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:28px}
.xcg-choice{display:grid;grid-template-rows:auto 1fr;gap:7px}
.xcg-estimate{display:flex;align-items:center;justify-content:center;gap:7px;color:#a6342d;font-size:22px;line-height:1.25;min-height:32px}.xcg-estimate svg{width:26px;height:32px;display:block;flex:0 0 26px;color:#111820}
.xcg-choice button{border:1px solid #9db7c4;border-radius:9px;background:white;padding:12px 10px;color:#224b60;font:600 17px/1.4 Arial,sans-serif;cursor:pointer;min-height:80px;box-shadow:none}
.xcg-choice button b{font-size:22px}.xcg-choice button small{display:block;font-size:13px;font-weight:500}
.xcg-choice button[aria-pressed=true]{background:#e1f2f7;border:2px solid #1b708d;padding:11px 9px}
.xcg-choice button:focus-visible{outline:3px solid #227995;outline-offset:3px}
.xcg-views{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.xcg-views section{min-width:0}.xcg-model{height:265px;border:1px solid #d4e0e5;border-radius:12px;background:linear-gradient(#f8fafb,#e8f0f4);overflow:hidden;position:relative}.xcg-model>p{padding:28px}
.xcg-views p{margin:12px 0 20px;font-size:17px}.xcg-explanation{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #cedee5;padding-top:10px}.xcg-explanation p{margin:8px 0}
.xcg-note{font-size:14px;line-height:1.5;color:#4c6370;background:#ecf2f5;border-radius:8px;padding:12px 16px;margin:15px 0 0}
@media(max-width:700px){dialog.xf3-selected-capacity{padding:23px 16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.xcg-views,.xcg-explanation{grid-template-columns:1fr}.xcg-angles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xcg-estimate{font-size:19px}.xcg-size span{display:block;margin-top:5px}.xcg-model{height:235px}.xcg-views{gap:12px}}

html body .lab-page dialog.xf3-selected-capacity main{background:none!important;padding:0!important;font-family:Arial,sans-serif!important}
html body .lab-page dialog.xf3-selected-capacity main section,html body .lab-page dialog.xf3-selected-capacity main header{background:none!important;padding:0!important;border:0!important;box-shadow:none!important}
html body .lab-page dialog.xf3-selected-capacity h1{font:700 34px/1.15 Arial,sans-serif!important;margin:4px 0 12px!important}
html body .lab-page dialog.xf3-selected-capacity h2{font:700 20px/1.3 Arial,sans-serif!important}
html body .lab-page dialog.xf3-selected-capacity .xcg-choice button{background:#fff!important}
html body .lab-page dialog.xf3-selected-capacity .xcg-choice button[aria-pressed=true]{background:#ddf1f7!important}

/* Compact title and selected dimensions share the header's available width. */
html body .lab-page dialog.xf3-selected-capacity .xcg-heading{display:flex!important;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 22px!important;padding:0 44px 0 0!important}
html body .lab-page dialog.xf3-selected-capacity .xcg-heading h1{font-size:29px!important;margin:0!important}
.xcg-selected{text-align:right}.xcg-size{margin:0!important;font-size:20px!important}.xcg-size span{font-size:15px!important;margin-right:8px}.xcg-spec{font-size:15px;margin:3px 0 0!important;color:#47616f}
html body .lab-page dialog.xf3-selected-capacity .xcg-compare-title{font-size:17px!important;margin:0 0 8px!important}
.xcg-angles{margin-bottom:20px}.xcg-choice button{min-height:65px}
@media(max-width:700px){html body .lab-page dialog.xf3-selected-capacity .xcg-heading{align-items:flex-start;flex-direction:column;padding-right:24px!important;margin-bottom:16px!important}.xcg-selected{text-align:left}.xcg-size span{display:inline}.xcg-heading h1{font-size:26px!important}}

/* Keep each weight and unit together; let angle cards wrap when their column is narrow. */
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"]{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important}
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .lab-angle-projection{white-space:nowrap}

/* Five choices across the expanded shelf angle panel. */
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"]{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px}
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .xcg-angle-option{min-width:0}
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .xcg-angle-option>button{width:100%;height:auto;flex:1;margin:0;min-height:88px!important;padding:5px 3px!important;gap:3px!important}
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .lab-visual-icon{width:48px;height:34px}
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .lab-visual-caption{font-size:calc(12px * var(--lab-scale,1));line-height:1.15}
.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"] .xcg-angle-option--custom::before{content:"";display:block;min-height:32px}
@media(max-width:600px){.lab-page .lab-visual-picks[data-visual-group="shelf_angle_capacity"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}