.dimension-strip{max-width:720px;gap:6px;padding:5px;border:1px solid #bfbfbf;border-radius:6px;color:#222;--paper:#fff;--ink:#222;--line:#aaa;--accent:#176e78}
.dimension-strip>.bottom-dimension-card{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:0 4px;min-width:0}
.bottom-dimension-card>span,.bottom-shape-link{font-size:11px!important;text-align:center}
.bottom-dimension-card>label{display:flex;align-items:center;gap:4px;color:#222;font-size:11px}
.bottom-dimension-card>label::after{content:attr(data-unit)}
.bottom-dimension-card::after{content:attr(data-unit);font-size:10px;text-align:right;line-height:1}
.bottom-dimension-card input{height:30px;min-height:30px;padding:3px 5px;border:1px solid #aaa;border-radius:4px;background:#fff;color:#222;font-size:13px}
.bottom-dimension-card input[aria-invalid=true]{border-color:#b33}
.dimension-strip .bottom-shape-link{background:transparent;color:#222;border:0;min-height:16px;padding:0;line-height:1.4}
.dimension-strip b[hidden]{display:none}
#bottomDimensionMessage{grid-column:1/-1;min-height:0;font-size:11px;line-height:1.2;text-align:center;padding:0}
#bottomDimensionMessage:empty{display:none}
@media(max-width:900px){.dimension-strip{left:36px;right:8px;gap:2px}.dimension-strip>.bottom-dimension-card{padding:0 2px}.bottom-dimension-card>span,.bottom-shape-link{font-size:10px!important}}
.dimension-strip>.bottom-dimension-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}
.bottom-dimension-card>span,.bottom-dimension-card>.bottom-shape-link{grid-column:1/-1}
.bottom-dimension-card>label{display:flex;flex-direction:column;align-items:stretch;gap:1px;min-width:0;text-align:left}
.bottom-dimension-card::after{grid-column:1/-1}

/* 1.18.11: four cards (collar, toe, design, walls) */
.dimension-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:900px!important}
.stage{container-type:inline-size}
.dimension-strip{bottom:46px!important;max-height:45%;overflow:auto;overscroll-behavior:contain}
.dimension-strip[hidden]{display:none!important}
.bottom-dimensions-toggle{position:absolute;bottom:7px;left:0;right:0;width:max-content;margin-inline:auto;z-index:9;min-height:30px;padding:4px 10px;border:1px solid #aaa;border-radius:5px;background:#fffffff2;color:#222;font-size:11px;white-space:nowrap}
.bottom-dimension-card>label{flex-direction:row;align-items:center;text-align:left;gap:3px}
.bottom-dimension-card>label>.number-stepper{flex:1;min-width:0}
@container(max-width:720px){.dimension-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container(max-width:370px){.dimension-strip{grid-template-columns:minmax(0,1fr)!important}}