/* ── smvlevers.html — page styles (extracted from inline <style>) ── */

.smv-shell { display: grid; gap: 1.35rem; }

/* ── Equation strip ── */
.equation-panel {
  position: relative;
  overflow: hidden;
  border: 0.5px solid var(--border);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.86), rgba(255,246,238,0.6)),
    var(--card);
  box-shadow: var(--shadow-soft);
  padding: clamp(1.4rem, 4vw, 2.1rem);
}
.equation-panel::after {
  content: "";
  position: absolute;
  right: -8rem; top: -9rem;
  width: 22rem; aspect-ratio: 1; border-radius: 999px;
  background: radial-gradient(circle, rgba(196,30,58,0.12), transparent 68%);
  pointer-events: none;
}
.eq-kicker {
  display: inline-flex; align-items: center; gap: 0.45rem;
  color: var(--scarlet); font-size: 11px; letter-spacing: 0.08em;
  text-transform: uppercase; margin-bottom: 0.8rem;
}
.eq-title {
  position: relative; z-index: 1;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.9rem, 4.4vw, 3.1rem);
  line-height: 1; letter-spacing: -0.04em; color: var(--text);
  margin-bottom: 0.85rem; max-width: 720px;
}
.eq-title em { color: var(--scarlet); font-style: normal; }
.eq-copy {
  position: relative; z-index: 1;
  color: var(--text-muted); font-size: 14.5px; line-height: 1.75;
  max-width: 760px; margin-bottom: 1.4rem;
}
.eq-formula {
  display: flex; flex-wrap: wrap; align-items: center; gap: 7px;
  font-size: 13px; color: var(--text-muted); margin-bottom: 0.4rem;
}
.eq-chip {
  border-radius: 999px; border: 0.5px solid var(--border-light);
  background: rgba(255,255,255,0.6); padding: 0.32rem 0.7rem;
  color: var(--text); font-size: 12px; white-space: nowrap;
}
.eq-chip b { font-weight: 700; }
.eq-op { color: var(--text-dim); font-size: 15px; padding: 0 1px; }
.eq-mult {
  border-radius: 999px; padding: 0.32rem 0.7rem; font-size: 12px;
  background: rgba(196,30,58,0.08); border: 0.5px solid rgba(196,30,58,0.2);
  color: var(--scarlet-dim); white-space: nowrap;
}
.eq-note { color: var(--text-dim); font-size: 12px; line-height: 1.6; margin-top: 0.7rem; }

/* ── Evidence legend ── */
.ev-legend {
  display: flex; flex-wrap: wrap; gap: 8px 16px;
  font-size: 12px; color: var(--text-muted);
  border: 0.5px solid var(--border-light); border-radius: var(--radius-md);
  background: rgba(255,252,247,0.55); padding: 0.85rem 1rem;
}
.ev-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.ev {
  font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase;
  font-weight: 700; padding: 2px 9px; border-radius: 999px; white-space: nowrap;
}
.ev.solid     { background: #E1F5EE; color: #1B7A57; }
.ev.mixed     { background: #FAEEDA; color: #98640F; }
.ev.contested { background: #FBE7DB; color: #B0501C; }
.ev.lens      { background: #EEE9F7; color: #5B4B8A; }

/* ── Factor selector ── */
.factor-nav {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px;
}
.factor-tab {
  cursor: pointer; text-align: left;
  border: 0.5px solid var(--border); border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(255,255,255,0.86), rgba(255,250,243,0.72));
  box-shadow: var(--shadow-soft); padding: 0.95rem 0.9rem;
  transition: transform 140ms ease, border-color 140ms ease;
  font-family: Georgia, "Times New Roman", serif; color: var(--text); min-width: 0;
}
.factor-tab:hover { transform: translateY(-2px); }
.factor-tab.active { border-width: 1.5px; }
.ft-num {
  font-size: 11px; letter-spacing: 0.06em; margin-bottom: 0.5rem;
  display: flex; align-items: center; gap: 0.4rem;
}
.ft-dot { width: 8px; height: 8px; border-radius: 999px; flex: 0 0 auto; }
.ft-name { font-size: 16px; line-height: 1.1; margin-bottom: 0.3rem; }
.ft-tag { color: var(--text-muted); font-size: 11px; line-height: 1.4; }

/* ── Dossier ── */
.dossier {
  border: 0.5px solid var(--border); border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(255,250,243,0.72));
  box-shadow: var(--shadow-soft);
  padding: clamp(1.2rem, 3.4vw, 1.8rem);
}
.dossier-meta {
  display: inline-flex; align-items: center; gap: 0.45rem;
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  margin-bottom: 0.6rem;
}
.dossier-name {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2rem, 5vw, 3.2rem); line-height: 0.98;
  letter-spacing: -0.04em; color: var(--text); margin-bottom: 0.7rem;
}
.dossier-def { color: var(--text-muted); font-size: 15px; line-height: 1.75; max-width: 760px; }

.block-label {
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--text-dim); font-weight: 700;
  margin: 1.6rem 0 0.8rem; display: flex; align-items: center; gap: 0.5rem;
}
.block-label::after { content: ""; flex: 1; height: 0.5px; background: var(--border-light); }

.sub-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}
.sub-card {
  border: 0.5px solid var(--border-light); border-radius: var(--radius-md);
  background: rgba(255,252,247,0.64); padding: 0.85rem 0.95rem;
}
.sub-name { color: var(--text); font-size: 14px; line-height: 1.3; margin-bottom: 0.3rem; display: flex; align-items: center; gap: 0.45rem; }
.sub-name .sub-dot { width: 7px; height: 7px; border-radius: 999px; flex: 0 0 auto; }
.sub-text { color: var(--text-muted); font-size: 12.5px; line-height: 1.55; }

.research-list { display: grid; gap: 9px; }
.research-row {
  display: grid; grid-template-columns: auto 1fr; gap: 0.8rem; align-items: start;
  border: 0.5px solid var(--border-light); border-radius: var(--radius-md);
  background: rgba(255,252,247,0.6); padding: 0.8rem 0.9rem;
}
.research-claim { color: var(--text); font-size: 13px; line-height: 1.55; }
.research-cite { color: var(--text-dim); font-size: 11.5px; line-height: 1.4; margin-top: 0.25rem; font-style: italic; }

.split-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.split-card {
  border: 0.5px solid var(--border-light); border-radius: var(--radius-md);
  background: rgba(255,252,247,0.66); padding: 0.95rem;
}
.split-head {
  display: inline-flex; align-items: center; gap: 0.4rem;
  font-size: 11px; letter-spacing: 0.07em; text-transform: uppercase;
  margin-bottom: 0.5rem; font-weight: 700;
}
.split-head.fixed { color: #98640F; }
.split-head.malleable { color: #1B7A57; }
.split-text { color: var(--text-muted); font-size: 13px; line-height: 1.6; }

.lever-box {
  border: 0.5px solid rgba(196,30,58,0.22); border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(250,230,232,0.5), rgba(255,252,247,0.86));
  padding: 1rem 1.1rem; margin-top: 0.85rem;
}
.lever-box .lb-head { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--scarlet); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; margin-bottom: 0.5rem; }
.lever-box .lb-text { color: var(--text); font-size: 13.5px; line-height: 1.65; }

.curdle-box {
  border: 0.5px solid var(--border); border-radius: var(--radius-md);
  background: rgba(255,252,247,0.7); padding: 1rem 1.1rem; margin-top: 0.7rem;
}
.curdle-box .cb-head { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--text-dim); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; margin-bottom: 0.45rem; }
.curdle-box .cb-text { color: var(--text-muted); font-size: 13px; line-height: 1.6; }

/* ── Multipliers ── */
.mult-head {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.6rem, 4vw, 2.5rem); letter-spacing: -0.04em;
  line-height: 1; color: var(--text); margin-bottom: 0.6rem;
}
.mult-intro { color: var(--text-muted); font-size: 14px; line-height: 1.7; max-width: 820px; margin-bottom: 1.2rem; }
.mult-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.mult-card {
  border: 0.5px solid var(--border); border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(255,250,243,0.72));
  box-shadow: var(--shadow-soft); padding: 1.15rem;
}
.mult-icon {
  width: 38px; height: 38px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--scarlet-pale); color: var(--scarlet); font-size: 18px;
  margin-bottom: 0.7rem;
}
.mult-name { color: var(--text); font-size: 17px; line-height: 1.2; margin-bottom: 0.2rem; }
.mult-tag { color: var(--text-dim); font-size: 12px; font-style: italic; margin-bottom: 0.7rem; }
.mult-text { color: var(--text-muted); font-size: 13px; line-height: 1.6; margin-bottom: 0.7rem; }
.mult-cite { color: var(--text-dim); font-size: 11.5px; line-height: 1.45; font-style: italic; margin-bottom: 0.6rem; }
.mult-caveat { border-top: 0.5px solid var(--border-light); padding-top: 0.65rem; color: var(--text); font-size: 12.5px; line-height: 1.55; }
.mult-caveat strong { color: var(--scarlet-dim); }

/* ── Synthesis ── */
.synthesis-card {
  border: 0.5px solid var(--border); border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(255,250,243,0.72));
  box-shadow: var(--shadow-soft); padding: clamp(1.2rem, 3.4vw, 1.8rem);
}
.synthesis-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.7rem, 4vw, 2.7rem); letter-spacing: -0.04em;
  line-height: 1; color: var(--text); margin-bottom: 0.8rem;
}
.synthesis-copy { color: var(--text-muted); font-size: 14px; line-height: 1.75; max-width: 820px; }
.synthesis-copy strong { color: var(--text); }

.smv-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 1.2rem; }

.smv-disclaimer { color: var(--text-dim); font-size: 12px; line-height: 1.6; margin-top: 0.9rem; }

@media (max-width: 860px) {
  .factor-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mult-grid { grid-template-columns: 1fr; }
}
@media (max-width: 540px) {
  .factor-nav, .sub-grid, .split-grid { grid-template-columns: 1fr; }
  .research-row { grid-template-columns: 1fr; gap: 0.45rem; }
}