/* /level-stats — measured hold-rate page (2026-08-26).
   Sits on redesign-base.css (fonts, landing-2026 body) + redesign-shell.css
   (rs-nav / rs-footer / topstrip). Same visual family as the morning-map page. */

.page-level-stats main { max-width: 980px; margin: 0 auto; padding: 48px 20px 70px; }

.ls-hero { text-align: center; margin: 18px auto 46px; max-width: 760px; }
.ls-hero__eyebrow {
  font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em;
  text-transform: uppercase; color: rgba(212, 180, 131, 0.85); margin: 0 0 12px;
}
.ls-hero h1 { font-size: clamp(30px, 4.6vw, 44px); line-height: 1.12; margin: 0 0 16px; }
.ls-hero__sub { color: #b3ab9c; font-size: 16.5px; line-height: 1.6; margin: 0; }

.ls-block { margin: 0 auto 46px; }
.ls-block h2 { font-size: 24px; margin: 0 0 14px; }
.ls-block > p { color: #b3ab9c; font-size: 15px; line-height: 1.65; max-width: 72ch; }
.ls-block em { color: #d9d2c4; font-style: italic; }
.ls-block strong { color: #ecedef; }

.ls-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 20px; }
.ls-card {
  padding: 22px 20px; border: 1px solid rgba(212, 180, 131, 0.18); border-radius: 14px;
  background: rgba(212, 180, 131, 0.04);
}
.ls-card--strong { border-color: rgba(143, 214, 168, 0.35); background: rgba(143, 214, 168, 0.05); }
.ls-card--miss { border-color: rgba(217, 153, 153, 0.35); background: rgba(217, 153, 153, 0.05); }
.ls-card__stat {
  font-family: "JetBrains Mono", monospace; font-size: 38px; font-weight: 700;
  color: #e0c48a; line-height: 1; margin-bottom: 6px;
}
.ls-card--strong .ls-card__stat { color: #8fd6a8; }
.ls-card--miss .ls-card__stat { color: #d99; }
.ls-card__title { font-weight: 700; font-size: 15.5px; margin-bottom: 8px; }
.ls-card p { margin: 0; color: #b3ab9c; font-size: 13.5px; line-height: 1.55; }

.ls-tablenote { color: #8f8878; font-size: 13px; margin: 0 0 12px; }
.ls-tablewrap { overflow-x: auto; border: 1px solid rgba(212, 180, 131, 0.18); border-radius: 12px; }
.ls-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 560px; }
.ls-table th {
  text-align: left; font-family: "JetBrains Mono", monospace; font-size: 10.5px;
  letter-spacing: 0.1em; text-transform: uppercase; color: #8f8878;
  padding: 12px 14px; border-bottom: 1px solid rgba(212, 180, 131, 0.22);
}
.ls-table td { padding: 10px 14px; border-bottom: 1px solid rgba(212, 180, 131, 0.09); color: #d9d2c4; font-variant-numeric: tabular-nums; }
.ls-table tr:last-child td { border-bottom: 0; }
.ls-table tr.is-strong td { color: #cfe8d8; background: rgba(143, 214, 168, 0.045); }
.ls-table tr.is-miss td { color: #e0bcbc; background: rgba(217, 153, 153, 0.05); }
.ls-reading { color: #b3ab9c; font-size: 14.5px; line-height: 1.6; margin: 16px 0 0; max-width: 76ch; }
.ls-reading a { color: #e0c48a; }

.ls-method { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; margin-top: 18px; }
.ls-method__item { padding: 18px; border: 1px solid rgba(212, 180, 131, 0.14); border-radius: 12px; }
.ls-method__item h3 { margin: 0 0 8px; font-size: 14px; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(212, 180, 131, 0.9); }
.ls-method__item p { margin: 0; color: #b3ab9c; font-size: 13.5px; line-height: 1.6; }

.ls-cta {
  text-align: center; margin: 54px auto 0; max-width: 640px; padding: 30px 26px;
  border: 1px solid rgba(212, 180, 131, 0.25); border-radius: 16px; background: rgba(212, 180, 131, 0.06);
}
.ls-cta h2 { margin: 0 0 10px; font-size: 22px; }
.ls-cta p { color: #b3ab9c; font-size: 14.5px; line-height: 1.6; margin: 0 0 18px; }
.ls-cta p a { color: #e0c48a; }
.ls-cta__btn {
  display: inline-block; padding: 12px 26px; font-weight: 700; font-size: 15px;
  color: #2a1f0d; background: linear-gradient(135deg, #e0c48a, #c8a878);
  border-radius: 10px; text-decoration: none;
}
.ls-cta__btn:hover { filter: brightness(1.07); text-decoration: none; }
.ls-cta__note { display: block; margin-top: 10px; font-size: 12px; color: #8f8878; }

.ls-disclaimer { margin: 40px auto 0; max-width: 78ch; color: #7d766a; font-size: 12px; line-height: 1.6; }