/* At enlarged text sizes the fixed two-column workspace squeezes the shelf
   title into one-word lines. Reflow it before the content loses meaning. */
:root .lab-page:is([style*="--lab-scale: 1.75"],[style*="--lab-scale: 2"]) .lab-workspace{
 grid-template-columns:minmax(0,1fr)!important;
}

/* Direct Shelf Store only. Owner opts the ten-card list in with this attribute. */
.lab-page .xf3-story__details:has([data-xf3-benefits-refined]){
 grid-template-columns:minmax(0,1fr)!important;gap:1.5em!important;
}
.lab-page .xf3-story__details:has([data-xf3-benefits-refined]) .xf3-story__details-heading{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);
 align-content:center;gap:.6em 2em;
}
.lab-page .xf3-story__details:has([data-xf3-benefits-refined]) .xf3-story__details-heading>:not(.xf3-page-garden){
 grid-column:1;margin-top:0;margin-bottom:0;
}
.lab-page .xf3-story__details:has([data-xf3-benefits-refined]) .xf3-story__details-heading>.xf3-page-garden{
 grid-column:2;grid-row:1 / span 3;height:260px!important;min-height:0!important;margin:0!important;
}
[data-xf3-benefits-refined]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1em!important;list-style:none;padding:0!important;margin:0;font-size:calc(16px * var(--lab-scale,1));}
[data-xf3-benefits-refined]>li{display:grid!important;grid-template-columns:3em minmax(0,1fr);align-content:start;column-gap:.9em;row-gap:.35em;padding:1.1em!important;min-width:0;height:auto!important;background:var(--store-paper,#f6faf9);color:var(--store-ink,#183643);border:1px solid var(--store-line,#b9cbd1);border-radius:12px;}
html.xform3-themed .lab-page .xf3-story [data-xf3-benefits-refined]>li{
 border:1px solid var(--store-line,#b9cbd1)!important;
 background:var(--store-paper,#f6faf9)!important;
 border-radius:12px!important;
}
[data-xf3-benefits-refined] .xf3-story__feature-icon{grid-column:1;grid-row:1 / span 2;width:3em!important;height:3em!important;object-fit:contain;margin:0!important;}
[data-xf3-benefits-refined]>li>strong{grid-column:2;font-size:1.15em!important;line-height:1.3;font-weight:600;letter-spacing:0;}
[data-xf3-benefits-refined]>li>span{grid-column:2!important;font-size:1em!important;line-height:1.55;overflow-wrap:anywhere;max-height:none!important;overflow:visible!important;opacity:1;color:inherit;}
@media(max-width:760px){
 .lab-page .xf3-story__details:has([data-xf3-benefits-refined]) .xf3-story__details-heading{grid-template-columns:minmax(0,1fr)}
 .lab-page .xf3-story__details:has([data-xf3-benefits-refined]) .xf3-story__details-heading>.xf3-page-garden{grid-column:1;grid-row:auto;height:230px!important;margin-top:1em!important}
 [data-xf3-benefits-refined]{grid-template-columns:minmax(0,1fr)}
 [data-xf3-benefits-refined]>li>span{grid-column:1/-1!important}
}

/* Keep the material and estimates in the original preview position. */
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material{
 position:absolute!important;top:20px!important;right:18px!important;bottom:auto!important;left:auto!important;
 display:grid!important;justify-items:end;gap:2px;width:min(39%,240px)!important;
 max-width:calc(100% - 220px)!important;padding:0!important;margin:0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 color:#1c4356!important;text-align:right!important;
 font:400 calc(15px * var(--lab-scale,1))/1.25 var(--store-body,Arial,sans-serif)!important;
 text-shadow:0 1px 2px #fff,0 0 9px #fff,0 0 18px #fff!important;
 pointer-events:none;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-kind{
 font:600 1.6em/1.08 var(--store-display,'XF3Cormorant',Georgia,serif)!important;
 letter-spacing:-.012em!important;text-transform:none!important;color:#194f68!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material [data-preview-thickness]{
 font:600 1.6em/1.05 var(--store-body,Arial,sans-serif)!important;margin:.08em 0 .12em!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material :is(.lab-material-pmma,.lab-empty-shelf-weight,.lab-shelf-capacity){
 font-size:.94em!important;line-height:1.22!important;white-space:normal!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-empty-shelf-weight{margin-top:.28em!important;color:#315d70!important}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-shelf-capacity{
 display:inline-flex!important;flex-wrap:wrap;justify-content:flex-end;gap:.2em .35em;
 margin-top:.12em!important;color:#155d7a!important;text-align:right!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-preview-save{
 max-width:100%!important;min-height:34px;margin-top:.42em!important;padding:.45em .7em!important;
 font-size:.94em!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material [hidden]{display:none!important}
:root .xf3-store-sky-layer .store-sky-daylight>circle:nth-child(2){
 fill:#fff5b4!important;opacity:1!important;filter:drop-shadow(0 0 11px rgb(255 239 158 / .8));
}
@media(max-width:760px){
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material{
  top:12px!important;right:12px!important;width:min(42%,170px)!important;
  max-width:calc(100% - 164px)!important;font-size:calc(13px * var(--lab-scale,1))!important;
 }
}
@media(max-width:480px){
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material{
  position:static!important;display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;
  gap:.2em .7em;width:auto!important;max-width:none!important;padding:9px 12px 12px!important;
  text-align:left!important;font-size:calc(13px * var(--lab-scale,1))!important;text-shadow:none!important;
 }
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-kind{
  flex-basis:100%;font-size:1.55em!important;
 }
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-shelf-capacity{justify-content:flex-start;text-align:left!important}
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-preview-save{margin-left:auto!important}
}

/* Compact the original preview annotations so they clear the shelf silhouette. */
@media(min-width:761px){
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material{
  display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:baseline;
  column-gap:8px;row-gap:1px;width:min(43%,270px)!important;
  font-size:calc(14px * var(--lab-scale,1))!important;
 }
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-kind,
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-shelf-capacity,
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-preview-save{grid-column:1/-1}
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material [data-preview-thickness]{grid-column:1;font-size:1.48em!important}
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-pmma{grid-column:2;font-size:.91em!important}
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material>span:not(.lab-material-kind):not(.lab-material-pmma):not(.lab-empty-shelf-weight){grid-column:1;font-size:.9em!important}
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-empty-shelf-weight{grid-column:2;font-size:.83em!important;white-space:nowrap!important}
}

/* Large type needs an in-flow detail row, still attached to the preview. */
:root .lab-page:is([style*="--lab-scale: 1.75"],[style*="--lab-scale: 2"]) .lab-viewer-shell .lab-preview-material{
 position:static!important;display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;
 gap:.25em .7em;width:auto!important;max-width:none!important;padding:12px 16px 16px!important;
 text-align:left!important;text-shadow:none!important;font-size:calc(13px * var(--lab-scale,1))!important;
}
:root .lab-page:is([style*="--lab-scale: 1.75"],[style*="--lab-scale: 2"]) .lab-viewer-shell .lab-preview-material .lab-material-kind{flex-basis:100%}
:root .lab-page:is([style*="--lab-scale: 1.75"],[style*="--lab-scale: 2"]) .lab-viewer-shell .lab-preview-material .lab-shelf-capacity{justify-content:flex-start;text-align:left!important}
:root .lab-page:is([style*="--lab-scale: 1.75"],[style*="--lab-scale: 2"]) .lab-viewer-shell .lab-preview-material .lab-preview-save{margin-left:auto!important}

@media(max-width:480px){
 :root .lab-page .xf3v2__builder,
 :root .lab-page .xf3v2__form,
 :root .lab-page .xf3v2__summary{min-width:0!important;max-width:100%!important;width:100%!important}
 :root .lab-page .xf3v2__summary{grid-template-columns:minmax(0,1fr)!important}
 :root .lab-page .lab-summary-purchase{flex-wrap:wrap!important;white-space:normal!important;min-width:0!important;max-width:100%!important}
 :root .lab-page .xf3v2__price{flex-wrap:wrap!important;white-space:normal!important;max-width:100%!important}
 :root .lab-page .lab-price-discounts,
 :root .lab-page .lab-summary-price-row{grid-template-columns:minmax(0,1fr)!important;max-width:100%!important}
 :root .lab-page .lab-summary-plus-shipping{white-space:normal!important;flex-wrap:wrap!important;max-width:100%!important}
 :root .lab-page .lab-volume-tiers{flex-wrap:wrap!important;max-width:100%!important}
}

/* The angled line drawing occupies the corner used by the 3D annotations. */
:root .lab-page[data-store-finish] .lab-viewer-shell:has(.lab-view-modes button:nth-child(2)[aria-pressed="true"]) .lab-preview-material{
 position:static!important;display:flex!important;flex-wrap:wrap;align-items:baseline;
 justify-content:flex-start;gap:.25em .7em;width:auto!important;max-width:none!important;
 padding:8px 14px 12px!important;text-align:left!important;text-shadow:none!important;
 font-size:calc(15px * var(--lab-scale,1))!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell:has(.lab-view-modes button:nth-child(2)[aria-pressed="true"]) .lab-preview-material .lab-shelf-capacity{
 justify-content:flex-start;text-align:left!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell:has(.lab-view-modes button:nth-child(2)[aria-pressed="true"]) .lab-preview-material .lab-preview-save{
 margin-left:auto!important;
}

/* Keep the material specification immediately under its preview heading. */
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-kind{
 font-size:1.9em!important;font-weight:700!important;line-height:1.03!important;
 color:#104c68!important;text-shadow:0 1px 2px #fff,0 0 9px #fff!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-specs{
 grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;
 gap:.15em .36em;width:100%;line-height:1.2;color:#19475e;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-specs [data-preview-thickness]{
 font-size:1.16em!important;line-height:1.15!important;margin:0!important;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-specs :is(.lab-material-form,.lab-material-pmma){
 font-size:.93em!important;font-weight:500;line-height:1.2!important;white-space:nowrap;
}
:root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-specs :is(.lab-material-form,.lab-material-pmma)::before{
 content:"·";margin-right:.36em;color:#39718a;
}
@media(min-width:761px){
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material{width:min(49%,325px)!important}
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-empty-shelf-weight{
  grid-column:1/-1;font-size:.89em!important;white-space:normal!important;
 }
}
@media(max-width:760px){
 :root .lab-page[data-store-finish] .lab-viewer-shell .lab-preview-material .lab-material-specs{justify-content:flex-start}
}
:root .xf3-store-sky-layer #store-daylight-halo stop:first-child{stop-color:#fff8bc;stop-opacity:.82}
:root .xf3-store-sky-layer #store-daylight-halo stop:nth-child(2){stop-color:#fff0ad;stop-opacity:.32}
:root .xf3-store-sky-layer .store-sky-daylight{animation-duration:12s!important}
:root .xf3-store-sky-layer .store-sky-daylight>circle:first-child{animation-duration:9s!important}
:root .xf3-store-sky-layer .store-sky-daylight>circle:nth-child(2){
 fill:#fff9d2!important;opacity:1!important;filter:drop-shadow(0 0 17px rgb(255 244 166 / .88));
}
@media(prefers-reduced-motion:reduce){
 :root .xf3-store-sky-layer .store-sky-daylight,
 :root .xf3-store-sky-layer .store-sky-daylight *{animation:none!important}
}