/* =========================================
   ROBERIN BMI calculator v9
   - Phase 2 article reviewer correction: K/9 typography-only h2 + article rhythm
   - Desktop AdSense top-slot/root overflow guard
   - Table wrapper remains single-border only
   - 2026-05-11
========================================= */
body.single-sight-projects .bmi-calculator-wrapper,
.bmi-calculator-wrapper {
  --bmi-paper: #efe2d0;
  --bmi-panel: #f8efe2;
  --bmi-input: #fff8ed;
  --bmi-result: #e2edd8;
  --bmi-warn: #efe1bc;
  --bmi-ink: #34281f;
  --bmi-muted: #574838;
  --bmi-line: #6b5745;
  --bmi-red: #bf7358;
  --bmi-red-soft: #c98264;
  --bmi-blue: #668da1;
  --bmi-green: #6f946a;
  --bmi-yellow: #ddbf6f;
  --bmi-shadow: 3px 3px 0 rgba(82, 65, 50, 0.48);
  width: 100% !important;
  max-width: 950px !important;
  margin: 18px auto 28px !important;
  padding: 12px !important;
  border: 3px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "D2Coding", "Nanum Gothic Coding", "Malgun Gothic", monospace !important;
  line-height: 1.35 !important;
  background:
    linear-gradient(90deg, rgba(107, 87, 69, 0.040) 1px, transparent 1px) 0 0 / 12px 12px,
    linear-gradient(0deg, rgba(107, 87, 69, 0.034) 1px, transparent 1px) 0 0 / 12px 12px,
    var(--bmi-paper) !important;
  box-shadow: var(--bmi-shadow) !important;
  overflow: visible !important;
}

.bmi-calculator-wrapper,
.bmi-calculator-wrapper *,
.bmi-calculator-wrapper *::before,
.bmi-calculator-wrapper *::after,
.roberin-article-body.bmi-article,
.roberin-article-body.bmi-article *,
.roberin-leaderboard-ad,
.roberin-leaderboard-ad * {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body.single-sight-projects .bmi-calculator-wrapper h2,
.bmi-calculator-wrapper h2 {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 8px 10px !important;
  border: 2px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  color: #fffaf2 !important;
  -webkit-text-fill-color: #fffaf2 !important;
  background: var(--bmi-red-soft) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.15 !important;
  text-align: left !important;
  text-shadow: 1px 1px 0 rgba(91, 75, 60, 0.45) !important;
}

body.single-sight-projects .bmi-calculator-wrapper h2::before,
.bmi-calculator-wrapper h2::before {
  content: "HEALTH SCREENING TOOL" !important;
  display: block !important;
  margin: 0 0 3px !important;
  color: #ffecd8 !important;
  -webkit-text-fill-color: #ffecd8 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.1 !important;
  text-shadow: none !important;
}

.bmi-calculator-wrapper h2::after { content: none !important; }

.bmi-tool-lede {
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  border: 2px solid rgba(107, 87, 69, 0.70) !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  background: #fff4dd !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

body.single-sight-projects .bmi-calculator-wrapper .bmi-tool-main,
.bmi-calculator-wrapper .bmi-tool-main {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: 10px !important;
  align-items: start !important;
  margin: 0 !important;
}

body.single-sight-projects .bmi-calculator-wrapper .bmi-section,
.bmi-calculator-wrapper .bmi-section {
  align-self: start !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 2px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: var(--bmi-panel) !important;
  box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.42) !important;
}

body.single-sight-projects .bmi-calculator-wrapper .bmi-section h3,
.bmi-calculator-wrapper .bmi-section h3 {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 0 6px !important;
  border: 0 !important;
  border-bottom: 2px dashed rgba(107, 87, 69, 0.68) !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: -0.2px !important;
  line-height: 1.2 !important;
}

.bmi-calculator-wrapper .bmi-section h3::before {
  content: "■" !important;
  color: var(--bmi-red) !important;
  -webkit-text-fill-color: var(--bmi-red) !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.bmi-input-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.bmi-input-row {
  margin: 0 0 8px !important;
  min-width: 0 !important;
}

.bmi-input-row--full { grid-column: 1 / -1 !important; }

.bmi-calculator-wrapper label.bmi-label,
.bmi-input-row > .bmi-label {
  display: block !important;
  margin: 0 0 3px !important;
  color: #514235 !important;
  -webkit-text-fill-color: #514235 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: -0.1px !important;
  line-height: 1.2 !important;
}

.bmi-calculator-wrapper input[type="text"],
.bmi-calculator-wrapper input[type="number"] {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  border: 2px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: var(--bmi-input) !important;
  box-shadow: inset 1px 1px 0 rgba(107, 87, 69, 0.18) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  outline: none !important;
  appearance: textfield !important;
  -webkit-appearance: none !important;
}

.bmi-calculator-wrapper input[type="number"]::-webkit-outer-spin-button,
.bmi-calculator-wrapper input[type="number"]::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

.bmi-calculator-wrapper input::placeholder {
  color: rgba(87, 72, 56, 0.62) !important;
  -webkit-text-fill-color: rgba(87, 72, 56, 0.62) !important;
  font-weight: 800 !important;
}

.bmi-calculator-wrapper input:focus,
.bmi-calculator-wrapper input:focus-visible {
  border-color: var(--bmi-red) !important;
  background: #fff4dd !important;
  box-shadow: inset 1px 1px 0 rgba(107, 87, 69, 0.18), 0 0 0 2px rgba(221, 191, 111, 0.50) !important;
}

.bmi-radio-group {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bmi-radio-group label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px 8px !important;
  border: 2px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: var(--bmi-input) !important;
  box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.38) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  cursor: pointer !important;
  text-align: center !important;
  word-break: keep-all !important;
}

.bmi-radio-group label:has(input:checked) {
  color: #fffaf2 !important;
  -webkit-text-fill-color: #fffaf2 !important;
  background: var(--bmi-green) !important;
}

.bmi-radio-group input[type="radio"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.bmi-unit-panel[hidden],
.bmi-result-content[hidden],
.bmi-empty[hidden] {
  display: none !important;
}

.bmi-unit-panel { display: block !important; }

.bmi-actions,
.bmi-secondary-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 2px 0 0 !important;
}

.bmi-btn {
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 7px 8px !important;
  border: 2px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: var(--bmi-yellow) !important;
  box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.48) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  text-align: center !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

.bmi-btn--primary {
  grid-column: span 1 !important;
  color: #fffaf2 !important;
  -webkit-text-fill-color: #fffaf2 !important;
  background: var(--bmi-blue) !important;
}

.bmi-btn:hover,
.bmi-btn:focus-visible {
  transform: translate(1px, 1px) !important;
  box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.48) !important;
  filter: saturate(1.06) !important;
  outline: 2px solid rgba(79, 125, 148, 0.65) !important;
  outline-offset: 2px !important;
}

.bmi-btn:active {
  transform: translate(3px, 3px) !important;
  box-shadow: none !important;
}

.bmi-result-box {
  margin: 0 0 8px !important;
  padding: 10px !important;
  border: 2px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  background: var(--bmi-result) !important;
  box-shadow: inset 0 0 0 2px rgba(111, 148, 106, 0.14) !important;
}

.bmi-empty {
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  word-break: keep-all !important;
}

.bmi-score-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 0 0 9px !important;
  padding: 0 0 9px !important;
  border-bottom: 2px dashed rgba(107, 87, 69, 0.50) !important;
}

.bmi-score-label {
  display: block !important;
  margin: 0 0 4px !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.bmi-score-value {
  display: block !important;
  color: #5f865b !important;
  -webkit-text-fill-color: #5f865b !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
  line-height: 1 !important;
  text-shadow: 1px 1px 0 rgba(226, 237, 216, 0.95) !important;
}

.bmi-score-unit {
  margin-left: 3px !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.bmi-category-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  max-width: 100% !important;
  padding: 6px 8px !important;
  border: 2px solid var(--bmi-line) !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: var(--bmi-yellow) !important;
  box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.30) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

.bmi-category-badge[data-tone="low"] { background: #dcebf0 !important; }
.bmi-category-badge[data-tone="normal"] { background: #dcebd8 !important; }
.bmi-category-badge[data-tone="caution"] { background: #efe1bc !important; }
.bmi-category-badge[data-tone="high"] { color: #fffaf2 !important; -webkit-text-fill-color: #fffaf2 !important; background: #bf7358 !important; }

.bmi-result-list {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
}

.bmi-result-row {
  display: grid !important;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 8px !important;
  color: var(--bmi-ink) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.bmi-result-row .label {
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.bmi-result-row .value {
  min-width: 0 !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

.bmi-status {
  display: none;
  margin: 8px 0 0 !important;
  padding: 8px !important;
  border: 2px solid var(--bmi-line) !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: #fff4dd !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
}

.bmi-status.is-visible { display: block !important; }
.bmi-status.is-error { background: #f2d7c9 !important; }

.bmi-notice {
  margin: 10px 0 0 !important;
  padding: 9px 10px !important;
  border: 2px solid var(--bmi-line) !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  background: #fff4dd !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.28) !important;
}

/* Advertisement normalization: content has after-tool and bottom only; theme owns top. */
body.single-sight-projects .roberin-leaderboard-ad,
.roberin-leaderboard-ad {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 728px !important;
  max-width: min(728px, 100%) !important;
  min-height: 90px !important;
  margin: 24px auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.roberin-leaderboard-ad ins.adsbygoogle {
  display: block !important;
  width: 728px !important;
  max-width: 100% !important;
  height: 90px !important;
  min-height: 90px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.roberin-article-body.bmi-article {
  --bmi-article-paper: #f8efe2;
  --bmi-article-card: #fff8ed;
  --bmi-article-soft: #e2edd8;
  --bmi-article-ink: #34281f;
  --bmi-article-muted: #574838;
  --bmi-article-line: #6b5745;
  --bmi-article-accent: #ddbf6f;
  --bmi-article-warn: #efe1bc;
  width: min(100%, 950px) !important;
  max-width: 950px !important;
  margin: clamp(26px, 4vw, 46px) auto !important;
  padding: clamp(16px, 3vw, 28px) !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  background:
    linear-gradient(rgba(107, 87, 69, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(107, 87, 69, 0.04) 1px, transparent 1px),
    var(--bmi-article-paper) !important;
  background-size: 28px 28px, 28px 28px, auto !important;
  border: 2px solid var(--bmi-article-line) !important;
  border-radius: 0 !important;
  box-shadow: 6px 6px 0 rgba(107, 87, 69, 0.18) !important;
  overflow: hidden !important;
}

.roberin-article-body.bmi-article p,
.roberin-article-body.bmi-article li,
.roberin-article-body.bmi-article td,
.roberin-article-body.bmi-article th,
.roberin-article-body.bmi-article summary,
.roberin-article-body.bmi-article span,
.roberin-article-body.bmi-article strong,
.roberin-article-body.bmi-article h2,
.roberin-article-body.bmi-article h3,
.roberin-article-body.bmi-article a {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.bmi-article__hero {
  margin: 0 0 18px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(107, 87, 69, 0.34) !important;
}

.bmi-article__kicker {
  display: inline-flex !important;
  margin: 0 0 10px !important;
  padding: 5px 9px !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  background: var(--bmi-article-soft) !important;
  border: 1px solid rgba(107, 87, 69, 0.58) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.roberin-article-body.bmi-article h2 {
  margin: 0 0 12px !important;
  font-size: clamp(22px, 3.5vw, 31px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.04em !important;
  font-weight: 900 !important;
}

.roberin-article-body.bmi-article h3 {
  margin: 0 0 8px !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  font-weight: 900 !important;
}

.roberin-article-body.bmi-article p,
.roberin-article-body.bmi-article li {
  margin: 0 0 10px !important;
  color: var(--bmi-article-muted) !important;
  -webkit-text-fill-color: var(--bmi-article-muted) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

.bmi-article__quick {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 20px !important;
}

.bmi-article__quick a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  text-decoration: none !important;
  background: var(--bmi-article-card) !important;
  border: 1px solid rgba(107, 87, 69, 0.58) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.bmi-article__quick a:hover,
.bmi-article__quick a:focus-visible {
  background: var(--bmi-article-accent) !important;
  outline: 2px solid var(--bmi-article-line) !important;
  outline-offset: 2px !important;
}

.bmi-article__section { margin: 0 0 clamp(22px, 4vw, 34px) !important; }
.bmi-article__section:last-child { margin-bottom: 0 !important; }

.bmi-article__cards,
.bmi-article__example,
.bmi-article__tables {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.bmi-article__card,
.bmi-article__example div,
.bmi-article__notice,
.bmi-article__formula,
.roberin-article-body.bmi-article details {
  padding: 14px !important;
  background: var(--bmi-article-card) !important;
  border: 1.5px solid rgba(107, 87, 69, 0.68) !important;
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 rgba(107, 87, 69, 0.12) !important;
}

.bmi-article__card strong,
.bmi-article__example strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.bmi-article__formula code {
  display: inline-block !important;
  max-width: 100% !important;
  padding: 5px 7px !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  background: var(--bmi-article-warn) !important;
  border: 1px solid rgba(107, 87, 69, 0.55) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

.bmi-article__tablewrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border: 1.5px solid rgba(107, 87, 69, 0.68) !important;
  background: var(--bmi-article-card) !important;
}

.roberin-article-body.bmi-article table {
  width: 100% !important;
  min-width: 420px !important;
  border-collapse: collapse !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  font-size: 13px !important;
}

.roberin-article-body.bmi-article th,
.roberin-article-body.bmi-article td {
  padding: 8px 9px !important;
  border: 1px solid rgba(107, 87, 69, 0.42) !important;
  text-align: left !important;
  vertical-align: top !important;
}

.roberin-article-body.bmi-article th {
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  background: var(--bmi-article-soft) !important;
  font-weight: 900 !important;
}

.bmi-article__notice {
  background: var(--bmi-article-warn) !important;
}

.roberin-article-body.bmi-article details {
  margin: 0 0 10px !important;
}

.roberin-article-body.bmi-article summary {
  cursor: pointer !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
}

.roberin-article-body.bmi-article details p { margin-top: 10px !important; }

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-calculator-wrapper {
  --bmi-paper: #201811;
  --bmi-panel: #2b2119;
  --bmi-input: #241c15;
  --bmi-result: #344a32;
  --bmi-warn: #3a2c1f;
  --bmi-ink: #f2e4cf;
  --bmi-muted: #f0dfc5;
  --bmi-line: #a98b6b;
  --bmi-red: #d58a68;
  --bmi-red-soft: #7a412f;
  --bmi-blue: #4f7d94;
  --bmi-green: #4f7449;
  --bmi-yellow: #d2aa55;
  --bmi-shadow: 3px 3px 0 rgba(0, 0, 0, 0.34);
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background:
    linear-gradient(90deg, rgba(169, 139, 107, 0.10) 1px, transparent 1px) 0 0 / 12px 12px,
    linear-gradient(0deg, rgba(169, 139, 107, 0.08) 1px, transparent 1px) 0 0 / 12px 12px,
    var(--bmi-paper) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-tool-lede,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-status,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-notice {
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  background: #33271d !important;
  border-color: var(--bmi-line) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-calculator-wrapper label.bmi-label,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-input-row > .bmi-label,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-result-row .label,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-score-label,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-score-unit,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-empty {
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-calculator-wrapper input[type="text"],
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-calculator-wrapper input[type="number"] {
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: var(--bmi-input) !important;
  border-color: var(--bmi-line) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-calculator-wrapper input::placeholder {
  color: rgba(242, 228, 207, 0.62) !important;
  -webkit-text-fill-color: rgba(242, 228, 207, 0.62) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-calculator-wrapper input:focus,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-calculator-wrapper input:focus-visible {
  background: #2d2218 !important;
  border-color: var(--bmi-yellow) !important;
  box-shadow: 0 0 0 2px rgba(210, 170, 85, 0.40) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-radio-group label,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-btn,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-category-badge {
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: #33271d !important;
  border-color: var(--bmi-line) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-radio-group label:has(input:checked),
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-btn--primary,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-category-badge[data-tone="high"] {
  color: #241c15 !important;
  -webkit-text-fill-color: #241c15 !important;
  background: var(--bmi-yellow) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-category-badge[data-tone="low"] { background: #304957 !important; color: #f2e4cf !important; -webkit-text-fill-color: #f2e4cf !important; }
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-category-badge[data-tone="normal"] { background: #344a32 !important; color: #f2e4cf !important; -webkit-text-fill-color: #f2e4cf !important; }
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-category-badge[data-tone="caution"] { background: #5a4825 !important; color: #f2e4cf !important; -webkit-text-fill-color: #f2e4cf !important; }

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-score-value {
  color: #c9debd !important;
  -webkit-text-fill-color: #c9debd !important;
  text-shadow: none !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article {
  --bmi-article-paper: #2b2119;
  --bmi-article-card: #33271d;
  --bmi-article-soft: #344a32;
  --bmi-article-ink: #f2e4cf;
  --bmi-article-muted: #f0dfc5;
  --bmi-article-line: #a98b6b;
  --bmi-article-accent: #d2aa55;
  --bmi-article-warn: #3a2c1f;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.24) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__quick a:hover,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__quick a:focus-visible {
  color: #241c15 !important;
  -webkit-text-fill-color: #241c15 !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__tablewrap,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__card,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__example div,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__notice,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__formula,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article details {
  border-color: rgba(169, 139, 107, 0.78) !important;
  background: var(--bmi-article-card) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__notice,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__formula code {
  background: var(--bmi-article-warn) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article th {
  background: var(--bmi-article-soft) !important;
}

@media (prefers-color-scheme: dark) {
  body[data-scheme="auto"] .bmi-calculator-wrapper {
    --bmi-paper: #201811;
    --bmi-panel: #2b2119;
    --bmi-input: #241c15;
    --bmi-result: #344a32;
    --bmi-ink: #f2e4cf;
    --bmi-muted: #f0dfc5;
    --bmi-line: #a98b6b;
    --bmi-yellow: #d2aa55;
    color: var(--bmi-ink) !important;
    -webkit-text-fill-color: var(--bmi-ink) !important;
  }
  body[data-scheme="auto"] .roberin-article-body.bmi-article {
    --bmi-article-paper: #2b2119;
    --bmi-article-card: #33271d;
    --bmi-article-soft: #344a32;
    --bmi-article-ink: #f2e4cf;
    --bmi-article-muted: #f0dfc5;
    --bmi-article-line: #a98b6b;
    --bmi-article-accent: #d2aa55;
    --bmi-article-warn: #3a2c1f;
  }
}

@media (max-width: 768px) {
  body.single-sight-projects .bmi-calculator-wrapper,
  .bmi-calculator-wrapper {
    width: calc(100% - 10px) !important;
    max-width: 100% !important;
    margin: 10px 5px 22px !important;
    padding: 9px !important;
    box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.48) !important;
  }

  .bmi-calculator-wrapper h2 {
    margin-bottom: 8px !important;
    padding: 8px !important;
    font-size: 17px !important;
  }

  .bmi-tool-lede { padding: 8px !important; }

  body.single-sight-projects .bmi-calculator-wrapper .bmi-tool-main,
  .bmi-calculator-wrapper .bmi-tool-main,
  .bmi-input-grid,
  .bmi-article__cards,
  .bmi-article__example,
  .bmi-article__tables {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  .bmi-calculator-wrapper .bmi-section { padding: 9px !important; }

  .bmi-calculator-wrapper input[type="text"],
  .bmi-calculator-wrapper input[type="number"] {
    height: 40px !important;
    padding: 7px 8px !important;
    font-size: 16px !important;
  }

  .bmi-actions { grid-template-columns: minmax(0, 1fr) !important; }
  .bmi-btn { min-height: 40px !important; font-size: 12px !important; }
  .bmi-score-value { font-size: 32px !important; }

  body.single-sight-projects .roberin-leaderboard-ad,
  .roberin-leaderboard-ad {
    width: min(100%, calc(100vw - 10px)) !important;
    max-width: calc(100vw - 10px) !important;
    min-height: 90px !important;
    margin: 18px auto !important;
  }

  .roberin-leaderboard-ad ins.adsbygoogle {
    width: 100% !important;
    max-width: 100% !important;
    height: 90px !important;
    min-height: 90px !important;
  }

  .roberin-article-body.bmi-article {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
    margin: 24px 5px !important;
    padding: 16px !important;
    box-shadow: 3px 3px 0 rgba(107, 87, 69, 0.18) !important;
  }
}

@media (max-width: 420px) {
  .bmi-radio-group { gap: 5px !important; }
  .bmi-radio-group label {
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 11px !important;
  }
  .bmi-result-row { gap: 6px !important; }
  .bmi-result-row .label { white-space: normal !important; }
  .bmi-score-row { grid-template-columns: minmax(0, 1fr) !important; }
  .bmi-category-badge { justify-self: start !important; }
  .roberin-article-body.bmi-article table { min-width: 360px !important; }
  .bmi-article__quick a { width: 100% !important; justify-content: center !important; }
}


/* =========================================
   v3 tool arrangement refinement
   - keep audited BMI behavior; improve control grouping, result readability, and mobile stacking
   - Phase 1 only: article/body content is intentionally retained
========================================= */
body.single-sight-projects .bmi-calculator-wrapper,
.bmi-calculator-wrapper {
  max-width: 980px !important;
  margin-top: 16px !important;
  padding: 14px !important;
}

.bmi-tool-lede {
  margin-bottom: 12px !important;
  padding: 9px 11px !important;
}

body.single-sight-projects .bmi-calculator-wrapper .bmi-tool-main,
.bmi-calculator-wrapper .bmi-tool-main {
  grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

body.single-sight-projects .bmi-calculator-wrapper .bmi-section,
.bmi-calculator-wrapper .bmi-section {
  padding: 11px !important;
}

.bmi-section--inputs,
.bmi-section--result {
  display: grid !important;
  align-content: start !important;
}

.bmi-section--inputs {
  gap: 9px !important;
}

.bmi-section--result {
  grid-template-rows: auto minmax(196px, 1fr) auto auto !important;
  min-height: 100% !important;
}

.bmi-input-grid {
  gap: 7px !important;
}

.bmi-section--inputs > .bmi-input-grid:first-of-type {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
}

.bmi-section--inputs > .bmi-input-grid:first-of-type .bmi-input-row--full {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

.bmi-section--inputs > .bmi-input-grid:first-of-type .bmi-input-row--full > .bmi-label {
  margin: 0 !important;
  padding-left: 2px !important;
}

.bmi-unit-panel {
  margin-top: 0 !important;
}

.bmi-unit-panel .bmi-input-row {
  margin-bottom: 0 !important;
}

.bmi-unit-panel[data-unit-panel="imperial"] .bmi-input-grid {
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 0.86fr) minmax(0, 1.22fr) !important;
}

.bmi-unit-panel[data-unit-panel="imperial"] .bmi-input-row--full {
  grid-column: auto !important;
}

.bmi-radio-group {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.bmi-radio-group label {
  width: 100% !important;
  min-height: 32px !important;
  padding: 7px 9px !important;
}

.bmi-actions {
  grid-template-columns: minmax(130px, 1.18fr) minmax(90px, 0.91fr) minmax(90px, 0.91fr) !important;
  gap: 7px !important;
  margin-top: 1px !important;
}

.bmi-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
}

.bmi-result-box {
  display: grid !important;
  align-content: start !important;
  min-height: 196px !important;
  margin-bottom: 9px !important;
}

.bmi-empty {
  align-self: start !important;
  padding: 4px 0 !important;
}

.bmi-score-row {
  grid-template-columns: minmax(0, 1fr) minmax(112px, auto) !important;
}

.bmi-result-row {
  grid-template-columns: minmax(72px, auto) minmax(0, 1fr) !important;
  align-items: start !important;
}

.bmi-result-row .value {
  text-align: left !important;
}

.bmi-section--result > .bmi-btn {
  justify-self: start !important;
  width: auto !important;
  min-width: 120px !important;
}

.bmi-notice {
  margin-top: 9px !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-section--inputs > .bmi-input-grid:first-of-type .bmi-input-row--full,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-section--result {
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
}

@media (max-width: 768px) {
  body.single-sight-projects .bmi-calculator-wrapper,
  .bmi-calculator-wrapper {
    width: calc(100% - 12px) !important;
    margin: 10px 6px 22px !important;
    padding: 9px !important;
  }

  .bmi-section--inputs,
  .bmi-section--result {
    display: block !important;
  }

  .bmi-section--inputs > .bmi-input-grid:first-of-type .bmi-input-row--full {
    display: block !important;
    margin-bottom: 9px !important;
  }

  .bmi-section--inputs > .bmi-input-grid:first-of-type .bmi-input-row--full > .bmi-label {
    margin-bottom: 4px !important;
    padding-left: 0 !important;
  }

  .bmi-unit-panel[data-unit-panel="imperial"] .bmi-input-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .bmi-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .bmi-section--result > .bmi-btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .bmi-result-box {
    min-height: auto !important;
  }
}

@media (max-width: 420px) {
  .bmi-radio-group {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .bmi-result-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .bmi-result-row .value {
    font-size: 12px !important;
  }
}

/* WP autop guard: post content may inject empty <p> and <br> around tool controls. */
.bmi-calculator-wrapper br,
.bmi-calculator-wrapper .bmi-input-grid > p:empty,
.bmi-calculator-wrapper .bmi-input-row > p:empty,
.bmi-calculator-wrapper .bmi-actions > br,
.bmi-calculator-wrapper .bmi-radio-group > br {
  display: none !important;
}

.bmi-radio-group,
.bmi-actions {
  width: 100% !important;
}

@media (max-width: 768px) {
  body.single-sight-projects .bmi-calculator-wrapper .bmi-tool-main,
  .bmi-calculator-wrapper .bmi-tool-main,
  .bmi-input-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* =========================================
   v4 Phase 2 article/content polish
   - richer public body, caution, sources, wpautop cleanup
   - no new color tokens; uses existing ROBERIN paper variables
========================================= */
.roberin-article-body.bmi-article {
  scroll-margin-top: 96px !important;
}

.roberin-article-body.bmi-article h2 {
  display: block !important;
  padding: 14px 16px 14px 18px !important;
  border: 2px solid var(--bmi-article-line) !important;
  border-left: 7px solid var(--bmi-article-accent) !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  background: var(--bmi-article-card) !important;
  box-shadow: 3px 3px 0 rgba(107, 87, 69, 0.16) !important;
}

.roberin-article-body.bmi-article h3 {
  display: block !important;
  padding-left: 10px !important;
  border-left: 5px solid var(--bmi-article-accent) !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
}

.roberin-article-body.bmi-article caption {
  padding: 8px 9px !important;
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  background: var(--bmi-article-card) !important;
  border: 1px solid rgba(107, 87, 69, 0.42) !important;
  border-bottom: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: left !important;
}

.bmi-article__quick {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
  align-items: stretch !important;
}

.bmi-article__quick a {
  justify-content: center !important;
  text-align: center !important;
}

.bmi-article__cards--compact {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.bmi-article__source-list {
  padding: 12px 14px !important;
  background: var(--bmi-article-card) !important;
  border: 1.5px solid rgba(107, 87, 69, 0.68) !important;
  box-shadow: 3px 3px 0 rgba(107, 87, 69, 0.10) !important;
}

.roberin-article-body.bmi-article a {
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
}

.roberin-article-body.bmi-article a:hover,
.roberin-article-body.bmi-article a:focus-visible {
  color: #7a412f !important;
  -webkit-text-fill-color: #7a412f !important;
  outline: 2px solid var(--bmi-article-accent) !important;
  outline-offset: 2px !important;
}

.bmi-article__notice strong,
.bmi-article__formula strong {
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
}

.bmi-article__tablewrap:focus-visible {
  outline: 2px solid var(--bmi-article-accent) !important;
  outline-offset: 2px !important;
}

/* WordPress wpautop can insert stray p/br around manual HTML blocks. */
.bmi-article__quick br,
.bmi-article__cards > br,
.bmi-article__example > br,
.bmi-article__tables > br,
.bmi-article__section > br,
.bmi-article__tablewrap > br,
.roberin-article-body.bmi-article p:empty,
.bmi-article__card > p:empty,
.bmi-article__example div > p:empty,
.bmi-article__formula > p:empty,
.bmi-article__notice > p:empty {
  display: none !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article h2,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__source-list,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article caption {
  color: var(--bmi-article-ink) !important;
  -webkit-text-fill-color: var(--bmi-article-ink) !important;
  background: var(--bmi-article-card) !important;
  border-color: var(--bmi-article-line) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article a:hover,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article a:focus-visible {
  color: var(--bmi-article-accent) !important;
  -webkit-text-fill-color: var(--bmi-article-accent) !important;
}

@media (prefers-color-scheme: dark) {
  body[data-scheme="auto"] .roberin-article-body.bmi-article h2,
  body[data-scheme="auto"] .bmi-article__source-list,
  body[data-scheme="auto"] .roberin-article-body.bmi-article caption {
    color: var(--bmi-article-ink) !important;
    -webkit-text-fill-color: var(--bmi-article-ink) !important;
    background: var(--bmi-article-card) !important;
    border-color: var(--bmi-article-line) !important;
  }

  body[data-scheme="auto"] .roberin-article-body.bmi-article a:hover,
  body[data-scheme="auto"] .roberin-article-body.bmi-article a:focus-visible {
    color: var(--bmi-article-accent) !important;
    -webkit-text-fill-color: var(--bmi-article-accent) !important;
  }
}

@media (max-width: 900px) {
  .bmi-article__cards--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .bmi-article__quick,
  .bmi-article__cards,
  .bmi-article__cards--compact,
  .bmi-article__example,
  .bmi-article__tables {
    grid-template-columns: 1fr !important;
  }

  .roberin-article-body.bmi-article h2 {
    padding: 12px 12px 12px 14px !important;
    border-left-width: 6px !important;
  }

  .roberin-article-body.bmi-article h3 {
    padding-left: 8px !important;
  }
}

/* =========================================
   legacy v5/v6 reviewer base
   - Table wrapper/caption do not own visible outer borders.
   - Legacy boxed h2 rules below are intentionally superseded by the v7 K/9 reference override at file end.
========================================= */
.roberin-article-body.bmi-article {
  margin: 28px auto !important;
  padding: 20px !important;
}

.bmi-article__hero {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}

.bmi-article__kicker {
  margin-bottom: 10px !important;
}

.bmi-article__quick {
  gap: 8px !important;
  margin: 0 0 14px !important;
}

.bmi-article__section {
  margin: 0 0 24px !important;
}

.bmi-article__section:last-child {
  margin-bottom: 0 !important;
}

.roberin-article-body.bmi-article h2 {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 9px 12px 9px 14px !important;
  color: var(--bmi-article-ink, #34281f) !important;
  -webkit-text-fill-color: var(--bmi-article-ink, #34281f) !important;
  background: #fff8ed !important;
  border: 1.5px solid rgba(107, 87, 69, 0.68) !important;
  border-left: 7px solid #7a412f !important;
  box-shadow: 3px 3px 0 rgba(107, 87, 69, 0.12) !important;
  font-size: clamp(20px, 3vw, 27px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.04em !important;
  font-weight: 900 !important;
}

.roberin-article-body.bmi-article h3 {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 0 7px !important;
  color: var(--bmi-article-ink, #34281f) !important;
  -webkit-text-fill-color: var(--bmi-article-ink, #34281f) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  font-weight: 900 !important;
}

.bmi-article__tablewrap {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.roberin-article-body.bmi-article table {
  width: 100% !important;
  min-width: 420px !important;
  margin: 20px 0 !important;
  border: 1.5px solid rgba(107, 87, 69, 0.68) !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #fff9ee !important;
  box-shadow: none !important;
}

.roberin-article-body.bmi-article caption {
  caption-side: top !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  color: var(--bmi-article-ink, #34281f) !important;
  -webkit-text-fill-color: var(--bmi-article-ink, #34281f) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  text-align: left !important;
}

.roberin-article-body.bmi-article th,
.roberin-article-body.bmi-article td {
  border: 1px solid rgba(107, 87, 69, 0.45) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article h2 {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: #33271d !important;
  border-color: rgba(169, 139, 107, 0.76) !important;
  border-left-color: #d2aa55 !important;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.22) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article h3,
body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article caption {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: transparent !important;
  border-color: transparent !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__tablewrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article table {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: #33271d !important;
  border-color: rgba(169, 139, 107, 0.76) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article th {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: #344a32 !important;
  border-color: rgba(169, 139, 107, 0.70) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article td {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  border-color: rgba(169, 139, 107, 0.62) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article tbody tr:nth-child(odd) td {
  background: #241c15 !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article tbody tr:nth-child(even) td {
  background: #33271d !important;
}

@media (prefers-color-scheme: dark) {
  body[data-scheme="auto"] .roberin-article-body.bmi-article h2 {
    color: #f2e4cf !important;
    -webkit-text-fill-color: #f2e4cf !important;
    background: #33271d !important;
    border-color: rgba(169, 139, 107, 0.76) !important;
    border-left-color: #d2aa55 !important;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.22) !important;
  }

  body[data-scheme="auto"] .bmi-article__tablewrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body[data-scheme="auto"] .roberin-article-body.bmi-article table {
    color: #f2e4cf !important;
    -webkit-text-fill-color: #f2e4cf !important;
    background: #33271d !important;
    border-color: rgba(169, 139, 107, 0.76) !important;
  }
}

@media (max-width: 640px) {
  .roberin-article-body.bmi-article {
    margin: 24px auto !important;
    padding: 14px !important;
  }

  .roberin-article-body.bmi-article h2 {
    padding: 8px 9px 8px 11px !important;
    border-left-width: 6px !important;
  }

  .bmi-article__section {
    margin-bottom: 20px !important;
  }
}

/* legacy v6 mobile rhythm; superseded where needed by v7 K/9 body rhythm below. */
@media (max-width: 640px) {
  .bmi-article__quick {
    margin-bottom: 12px !important;
  }

  .bmi-article__section {
    margin-bottom: 14px !important;
  }
}


/* =========================================
   v7 reviewer correction — latest K/9 article body reference
   - Article h2 is typography-only: no border, no paper box, no left accent, no shadow.
   - Section rhythm follows K/9: top-level article gap 18/15, section inner gap 12,
     later sections use a subtle divider owned by the section, not by the h2.
========================================= */
.roberin-article-body.bmi-article {
  display: grid !important;
  gap: 18px !important;
}

.bmi-article__hero,
.bmi-article__quick,
.bmi-article__section {
  margin: 0 !important;
}

.bmi-article__section {
  display: grid !important;
  gap: 12px !important;
  padding: 8px 0 0 !important;
  border-top: 0 !important;
}

.bmi-article__section + .bmi-article__section {
  margin-top: 6px !important;
  padding-top: 22px !important;
  border-top: 1px dashed rgba(107, 87, 69, 0.28) !important;
}

.roberin-article-body.bmi-article h2 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--bmi-article-ink, #34281f) !important;
  -webkit-text-fill-color: var(--bmi-article-ink, #34281f) !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  font-family: Satoshi, sans-serif !important;
  font-size: 30px !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  text-shadow: none !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .bmi-article__section + .bmi-article__section {
  border-top-color: rgba(169, 139, 107, 0.34) !important;
}

body:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-article-body.bmi-article h2 {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

@media (prefers-color-scheme: dark) {
  body[data-scheme="auto"] .bmi-article__section + .bmi-article__section {
    border-top-color: rgba(169, 139, 107, 0.34) !important;
  }

  body[data-scheme="auto"] .roberin-article-body.bmi-article h2 {
    color: #f2e4cf !important;
    -webkit-text-fill-color: #f2e4cf !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}

@media (max-width: 640px) {
  .roberin-article-body.bmi-article {
    gap: 15px !important;
  }

  .bmi-article__section {
    gap: 12px !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border-top: 0 !important;
  }

  .bmi-article__section + .bmi-article__section {
    margin-top: 6px !important;
    padding-top: 22px !important;
    border-top: 1px dashed rgba(107, 87, 69, 0.28) !important;
  }

  .roberin-article-body.bmi-article h2 {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    font-size: 26px !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em !important;
    text-shadow: none !important;
  }
}

@media (max-width: 374px) {
  .roberin-article-body.bmi-article h2 {
    font-size: 25.2px !important;
  }
}


/* =========================================
   v8 reviewer correction — late AdSense iframe must not create page overflow
   The BMI stylesheet is only enqueued on the BMI URL, so this root guard is page-scoped by asset loading.
========================================= */
html,
body {
  max-width: 100% !important;
  overflow-x: clip !important;
}

body.single-sight-projects .roberin-leaderboard-ad,
body.single-sight-projects .roberin-leaderboard-ad > div,
body.single-sight-projects .roberin-leaderboard-ad ins.adsbygoogle,
body.single-sight-projects .roberin-leaderboard-ad iframe[id^="aswift_"],
body.single-sight-projects .roberin-leaderboard-ad iframe[name^="aswift_"] {
  max-width: 100% !important;
  overflow: hidden !important;
}

body.single-sight-projects .roberin-leaderboard-ad {
  overflow: hidden !important;
}


/* =========================================
   v9 reviewer correction — lock desktop top AdSense slot against aswift left drift
   Some sessions place slot 1937008016 host at 50vw + 728px, producing +45px root overflow.
========================================= */
@media (min-width: 769px) {
  body.single-sight-projects .cs-custom-content-post-before ins.adsbygoogle[data-ad-slot="1937008016"],
  body.single-sight-projects ins.adsbygoogle[data-ad-slot="1937008016"] {
    display: block !important;
    width: min(728px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    height: 90px !important;
    min-height: 90px !important;
    margin: 20px auto 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body.single-sight-projects ins.adsbygoogle[data-ad-slot="1937008016"] > div[id^="aswift_"][id$="_host"],
  body.single-sight-projects ins.adsbygoogle[data-ad-slot="1937008016"] iframe[id^="aswift_"],
  body.single-sight-projects ins.adsbygoogle[data-ad-slot="1937008016"] iframe[name^="aswift_"] {
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    overflow: hidden !important;
  }
}

/* =========================================
   v10 Japanese locale label override
   - Keep v9 body/reference/overflow behavior unchanged.
   - Localize CSS-generated tool eyebrow on ja pages.
========================================= */
html[lang^="ja"] .bmi-calculator-wrapper h2::before,
html:lang(ja) .bmi-calculator-wrapper h2::before,
body:lang(ja) .bmi-calculator-wrapper h2::before {
  content: "成人BMIツール" !important;
}

/* =========================================
   v11 Spanish locale label override
   - Keep v10 K/9 body/reference/overflow behavior unchanged.
   - Localize CSS-generated tool eyebrow on es pages.
========================================= */
html[lang^="es"] .bmi-calculator-wrapper h2::before,
html:lang(es) .bmi-calculator-wrapper h2::before,
body:lang(es) .bmi-calculator-wrapper h2::before {
  content: "HERRAMIENTA DE IMC" !important;
}

/* v12 Indonesian locale label override */
html[lang^="id"] .bmi-calculator-wrapper h2::before,
html:lang(id) .bmi-calculator-wrapper h2::before,
body:lang(id) .bmi-calculator-wrapper h2::before {
  content: "KALKULATOR IMT" !important;
}

/* =========================================
   ROBERIN BMI calculator v13
   - Phase 1 reference-first tool reconstruction from date-difference calculator rhythm
   - Container direct roles: calculator-header + quick-actions + calculator-main + info-section
   - Shared quick/main grid columns, wpautop br suppression, dark/mobile QA hardening
   - 2026-05-31
========================================= */
body.single-sight-projects .bmi-calculator-wrapper,
.bmi-calculator-wrapper {
  --bmi-paper: #fff7e8;
  --bmi-paper-soft: #fbf0dc;
  --bmi-panel: rgba(255, 253, 247, 0.94);
  --bmi-input: #fffdf8;
  --bmi-result: #dfeef8;
  --bmi-result-ink: #28455a;
  --bmi-green: #e3efd2;
  --bmi-green-ink: #2f4e2e;
  --bmi-warn: #fff2c1;
  --bmi-ink: #2b2119;
  --bmi-muted: #67584a;
  --bmi-line: #6b5745;
  --bmi-line-soft: rgba(107, 87, 69, 0.26);
  --bmi-red: #a43e2d;
  --bmi-red-soft: #f3dfd3;
  --bmi-shadow: 4px 4px 0 rgba(72, 55, 40, 0.22);
  --bmi-shadow-soft: 2px 2px 0 rgba(72, 55, 40, 0.14);
  --bmi-main-columns: minmax(0, 0.95fr) minmax(0, 0.95fr) minmax(0, 1.1fr);
  --bmi-main-gap: 10px;
  width: min(1050px, calc(100vw - 32px)) !important;
  max-width: 1050px !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: initial !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif !important;
  line-height: 1.52 !important;
  background: transparent !important;
}

.bmi-calculator-wrapper br {
  display: none !important;
}

.bmi-calculator-container,
.bmi-calculator-container *,
.bmi-calculator-container *::before,
.bmi-calculator-container *::after {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.bmi-calculator-container {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: initial !important;
  background: var(--bmi-paper) !important;
  border: 2px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--bmi-shadow) !important;
}

.bmi-calculator-container::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(rgba(107, 87, 69, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(107, 87, 69, 0.045) 1px, transparent 1px) !important;
  background-size: 20px 20px !important;
  pointer-events: none !important;
}

body.single-sight-projects .bmi-calculator-wrapper .calculator-header,
.bmi-calculator-wrapper .calculator-header {
  display: grid !important;
  gap: 6px !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  text-align: left !important;
  border: 0 !important;
  border-bottom: 2px solid var(--bmi-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.single-sight-projects .bmi-calculator-wrapper .calculator-header h2,
.bmi-calculator-wrapper .calculator-header h2 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  line-height: 1.14 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  text-shadow: none !important;
  word-break: keep-all !important;
}

.bmi-calculator-wrapper .calculator-header h2::before,
.bmi-calculator-wrapper .calculator-header h2::after {
  content: none !important;
  display: none !important;
}

.bmi-calculator-wrapper .calculator-header .subtitle,
.bmi-calculator-wrapper .subtitle {
  max-width: 720px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  word-break: keep-all !important;
}

.bmi-calculator-wrapper .quick-actions {
  display: grid !important;
  grid-template-columns: var(--bmi-main-columns) !important;
  gap: var(--bmi-main-gap) !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bmi-calculator-wrapper .btn-quick,
.bmi-calculator-wrapper .btn-reset,
.bmi-calculator-wrapper .btn-calculate {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--bmi-shadow-soft) !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease, color 120ms ease !important;
  -webkit-text-fill-color: currentColor !important;
}

.bmi-calculator-wrapper .btn-quick {
  color: var(--bmi-green-ink) !important;
  background: var(--bmi-green) !important;
}

.bmi-calculator-wrapper .btn-reset {
  color: #743528 !important;
  background: var(--bmi-red-soft) !important;
}

.bmi-calculator-wrapper .btn-calculate {
  color: #fffaf0 !important;
  background: #35271d !important;
  border-color: #231a13 !important;
  box-shadow: 3px 3px 0 rgba(72, 55, 40, 0.24) !important;
}

.bmi-calculator-wrapper .btn-quick:hover,
.bmi-calculator-wrapper .btn-reset:hover,
.bmi-calculator-wrapper .btn-calculate:hover {
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0 rgba(72, 55, 40, 0.16) !important;
}

.bmi-calculator-wrapper .calculator-main {
  display: grid !important;
  grid-template-columns: var(--bmi-main-columns) !important;
  gap: var(--bmi-main-gap) !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  align-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.bmi-calculator-wrapper .input-section,
.bmi-calculator-wrapper .result-section,
.bmi-calculator-wrapper .special-section,
.bmi-calculator-wrapper .info-section {
  min-width: 0 !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: initial !important;
  background: var(--bmi-panel) !important;
  border: 1px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--bmi-shadow-soft) !important;
  padding: 12px !important;
}

.bmi-calculator-wrapper .input-section,
.bmi-calculator-wrapper .result-section,
.bmi-calculator-wrapper .special-section {
  display: flex !important;
  flex-direction: column !important;
}

.bmi-calculator-wrapper .section-title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 10px !important;
  padding: 0 0 8px !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--bmi-line-soft) !important;
  box-shadow: none !important;
  font-size: 15.5px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
}

.bmi-calculator-wrapper .section-title::before {
  content: none !important;
}

.bmi-calculator-wrapper .input-group,
.bmi-calculator-wrapper .bmi-input-row {
  display: block !important;
  margin: 0 0 9px !important;
  min-width: 0 !important;
}

.bmi-calculator-wrapper .bmi-label,
.bmi-calculator-wrapper label.bmi-label,
.bmi-calculator-wrapper .input-group > .bmi-label {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
}

.bmi-calculator-wrapper .bmi-input-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}

.bmi-calculator-wrapper .bmi-input-grid--imperial {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.bmi-calculator-wrapper .bmi-input-row--full {
  grid-column: auto !important;
}

.bmi-calculator-wrapper .bmi-radio-group {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.bmi-calculator-wrapper .bmi-radio-group:has(label:nth-child(3)) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.bmi-calculator-wrapper .bmi-radio-group label {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: #fffaf0 !important;
  border: 1px solid rgba(107, 87, 69, 0.36) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.bmi-calculator-wrapper .bmi-radio-group input[type="radio"] {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #6f4b1d !important;
  box-shadow: none !important;
}

.bmi-calculator-wrapper input[type="text"],
.bmi-calculator-wrapper input[type="number"] {
  display: block !important;
  width: 100% !important;
  min-height: 40px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  caret-color: var(--bmi-ink) !important;
  background: var(--bmi-input) !important;
  border: 1px solid var(--bmi-line) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(107, 87, 69, 0.08) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color-scheme: light !important;
}

.bmi-calculator-wrapper input[type="text"]:focus,
.bmi-calculator-wrapper input[type="number"]:focus {
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  background: #fff6d8 !important;
  border-color: #5f4834 !important;
  outline: 3px solid #d6a62b !important;
  outline-offset: 1px !important;
}

.bmi-calculator-wrapper input::placeholder {
  color: rgba(103, 88, 74, 0.7) !important;
  -webkit-text-fill-color: rgba(103, 88, 74, 0.7) !important;
  font-weight: 750 !important;
}

.bmi-calculator-wrapper .bmi-status {
  display: none !important;
  margin-top: auto !important;
  padding: 9px 10px !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  background: #fffaf0 !important;
  border: 1px dashed rgba(107, 87, 69, 0.42) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

.bmi-calculator-wrapper .bmi-status.is-visible {
  display: block !important;
}

.bmi-calculator-wrapper .bmi-status.is-error {
  color: #7d2e20 !important;
  -webkit-text-fill-color: #7d2e20 !important;
  background: #ffe8d9 !important;
  border-color: rgba(164, 62, 45, 0.52) !important;
}

.bmi-calculator-wrapper .result-display {
  display: grid !important;
  gap: 0 !important;
  text-align: left !important;
}

.bmi-calculator-wrapper .bmi-result-content[hidden],
.bmi-calculator-wrapper [hidden] {
  display: none !important;
}

.bmi-calculator-wrapper .no-result {
  display: grid !important;
  min-height: 186px !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 16px !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  background: #fffaf0 !important;
  border: 1px dashed rgba(107, 87, 69, 0.52) !important;
  text-align: center !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
}

.bmi-calculator-wrapper .no-result p {
  margin: 0 !important;
}

.bmi-calculator-wrapper .main-result {
  display: grid !important;
  place-items: center !important;
  gap: 5px !important;
  min-height: 108px !important;
  margin: 0 !important;
  padding: 12px !important;
  color: var(--bmi-result-ink) !important;
  background: var(--bmi-result) !important;
  border: 1px solid var(--bmi-line) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.38) !important;
  text-align: center !important;
}

.bmi-calculator-wrapper .bmi-result-content .detail-results {
  margin-top: 12px !important;
}

.bmi-calculator-wrapper .big-number {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 0 !important;
  color: var(--bmi-result-ink) !important;
  -webkit-text-fill-color: var(--bmi-result-ink) !important;
  font-size: clamp(34px, 4vw, 48px) !important;
  line-height: 0.95 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  font-family: inherit !important;
  font-variant-numeric: tabular-nums !important;
}

.bmi-calculator-wrapper .bmi-score-unit {
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.bmi-calculator-wrapper .result-label,
.bmi-calculator-wrapper .result-label-text {
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.bmi-calculator-wrapper .bmi-category-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 5px 9px !important;
  color: #2f4e2e !important;
  -webkit-text-fill-color: #2f4e2e !important;
  background: #edf6db !important;
  border: 1px solid rgba(47, 78, 46, 0.45) !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

.bmi-calculator-wrapper .bmi-category-badge[data-tone="low"] {
  color: #28455a !important;
  -webkit-text-fill-color: #28455a !important;
  background: #dfeef8 !important;
  border-color: rgba(40, 69, 90, 0.45) !important;
}

.bmi-calculator-wrapper .bmi-category-badge[data-tone="caution"] {
  color: #6f4b1d !important;
  -webkit-text-fill-color: #6f4b1d !important;
  background: #fff2c1 !important;
  border-color: #c99a35 !important;
}

.bmi-calculator-wrapper .bmi-category-badge[data-tone="high"] {
  color: #7d2e20 !important;
  -webkit-text-fill-color: #7d2e20 !important;
  background: #ffe5d8 !important;
  border-color: rgba(164, 62, 45, 0.58) !important;
}

.bmi-calculator-wrapper .detail-results {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.bmi-calculator-wrapper .result-item {
  display: grid !important;
  gap: 3px !important;
  align-items: start !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 8px 9px !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: initial !important;
  background: #fffaf0 !important;
  border: 1px solid rgba(107, 87, 69, 0.36) !important;
  box-shadow: none !important;
}

.bmi-calculator-wrapper .bmi-result-row--wide {
  grid-column: 1 / -1 !important;
}

.bmi-calculator-wrapper .result-value {
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  font-family: inherit !important;
  font-variant-numeric: tabular-nums !important;
  overflow-wrap: anywhere !important;
}

.bmi-calculator-wrapper .bmi-copy-button {
  min-height: 36px !important;
  margin-top: 10px !important;
}

.bmi-calculator-wrapper .bmi-copy-button:disabled {
  opacity: 0.58 !important;
  cursor: not-allowed !important;
}

.bmi-calculator-wrapper .bmi-notice {
  margin: 10px 0 0 !important;
  padding: 9px 10px !important;
  color: #6f4b1d !important;
  -webkit-text-fill-color: #6f4b1d !important;
  background: var(--bmi-warn) !important;
  border: 1px solid #c99a35 !important;
  border-left: 5px solid #c99a35 !important;
  font-size: 12.6px !important;
  line-height: 1.5 !important;
  font-weight: 750 !important;
  word-break: keep-all !important;
}

.bmi-calculator-wrapper .special-info {
  margin: 0 0 10px !important;
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 750 !important;
  word-break: keep-all !important;
}

.bmi-calculator-wrapper .bmi-threshold-list {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.bmi-calculator-wrapper .bmi-threshold-list li {
  display: grid !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 9px !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: initial !important;
  background: #fffaf0 !important;
  border: 1px solid rgba(107, 87, 69, 0.36) !important;
}

.bmi-calculator-wrapper .bmi-threshold-list span {
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 11.5px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.bmi-calculator-wrapper .bmi-threshold-list strong {
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  font-size: 12.8px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

.bmi-calculator-wrapper .info-section {
  margin: 0 !important;
}

.bmi-calculator-wrapper .info-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
}

.bmi-calculator-wrapper .info-card {
  min-width: 0 !important;
  padding: 10px !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: initial !important;
  background: #fffaf0 !important;
  border: 1px solid rgba(107, 87, 69, 0.32) !important;
  box-shadow: none !important;
  text-align: left !important;
}

.bmi-calculator-wrapper .info-title {
  margin: 0 0 4px !important;
  color: var(--bmi-ink) !important;
  -webkit-text-fill-color: var(--bmi-ink) !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.bmi-calculator-wrapper .info-desc {
  color: var(--bmi-muted) !important;
  -webkit-text-fill-color: var(--bmi-muted) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 700 !important;
  word-break: keep-all !important;
}

/* Keep tool/body/ad flow even after the shorter reconstructed tool. */
.bmi-calculator-wrapper + .roberin-leaderboard-ad--after-tool,
.bmi-calculator-wrapper ~ .roberin-leaderboard-ad--after-tool {
  margin-top: 28px !important;
}

.roberin-leaderboard-ad--after-tool + article.roberin-article-body,
.roberin-leaderboard-ad--after-tool + .roberin-article-body {
  margin-top: 28px !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper,
body[data-scheme="inverse"] .bmi-calculator-wrapper {
  --bmi-paper: #2b2119;
  --bmi-paper-soft: #241c15;
  --bmi-panel: #33271d;
  --bmi-input: #241c15;
  --bmi-result: #233c43;
  --bmi-result-ink: #f1e8cf;
  --bmi-green: #344a32;
  --bmi-green-ink: #f7ebd8;
  --bmi-warn: #3b2d21;
  --bmi-ink: #f7ebd8;
  --bmi-muted: #f0dfc5;
  --bmi-line: #a98b6b;
  --bmi-line-soft: rgba(169, 139, 107, 0.48);
  --bmi-red: #d08b75;
  --bmi-red-soft: #5a3028;
  --bmi-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34);
  --bmi-shadow-soft: 2px 2px 0 rgba(0, 0, 0, 0.24);
  color: #f7ebd8 !important;
}

body[data-scheme="dark"] .bmi-calculator-container,
body[data-scheme="inverse"] .bmi-calculator-container {
  color: #f7ebd8 !important;
  background: #2b2119 !important;
  border-color: #a98b6b !important;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important;
}

body[data-scheme="dark"] .bmi-calculator-container::before,
body[data-scheme="inverse"] .bmi-calculator-container::before {
  background-image:
    linear-gradient(rgba(229, 196, 139, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(229, 196, 139, 0.05) 1px, transparent 1px) !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .calculator-header h2,
body[data-scheme="inverse"] .bmi-calculator-wrapper .calculator-header h2,
body[data-scheme="dark"] .bmi-calculator-wrapper .section-title,
body[data-scheme="inverse"] .bmi-calculator-wrapper .section-title,
body[data-scheme="dark"] .bmi-calculator-wrapper .info-title,
body[data-scheme="inverse"] .bmi-calculator-wrapper .info-title,
body[data-scheme="dark"] .bmi-calculator-wrapper .result-value,
body[data-scheme="inverse"] .bmi-calculator-wrapper .result-value,
body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-threshold-list strong,
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-threshold-list strong {
  color: #f7ebd8 !important;
  -webkit-text-fill-color: #f7ebd8 !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .calculator-header .subtitle,
body[data-scheme="inverse"] .bmi-calculator-wrapper .calculator-header .subtitle,
body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-label,
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-label,
body[data-scheme="dark"] .bmi-calculator-wrapper .result-label,
body[data-scheme="inverse"] .bmi-calculator-wrapper .result-label,
body[data-scheme="dark"] .bmi-calculator-wrapper .result-label-text,
body[data-scheme="inverse"] .bmi-calculator-wrapper .result-label-text,
body[data-scheme="dark"] .bmi-calculator-wrapper .special-info,
body[data-scheme="inverse"] .bmi-calculator-wrapper .special-info,
body[data-scheme="dark"] .bmi-calculator-wrapper .info-desc,
body[data-scheme="inverse"] .bmi-calculator-wrapper .info-desc,
body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-threshold-list span,
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-threshold-list span,
body[data-scheme="dark"] .bmi-calculator-wrapper .no-result,
body[data-scheme="inverse"] .bmi-calculator-wrapper .no-result {
  color: #f0dfc5 !important;
  -webkit-text-fill-color: #f0dfc5 !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .input-section,
body[data-scheme="inverse"] .bmi-calculator-wrapper .input-section,
body[data-scheme="dark"] .bmi-calculator-wrapper .result-section,
body[data-scheme="inverse"] .bmi-calculator-wrapper .result-section,
body[data-scheme="dark"] .bmi-calculator-wrapper .special-section,
body[data-scheme="inverse"] .bmi-calculator-wrapper .special-section,
body[data-scheme="dark"] .bmi-calculator-wrapper .info-section,
body[data-scheme="inverse"] .bmi-calculator-wrapper .info-section,
body[data-scheme="dark"] .bmi-calculator-wrapper .info-card,
body[data-scheme="inverse"] .bmi-calculator-wrapper .info-card,
body[data-scheme="dark"] .bmi-calculator-wrapper .result-item,
body[data-scheme="inverse"] .bmi-calculator-wrapper .result-item,
body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-threshold-list li,
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-threshold-list li,
body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-radio-group label,
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-radio-group label,
body[data-scheme="dark"] .bmi-calculator-wrapper .no-result,
body[data-scheme="inverse"] .bmi-calculator-wrapper .no-result {
  color: #f7ebd8 !important;
  background: #33271d !important;
  border-color: #a98b6b !important;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.24) !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper input[type="text"],
body[data-scheme="inverse"] .bmi-calculator-wrapper input[type="text"],
body[data-scheme="dark"] .bmi-calculator-wrapper input[type="number"],
body[data-scheme="inverse"] .bmi-calculator-wrapper input[type="number"] {
  color: #fff5df !important;
  -webkit-text-fill-color: #fff5df !important;
  caret-color: #f0c86a !important;
  background: #241c15 !important;
  border-color: #a98b6b !important;
  box-shadow: inset 0 1px 0 rgba(240, 200, 106, 0.10) !important;
  color-scheme: dark !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .btn-quick,
body[data-scheme="inverse"] .bmi-calculator-wrapper .btn-quick {
  color: #f7ebd8 !important;
  -webkit-text-fill-color: #f7ebd8 !important;
  background: #344a32 !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .btn-reset,
body[data-scheme="inverse"] .bmi-calculator-wrapper .btn-reset {
  color: #fff0dd !important;
  -webkit-text-fill-color: #fff0dd !important;
  background: #5a3028 !important;
  border-color: #c98266 !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .btn-calculate,
body[data-scheme="inverse"] .bmi-calculator-wrapper .btn-calculate {
  color: #201811 !important;
  -webkit-text-fill-color: #201811 !important;
  background: #f0c86a !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .main-result,
body[data-scheme="inverse"] .bmi-calculator-wrapper .main-result {
  color: #f7ebd8 !important;
  background: #233c43 !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .big-number,
body[data-scheme="inverse"] .bmi-calculator-wrapper .big-number {
  color: #f1e8cf !important;
  -webkit-text-fill-color: #f1e8cf !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-category-badge,
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-category-badge {
  color: #f7ebd8 !important;
  -webkit-text-fill-color: #f7ebd8 !important;
  background: #344a32 !important;
  border-color: #a98b6b !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-notice,
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-notice,
body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-status,
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-status {
  color: #f0dfc5 !important;
  -webkit-text-fill-color: #f0dfc5 !important;
  background: #3b2d21 !important;
  border-color: #d2aa55 !important;
}

@media (max-width: 980px) {
  body.single-sight-projects .bmi-calculator-wrapper,
  .bmi-calculator-wrapper {
    width: min(1050px, calc(100vw - 20px)) !important;
  }
  .bmi-calculator-wrapper .calculator-main {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .bmi-calculator-wrapper .quick-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .bmi-calculator-wrapper .special-section,
  .bmi-calculator-wrapper .info-section {
    grid-column: 1 / -1 !important;
  }
  .bmi-calculator-wrapper .info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.single-sight-projects .bmi-calculator-wrapper,
  .bmi-calculator-wrapper {
    width: calc(100vw - 10px) !important;
    max-width: calc(100vw - 10px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }
  .bmi-calculator-container {
    padding: 9px !important;
    border-width: 1px !important;
    box-shadow: 3px 3px 0 rgba(72, 55, 40, 0.18) !important;
  }
  .bmi-calculator-wrapper .calculator-header {
    gap: 4px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }
  body.single-sight-projects .bmi-calculator-wrapper .calculator-header,
  .single-sight-projects .bmi-calculator-wrapper .calculator-header {
    gap: 4px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }
  .bmi-calculator-wrapper .quick-actions {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
  }
  .bmi-calculator-wrapper .btn-quick,
  .bmi-calculator-wrapper .btn-reset,
  .bmi-calculator-wrapper .btn-calculate {
    min-height: 36px !important;
    padding: 7px 8px !important;
    font-size: 12.5px !important;
  }
  .bmi-calculator-wrapper .calculator-main {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }
  .bmi-calculator-wrapper .input-section,
  .bmi-calculator-wrapper .result-section,
  .bmi-calculator-wrapper .special-section,
  .bmi-calculator-wrapper .info-section {
    padding: 9px !important;
  }
  .bmi-calculator-wrapper .section-title {
    margin-bottom: 8px !important;
    padding-bottom: 7px !important;
    font-size: 14.5px !important;
  }
  .bmi-calculator-wrapper .bmi-input-grid,
  .bmi-calculator-wrapper .bmi-input-grid--imperial,
  .bmi-calculator-wrapper .bmi-radio-group,
  .bmi-calculator-wrapper .bmi-radio-group:has(label:nth-child(3)),
  .bmi-calculator-wrapper .detail-results,
  .bmi-calculator-wrapper .info-grid {
    grid-template-columns: 1fr !important;
  }
  .bmi-calculator-wrapper input[type="text"],
  .bmi-calculator-wrapper input[type="number"] {
    min-height: 38px !important;
    font-size: 13.5px !important;
  }
  .bmi-calculator-wrapper .no-result {
    min-height: 110px !important;
  }
  .bmi-calculator-wrapper .bmi-notice {
    font-size: 12.4px !important;
  }
  .bmi-calculator-wrapper .roberin-article-body,
  body.single-sight-projects .bmi-calculator-wrapper + article {
    transform: none !important;
  }
}

@media (max-width: 380px) {
  .bmi-calculator-container {
    padding: 8px !important;
  }
  .bmi-calculator-wrapper .big-number {
    font-size: 32px !important;
  }
}

/* =========================================
   ROBERIN BMI calculator v14
   - Replay repair for visible hidden state, selected contrast, result wrapping, and desktop idle columns
   - Added after post-PASS user complaint on 2026-05-31
========================================= */
.bmi-calculator-wrapper {
  --bmi-result-track-label: 112px;
}

.bmi-calculator-wrapper .calculator-main {
  align-items: start !important;
  grid-auto-flow: row !important;
}

@media (min-width: 981px) {
  .bmi-calculator-wrapper .input-section {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  .bmi-calculator-wrapper .result-section {
    grid-column: 2 / 4 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
  }

  .bmi-calculator-wrapper .special-section {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }
}

.bmi-calculator-wrapper .bmi-radio-group label:has(input:checked) {
  color: #243b24 !important;
  -webkit-text-fill-color: #243b24 !important;
  background: #dcecc8 !important;
  border-color: rgba(47, 78, 46, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(47, 78, 46, 0.18) !important;
}

body[data-scheme="dark"] .bmi-calculator-wrapper .bmi-radio-group label:has(input:checked),
body[data-scheme="inverse"] .bmi-calculator-wrapper .bmi-radio-group label:has(input:checked) {
  color: #231a13 !important;
  -webkit-text-fill-color: #231a13 !important;
  background: #f2d48a !important;
  border-color: #d2aa55 !important;
  box-shadow: inset 0 0 0 1px rgba(35, 26, 19, 0.24) !important;
}

.bmi-calculator-wrapper .result-display {
  gap: 10px !important;
}

.bmi-calculator-wrapper .bmi-result-content .detail-results,
.bmi-calculator-wrapper .detail-results {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  margin-top: 0 !important;
}

.bmi-calculator-wrapper .result-item,
.bmi-calculator-wrapper .bmi-result-row,
.bmi-calculator-wrapper .bmi-result-row--wide {
  display: grid !important;
  grid-template-columns: minmax(92px, var(--bmi-result-track-label)) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
}

.bmi-calculator-wrapper .result-label,
.bmi-calculator-wrapper .result-label-text {
  min-width: 0 !important;
  padding-top: 1px !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

.bmi-calculator-wrapper .result-value,
.bmi-calculator-wrapper .value {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  line-height: 1.42 !important;
}

.bmi-calculator-wrapper .main-result {
  min-height: 112px !important;
}

.bmi-calculator-wrapper .bmi-copy-button {
  margin-top: 0 !important;
}

.bmi-calculator-wrapper .bmi-status {
  margin-top: 10px !important;
}

@media (max-width: 980px) {
  .bmi-calculator-wrapper .calculator-main {
    align-items: start !important;
  }

  .bmi-calculator-wrapper .result-section {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 640px) {
  .bmi-calculator-wrapper {
    --bmi-result-track-label: 82px;
  }

  .bmi-calculator-wrapper .result-item,
  .bmi-calculator-wrapper .bmi-result-row,
  .bmi-calculator-wrapper .bmi-result-row--wide {
    grid-template-columns: minmax(74px, var(--bmi-result-track-label)) minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 8px !important;
  }

  .bmi-calculator-wrapper .result-value,
  .bmi-calculator-wrapper .value {
    font-size: 13.2px !important;
    line-height: 1.38 !important;
  }
}

/* This must appear after every visual rule that sets .no-result display. */
.bmi-calculator-wrapper [hidden],
.bmi-calculator-wrapper .bmi-empty[hidden],
.bmi-calculator-wrapper .bmi-result-content[hidden],
.bmi-calculator-wrapper .bmi-unit-panel[hidden] {
  display: none !important;
  visibility: hidden !important;
}

/* =========================================
   ROBERIN BMI calculator v15
   - Exact result stack gap repair after user pointed at .main-result + .detail-results
   - 2026-05-31
========================================= */
.bmi-calculator-wrapper .bmi-result-content {
  display: grid !important;
  gap: 10px !important;
}

.bmi-calculator-wrapper .bmi-result-content .main-result,
.bmi-calculator-wrapper .bmi-result-content .detail-results {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.bmi-calculator-wrapper .bmi-result-content .detail-results {
  row-gap: 7px !important;
}

@media (max-width: 640px) {
  .bmi-calculator-wrapper .bmi-result-content {
    gap: 9px !important;
  }
}

/* Keep state hiding last in cascade after v15 stack display rules. */
.bmi-calculator-wrapper [hidden],
.bmi-calculator-wrapper .bmi-empty[hidden],
.bmi-calculator-wrapper .bmi-result-content[hidden],
.bmi-calculator-wrapper .bmi-unit-panel[hidden] {
  display: none !important;
  visibility: hidden !important;
}

/* =========================================
   ROBERIN BMI calculator v16
   - Locale text containment repair for JA/long mixed strings in special/info/result blocks
   - 2026-05-31
========================================= */
.bmi-calculator-wrapper .special-section,
.bmi-calculator-wrapper .info-section,
.bmi-calculator-wrapper .result-section,
.bmi-calculator-wrapper .info-card,
.bmi-calculator-wrapper .result-item,
.bmi-calculator-wrapper .bmi-threshold-list,
.bmi-calculator-wrapper .bmi-threshold-list li {
  min-width: 0 !important;
  max-width: 100% !important;
}

.bmi-calculator-wrapper .section-title,
.bmi-calculator-wrapper .special-info,
.bmi-calculator-wrapper .bmi-threshold-list span,
.bmi-calculator-wrapper .bmi-threshold-list strong,
.bmi-calculator-wrapper .info-title,
.bmi-calculator-wrapper .info-desc,
.bmi-calculator-wrapper .result-label,
.bmi-calculator-wrapper .result-label-text,
.bmi-calculator-wrapper .result-value,
.bmi-calculator-wrapper .value,
.bmi-calculator-wrapper .bmi-notice,
.bmi-calculator-wrapper .bmi-status {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-break: anywhere !important;
  hyphens: auto !important;
}

.bmi-calculator-wrapper .bmi-threshold-list span,
.bmi-calculator-wrapper .bmi-threshold-list strong,
.bmi-calculator-wrapper .info-title,
.bmi-calculator-wrapper .info-desc {
  display: block !important;
  width: 100% !important;
}

.bmi-calculator-wrapper .bmi-threshold-list li {
  overflow: visible !important;
}

@media (max-width: 640px) {
  .bmi-calculator-wrapper .bmi-threshold-list li,
  .bmi-calculator-wrapper .info-card,
  .bmi-calculator-wrapper .result-item {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-break: anywhere !important;
  }
}

/* Keep state hiding last in cascade after v16 containment display rules. */
.bmi-calculator-wrapper [hidden],
.bmi-calculator-wrapper .bmi-empty[hidden],
.bmi-calculator-wrapper .bmi-result-content[hidden],
.bmi-calculator-wrapper .bmi-unit-panel[hidden] {
  display: none !important;
  visibility: hidden !important;
}

/* =========================================
   ROBERIN BMI calculator v17
   - Refine locale wrapping so Latin tokens like WHO/CDC do not split unless unavoidable
   - 2026-05-31
========================================= */
.bmi-calculator-wrapper .section-title,
.bmi-calculator-wrapper .special-info,
.bmi-calculator-wrapper .bmi-threshold-list span,
.bmi-calculator-wrapper .bmi-threshold-list strong,
.bmi-calculator-wrapper .info-title,
.bmi-calculator-wrapper .info-desc,
.bmi-calculator-wrapper .result-label,
.bmi-calculator-wrapper .result-label-text,
.bmi-calculator-wrapper .result-value,
.bmi-calculator-wrapper .value,
.bmi-calculator-wrapper .bmi-notice,
.bmi-calculator-wrapper .bmi-status {
  overflow-wrap: break-word !important;
  word-break: normal !important;
  line-break: auto !important;
}

/* Keep state hiding last in cascade after v17 wrapping refinement. */
.bmi-calculator-wrapper [hidden],
.bmi-calculator-wrapper .bmi-empty[hidden],
.bmi-calculator-wrapper .bmi-result-content[hidden],
.bmi-calculator-wrapper .bmi-unit-panel[hidden] {
  display: none !important;
  visibility: hidden !important;
}

/* =========================================
   ROBERIN BMI calculator v18
   - User requested desktop width -150px (1050px -> 900px)
   - Desktop only; mobile/tablet viewport rules remain unchanged
   - 2026-05-31
========================================= */
@media (min-width: 981px) {
  body.single-sight-projects .bmi-calculator-wrapper,
  .bmi-calculator-wrapper {
    width: min(900px, calc(100vw - 32px)) !important;
    max-width: 900px !important;
  }
}

/* Keep state hiding last in cascade after v18 width override. */
.bmi-calculator-wrapper [hidden],
.bmi-calculator-wrapper .bmi-empty[hidden],
.bmi-calculator-wrapper .bmi-result-content[hidden],
.bmi-calculator-wrapper .bmi-unit-panel[hidden] {
  display: none !important;
  visibility: hidden !important;
}