/* A technical reference list, separate from the product catalog. */
#medidas { background:#f3f3f3; border-color:#ddd; }
#medidas .size-header { align-items:end; }
#medidas .size-header h2 { font-size:clamp(34px,3.6vw,48px); }
#medidas .size-toolbar { border-color:#d1d1d1; }
#medidas .size-filters { flex-wrap:wrap; overflow:visible; padding:0; }
#medidas .size-filters button { min-height:48px; font-size:16px; }
#medidas .measure-list { display:block; border-top:1px solid #c9c9c9; }
#medidas .measure-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto; align-items:center; gap:24px; min-width:0; padding:20px 0; border-bottom:1px solid #d2d2d2; }
#medidas .measure-label, #medidas .measure-values { min-width:0; }
#medidas .measure-label h3 { margin:0; color:#242424; font-size:18px; line-height:1.4; font-weight:650; overflow-wrap:anywhere; }
#medidas .measure-label p { margin:5px 0 0; color:#555; font-size:16px; line-height:1.5; }
#medidas .measure-values { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; }
#medidas .measure-value-label { flex-basis:100%; color:#606060; font-size:14px; line-height:1.4; }
#medidas .measure-values strong { color:#242424; font-size:21px; line-height:1.35; font-variant-numeric:tabular-nums; }
#medidas .measure-height { color:#555; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
#medidas .measure-open { min-height:48px; padding:10px 16px; border:1px solid #8c8c8c; border-radius:6px; color:#242424; background:#fff; font:inherit; font-size:16px; line-height:1.4; text-align:center; cursor:pointer; }
#medidas .measure-open:hover { background:#e8e8e8; border-color:#444; }
#medidas .measure-open:focus-visible { outline:3px solid #555; outline-offset:3px; }
#medidas .size-footnote { color:#555; font-size:16px; }
@media(max-width:800px) {
  #medidas .size-header { align-items:start; }
  #medidas .size-filters { gap:8px; }
  #medidas .size-toolbar .result-count { margin:12px 0 18px; }
  #medidas .measure-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 18px; }
  #medidas .measure-open { grid-column:1 / -1; justify-self:start; }
}
@media(max-width:480px) {
  #medidas .measure-row { grid-template-columns:minmax(0,1fr); gap:10px; padding:18px 0; }
  #medidas .measure-open { grid-column:auto; justify-self:stretch; }
  #medidas .measure-values strong { font-size:20px; }
}