/*! Isavel · size component · v2.0.0 · 2026-11-04 · EspejoStudio
   Everything lives under .isv-rs so nothing leaks into the theme.
   Tokens = website-design-base.md §2-§5 (dirección B · Terciopelo). The block itself is transparent:
   the Elementor section around it sets the background (--surf for B10 / B4, as in the registry).
   Mobile first: one column, nothing horizontal at 390 px. Two columns from 760 px of block width. */

.isv-rs{
  --isv-bg:#0D1B17; --isv-surf:#1D392C; --isv-line:#2A4036; --isv-tx:#F1EBDD; --isv-mute:#B9B3A2; --isv-brass:#D8B26A;
  --isv-serif:'Newsreader',Georgia,'Times New Roman',serif;
  --isv-sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  container-type:inline-size;
  display:block; width:100%; max-width:100%;
  color:var(--isv-tx); font:400 17px/1.65 var(--isv-sans); letter-spacing:.01em;
  -webkit-text-size-adjust:100%;
}
.isv-rs *,.isv-rs *::before,.isv-rs *::after{box-sizing:border-box}
.isv-rs [hidden]{display:none!important}
.isv-rs p{margin:0}
.isv-rs :focus-visible{outline:2px solid var(--isv-brass);outline-offset:3px}

/* type (§3) */
.isv-rs .isv-rs__h{margin:0;font:400 22px/1.2 var(--isv-serif);color:var(--isv-tx);letter-spacing:0}
.isv-rs .isv-rs__note{font-size:16px;line-height:1.5;color:var(--isv-mute);max-width:52ch}

/* layout */
.isv-rs .isv-rs__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.isv-rs .isv-rs__ctrl,.isv-rs .isv-rs__finder{display:flex;flex-direction:column;gap:16px;min-width:0}

/* controls */
.isv-rs .isv-rs__field{display:block}
.isv-rs .isv-rs__label{display:block;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:8px;color:var(--isv-tx)}
.isv-rs .isv-rs__finder .isv-rs__label{margin-bottom:0}
.isv-rs .isv-rs__select{appearance:none;-webkit-appearance:none;width:100%;max-width:380px;min-height:52px;padding:0 44px 0 16px;border:1px solid var(--isv-mute);border-radius:2px;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23F1EBDD' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;
  color:var(--isv-tx);font:400 17px/1.2 var(--isv-sans);cursor:pointer}
.isv-rs .isv-rs__select option{background:var(--isv-bg);color:var(--isv-tx)}
.isv-rs .isv-rs__input{width:100%;max-width:240px;min-height:52px;padding:0 16px;border:1px solid var(--isv-mute);border-radius:2px;background:transparent;
  color:var(--isv-tx);font:400 19px/1.2 var(--isv-sans);font-variant-numeric:tabular-nums}
.isv-rs .isv-rs__input:focus{border-color:var(--isv-brass)}
.isv-rs .isv-rs__row{display:flex;flex-direction:column;align-items:stretch;gap:12px}

/* the button (§5): one, in two forms; hover = background and text as a pair */
.isv-rs .isv-rs__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;font:600 16px/1.2 var(--isv-sans);letter-spacing:.02em;text-align:center;text-decoration:none;border:1px solid var(--isv-brass);border-radius:2px;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.isv-rs .isv-rs__btn--primary{background:var(--isv-brass);color:var(--isv-bg);border-color:var(--isv-brass)}
.isv-rs .isv-rs__btn--ghost{background:transparent;color:var(--isv-tx);border-color:var(--isv-mute)}
.isv-rs .isv-rs__btn--primary:hover,.isv-rs .isv-rs__btn--ghost:hover{background:var(--isv-tx);color:var(--isv-bg);border-color:var(--isv-tx)}

/* measures: list of figures, label left / value right, rule between (like B7) */
.isv-rs .isv-rs__dl{margin:0;border-top:1px solid var(--isv-line)}
.isv-rs .isv-rs__dlrow{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--isv-line)}
.isv-rs .isv-rs__dl dt{font-size:16px;color:var(--isv-mute)}
.isv-rs .isv-rs__dl dd{margin:0;font-size:17px;color:var(--isv-tx);text-align:right;font-variant-numeric:tabular-nums}
.isv-rs .isv-rs__opennote{font-size:17px;line-height:1.5;color:var(--isv-tx);padding:12px 0;border-top:1px solid var(--isv-line);border-bottom:1px solid var(--isv-line)}

/* indicative drawing */
.isv-rs .isv-rs__fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.isv-rs .isv-rs__art{width:100%;max-width:400px;line-height:0}
.isv-rs .isv-rs__draw{display:block;width:100%;height:auto;overflow:visible}
.isv-rs .isv-rs__draw text{font-family:var(--isv-sans);font-variant-numeric:tabular-nums}
.isv-rs .isv-rs__cap{font-size:16px;line-height:1.5;color:var(--isv-mute);text-align:center}

/* guide: finder result */
.isv-rs .isv-rs__result{min-height:96px;padding:16px 0;border-top:1px solid var(--isv-line);border-bottom:1px solid var(--isv-line)}
.isv-rs .isv-rs__rlab{font-size:16px;font-weight:600;color:var(--isv-mute)}
.isv-rs .isv-rs__big{font:400 44px/1.1 var(--isv-serif);color:var(--isv-tx);margin:4px 0 6px;letter-spacing:-.01em}
.isv-rs .isv-rs__big span{font-style:italic;color:var(--isv-brass)}
.isv-rs .isv-rs__rsub{font-size:17px;color:var(--isv-tx);font-variant-numeric:tabular-nums;margin-bottom:6px}

/* guide: size chart. table-layout fixed + widths in % = it always fits the column, never a sideways scroll */
.isv-rs .isv-rs__chart{min-width:0}
.isv-rs .isv-rs__table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.isv-rs .isv-rs__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}   /* the H2 + lede of the section already say it */
.isv-rs .isv-rs__table th,.isv-rs .isv-rs__table td{padding:10px 6px;text-align:left;border-bottom:1px solid var(--isv-line);font-size:17px;line-height:1.3;font-weight:400}
.isv-rs .isv-rs__table thead th{font-size:16px;font-weight:600;color:var(--isv-tx);border-bottom-color:var(--isv-mute);vertical-align:bottom}
.isv-rs .isv-rs__table tbody th{font-weight:600;color:var(--isv-tx)}
.isv-rs .isv-rs__table th:nth-child(1){width:16%}
.isv-rs .isv-rs__table th:nth-child(2){width:27%}
.isv-rs .isv-rs__table th:nth-child(3){width:23%}
.isv-rs .isv-rs__table th:nth-child(4),.isv-rs .isv-rs__table th:nth-child(5){width:17%}
.isv-rs .isv-rs__table tr.isv-rs__hit th,.isv-rs .isv-rs__table tr.isv-rs__hit td{background:var(--isv-line)}
.isv-rs .isv-rs__table tr.isv-rs__hit th{color:var(--isv-brass)}
.isv-rs .isv-rs__print{display:flex;flex-direction:column;gap:12px;margin-top:48px;padding-top:32px;border-top:1px solid var(--isv-line)}

/* wider block: two columns */
@container (min-width:760px){
  .isv-rs .isv-rs__grid--measures{grid-template-columns:minmax(280px,380px) minmax(0,1fr);column-gap:64px;align-items:center}
  .isv-rs .isv-rs__grid--guide{grid-template-columns:minmax(280px,380px) minmax(0,1fr);column-gap:64px;align-items:start}
  .isv-rs .isv-rs__table th,.isv-rs .isv-rs__table td{padding:10px 12px}
  .isv-rs .isv-rs__row{flex-direction:row;flex-wrap:wrap;align-items:center}
  .isv-rs .isv-rs__big{font-size:56px}
}
@media (prefers-reduced-motion:reduce){.isv-rs *{transition:none!important}}