.sandbox-nav span { margin-left:.35rem; padding:.15rem .4rem; border-radius:999px; background:#efe2cf; color:#8b542f; font-size:.62rem; }
.sandbox-hero { display:flex; justify-content:space-between; gap:2rem; align-items:center; margin:2rem 0; }
.sandbox-hero h1 { margin:.25rem 0; }
.sandbox-boundary,.sandbox-governance { padding:1rem 1.25rem; border:1px solid #d4a36f; background:#fff8ed; border-radius:12px; color:#7b4827; }
.sandbox-boundary span,.sandbox-governance strong { display:block; margin-top:.25rem; }
.successor-architecture #successor-family-weights { display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:.65rem; margin-top:1rem; }
.successor-architecture #successor-family-weights > div { display:flex; justify-content:space-between; gap:1rem; padding:.75rem .9rem; border:1px solid var(--line,#ddd); border-radius:10px; background:#faf8f3; }
.successor-architecture #successor-family-weights strong { white-space:nowrap; }
.sandbox-score-comparison { display:grid; grid-template-columns:1fr 1fr .65fr; gap:1rem; margin-bottom:1.25rem; }
.sandbox-mode { display:flex; justify-content:space-between; gap:1rem; align-items:center; margin:0 0 1rem; padding:.8rem 1rem; border:1px solid var(--line,#ddd); border-radius:12px; background:#faf8f3; }
.sandbox-mode div { display:flex; gap:.5rem; }
.sandbox-mode button.is-active { background:#263c36; color:#fff; }
.sandbox-mode p { margin:0; color:var(--muted,#69645d); font-size:.78rem; text-align:right; }
.sandbox-score-comparison article { padding:1.4rem; border-radius:14px; border:1px solid var(--line,#ddd); background:#fff; }
.sandbox-score-comparison article>span { font-size:.68rem; letter-spacing:.08em; font-weight:800; }
.sandbox-score-comparison h2 { margin:.45rem 0; font-size:1rem; }
.sandbox-score-comparison article>strong { font-size:3rem; }
.sandbox-official { box-shadow:inset 4px 0 #263c36; }
.sandbox-custom { box-shadow:inset 4px 0 #d8732f; background:#fffaf5!important; }
.sandbox-custom>span { color:#a35320; }
.sandbox-difference { display:flex; flex-direction:column; justify-content:center; }
.sandbox-difference>strong { font-size:2rem!important; }
.sandbox-controls .panel-head>div:last-child { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; }
.sandbox-controls .panel-head { flex-wrap:wrap; }
.sandbox-controls .panel-head>div { min-width:0; }
.sandbox-controls .panel-head button { text-transform:uppercase; }
.sandbox-controls .sandbox-primary-action { background:#d8732f; color:#fff; border-color:#d8732f; font-weight:800; }
.sandbox-controls .sandbox-reference-action { border-color:transparent; background:transparent; color:var(--muted,#69645d); font-size:.7rem; }
.sandbox-metrics { display:grid; gap:.75rem; }
.sandbox-family { margin:1.35rem 0 -.35rem; color:#8b542f; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
.sandbox-metric { display:grid; grid-template-columns:90px minmax(220px,1.2fr) minmax(240px,1fr) 150px; gap:1.2rem; align-items:center; padding:1rem; border-top:1px solid var(--line,#ddd); }
.sandbox-metric>* { min-width:0; }
.sandbox-metric.is-excluded { opacity:.62; }
.sandbox-include { font-weight:750; font-size:.78rem; }
.sandbox-card-toggles { display:grid; gap:.55rem; font-size:.72rem; }
.sandbox-include input,.sandbox-metric input[type=range] { accent-color:#d8732f; }
.sandbox-metric h3 { margin:0; }
.sandbox-metric p { margin:.3rem 0; color:var(--muted,#69645d); font-size:.82rem; }
.sandbox-metric a { font-size:.78rem; }
.sandbox-metric small,.sandbox-no-explorer { display:block; margin:.3rem 0; color:var(--muted,#69645d); font-size:.68rem; }
.sandbox-slider-labels { display:flex; justify-content:space-between; font-size:.76rem; }
.sandbox-metric input[type=range] { width:100%; }
.sandbox-weight-inputs { display:grid; grid-template-columns:minmax(110px,1fr) 82px auto; gap:.45rem; align-items:center; margin-top:.45rem; }
.sandbox-weight-inputs label { display:flex; align-items:center; gap:.2rem; font-size:.72rem; }
.sandbox-weight-inputs input[type=number] { width:58px; padding:.35rem; }
.sandbox-weight-inputs button { padding:.4rem .55rem; font-size:.68rem; white-space:nowrap; }
.sandbox-metric-reading { text-align:right; }
.sandbox-metric-reading strong { display:block; font-size:1.2rem; }
.sandbox-methodology { margin-top:1rem; border-top:1px solid var(--line,#ddd); padding-top:1rem; }
.sandbox-methodology summary { cursor:pointer; font-weight:750; }
.sandbox-methodology #sandbox-excluded-metrics { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-top:1rem; }
.sandbox-methodology article { padding:1rem; border:1px solid var(--line,#ddd); border-radius:10px; }
.sandbox-methodology article span { display:block; color:#9a5c32; font-size:.72rem; text-transform:uppercase; margin:.2rem 0; }
.sandbox-methodology article p { font-size:.82rem; }
.sandbox-mvrv-method { margin-top:1rem; padding:1rem; border-left:4px solid #d8732f; background:#fff8ed; }.sandbox-mvrv-method p { margin:.35rem 0 0; font-size:.84rem; }.sandbox-experimental-label { display:inline-block; margin:.25rem 0; padding:.2rem .45rem; border-radius:999px; background:#fff0df; color:#985322; font-size:.66rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.sandbox-detail-grid { display:grid; grid-template-columns:2fr 1fr; gap:1.25rem; }
.sandbox-breakdown-head,.sandbox-contribution { display:grid; grid-template-columns:1fr 1.2fr 1.2fr; gap:1rem; align-items:center; }
.sandbox-breakdown-head { font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; color:var(--muted,#69645d); }
.sandbox-contribution { padding:.8rem 0; border-top:1px solid var(--line,#ddd); }
.sandbox-contribution small { color:var(--muted,#69645d); }
.sandbox-bar { height:1.55rem; background:#eee; border-radius:5px; overflow:hidden; }
.sandbox-bar i { display:block; height:100%; min-width:2px; background:#d8732f; }
.sandbox-summary #sandbox-model-summary>div { display:flex; justify-content:space-between; gap:1rem; padding:.65rem 0; border-bottom:1px dotted var(--line,#ddd); }
.sandbox-summary-total { margin-top:.5rem; border-bottom:0!important; font-size:1.05rem; }
.sandbox-model-facts { margin-top:1rem; padding-top:.65rem; border-top:1px solid var(--line,#ddd); }
.sandbox-model-facts>div { display:flex; justify-content:space-between; gap:1rem; padding:.45rem 0; font-size:.75rem; }
.sandbox-history { margin-top:1.25rem; }
.sandbox-chart { height:430px; }
.sandbox-chart,.sandbox-chart canvas { max-width:100%; }
.sandbox-chart-actions { display:flex; gap:.4rem; flex-wrap:wrap; align-items:center; }
.sandbox-chart-actions label { font-size:.78rem; }
.sandbox-chart-actions .is-active { background:#263c36; color:#fff; }
.sandbox-governance { margin:1rem 0 2rem; }
.sandbox-history.is-unavailable .sandbox-chart,.sandbox-history.is-unavailable .sandbox-chart-actions { display:none; }
@media(max-width:850px) {
  .sandbox-score-comparison,.sandbox-detail-grid,.sandbox-methodology #sandbox-excluded-metrics { grid-template-columns:1fr; }
  .sandbox-metric { grid-template-columns:1fr; }
  .sandbox-metric-reading { text-align:left; }
  .sandbox-hero { align-items:flex-start; flex-direction:column; }
  .sandbox-mode { align-items:flex-start; flex-direction:column; }
  .sandbox-mode p { text-align:left; }
  .successor-architecture #successor-family-weights { grid-template-columns:1fr; }
  .sandbox-controls .panel-head>div:last-child { width:100%; }
  .sandbox-controls .panel-head button,.sandbox-card-toggles label { min-height:44px; }
  .sandbox-weight-inputs { grid-template-columns:minmax(90px,1fr) 82px auto; }
}
@media(max-width:520px) {
  .sandbox-score-comparison article { padding:1rem; }
  .sandbox-metric { padding:.8rem 0; }
  .sandbox-weight-inputs { grid-template-columns:1fr 82px; }
  .sandbox-weight-inputs button { grid-column:1/-1; }
  .sandbox-chart-actions>* { max-width:100%; }
}