
body{margin:0;background:var(--bg);color:var(--text)}
main{max-width:1180px;margin:0 auto;padding:18px 20px 60px}
.panel{background:var(--panel);border:1px solid var(--line)}
html[data-theme="light"] .panel{box-shadow:var(--card-shadow)}
.sm-desk h1{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
.sm-desk .eyebrow{font-size:var(--fs-label);font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.sm-stand{font-size:var(--fs-md);color:var(--text);margin:0 0 4px;max-width:62ch}
.sm-stance{font-size:var(--fs-body);color:var(--muted);margin:0 0 12px}
.sm-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;
  font-size:var(--fs-sm);color:var(--muted);margin:0}
.sm-count{font-family:var(--num);font-variant-numeric:tabular-nums;color:var(--text);font-weight:700}

.sm-mapwrap{padding:16px 18px;background:var(--panel)}
.sm-map{margin:0;position:relative;background:var(--panel)}
.sm-map svg{display:block;width:100%;height:auto}

.wm-c{fill:color-mix(in srgb, var(--text) 8%, var(--panel));
  stroke:color-mix(in srgb, var(--text) 14%, transparent);stroke-width:.5;
  transition:fill-opacity .12s linear,fill .12s linear}
.wm-c[data-rung="1"]{fill:var(--ink-act);fill-opacity:.22}
.wm-c[data-rung="2"]{fill:var(--ink-act);fill-opacity:.46}
.wm-c[data-rung="3"]{fill:var(--ink-act);fill-opacity:.78}
.wm-c[data-rung="x"],.sm-map.is-unknown .wm-c{fill:url(#sm-hatch);fill-opacity:1}
#sm-hatch line{stroke:var(--muted);stroke-width:.6;stroke-opacity:.30}
.sm-map[data-hi] .wm-c[data-iso3]{fill-opacity:.14}
.sm-map[data-hi] .wm-c.is-hi{fill-opacity:.85;stroke:var(--ink-link);stroke-width:1}

html[data-theme="light"] .wm-c{fill:color-mix(in srgb, var(--text) 6%, var(--panel));
  stroke:color-mix(in srgb, var(--text) 16%, transparent);stroke-width:.75}
html[data-theme="light"] .wm-c[data-rung="x"]{fill:url(#sm-hatch);fill-opacity:1}
html[data-theme="light"] .wm-c[data-rung="1"]{fill:var(--ink-act);fill-opacity:.16}
html[data-theme="light"] .wm-c[data-rung="2"]{fill:var(--ink-act);fill-opacity:.30}
html[data-theme="light"] .wm-c[data-rung="3"]{fill:var(--ink-act);fill-opacity:.48}
html[data-theme="light"] #sm-hatch line{stroke-opacity:.45}
html[data-theme="light"] .sm-map{border:1px solid var(--line);
  border-radius:var(--r-card,12px);box-shadow:var(--card-shadow)}
html[data-theme="light"] .sm-map[data-hi] .wm-c.is-hi{fill-opacity:.52;
  stroke:var(--ink-link);stroke-width:1.5;filter:none}

.sm-legend{display:flex;flex-wrap:wrap;gap:14px;list-style:none;padding:0;
  margin:12px 0 0;font-size:var(--fs-sm);color:var(--muted)}
.sm-legend i{display:inline-block;width:14px;height:10px;margin-right:6px;
  border:1px solid var(--line);border-radius:var(--r-ctl,8px);vertical-align:-1px;
  background:color-mix(in srgb, var(--text) 8%, var(--panel))}
.sm-legend [data-rung="0"] i{background:color-mix(in srgb, var(--text) 8%, var(--panel))}
.sm-legend [data-rung="1"] i{background:var(--ink-act);opacity:.22}
.sm-legend [data-rung="2"] i{background:var(--ink-act);opacity:.46}
.sm-legend [data-rung="3"] i{background:var(--ink-act);opacity:.78}
.sm-legend [data-rung="x"] i{background:repeating-linear-gradient(45deg,transparent 0 4.4px,var(--muted) 4.4px 5px);opacity:.30}
html[data-theme="light"] .sm-legend [data-rung="0"] i{background:color-mix(in srgb, var(--text) 6%, var(--panel))}
html[data-theme="light"] .sm-legend [data-rung="1"] i{opacity:.16}
html[data-theme="light"] .sm-legend [data-rung="2"] i{opacity:.30}
html[data-theme="light"] .sm-legend [data-rung="3"] i{opacity:.48}
html[data-theme="light"] .sm-legend [data-rung="x"] i{opacity:.45}

.sm-null{margin:10px 0 0;font-size:var(--fs-sm);color:var(--muted)}

.sm-modhead{padding:16px 18px 0}
.sm-modhead .sm-stance{margin-bottom:4px}
.sm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 18px}
.sm-card{border:1px solid var(--line);border-radius:var(--r-card,12px);padding:12px}
.sm-card .n{font-family:var(--num);font-variant-numeric:tabular-nums;font-weight:700}
.sm-card .n .unit{font-size:var(--fs-sm);font-weight:600;color:var(--muted)}
.sm-tbl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.sm-tbl th{font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.sm-tbl td{padding:8px 10px;border-bottom:1px solid var(--line)}
.sm-tbl tr:hover{background:var(--panel2)}
.sm-tblwrap{overflow-x:auto;padding:0 18px 16px}
.sm-disc{padding:16px 18px;border-top:1px solid var(--line)}

@media (prefers-reduced-motion:reduce){.wm-c{transition:none}}
@media (max-width:760px){
  .sm-legend{gap:10px;font-size:var(--fs-micro)}
  .sm-cards{grid-template-columns:1fr}
}
