.mdw-page{
  max-width:1240px;
  margin:0 auto;
  padding:22px 18px 48px;
}
.section-kicker{
  display:inline-block;
  color:#f97316;
  font-size:13px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.mdw-hero{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(420px, 1.05fr);
  gap:22px;
  align-items:center;
  padding:0;
  overflow:hidden;
}
.mdw-copy{ padding:28px 28px 30px; }
.mdw-copy h1,
.mdw-snapshot h2,
.mdw-tier h2,
.mdw-why h2{
  margin:0;
  color:#291263;
  line-height:1.02;
}
.mdw-copy h1{ font-size:clamp(40px, 5vw, 64px); }
.mdw-copy p,
.tier-intro{
  margin:16px 0 0;
  color:#5f5775;
  line-height:1.7;
  font-size:18px;
}
.mdw-art{ display:flex; align-items:stretch; justify-content:flex-end; min-height:100%; }
.mdw-art img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.mdw-chip-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.mdw-chip{
  display:inline-flex; align-items:center; border:1px solid rgba(124,58,237,.16); background:#fff;
  color:#544b6a; border-radius:999px; padding:10px 14px; font-weight:800; font-size:13px;
}
.mdw-snapshot{ margin-top:22px; padding:22px; }
.mdw-snapshot-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
  gap:18px;
  align-items:start;
}
.mdw-snapshot-head p{ margin:10px 0 0; color:#5f5775; }
.mdw-how-violet{
  border:1px solid rgba(124,58,237,.16);
  background:linear-gradient(180deg, rgba(124,58,237,.05), #fff);
  border-radius:18px;
  padding:16px;
}
.mdw-how-violet h3{ margin:0 0 8px; color:#291263; }
.violet-quote{ margin-top:10px; color:#5b21b6; font-style:italic; font-weight:800; }
.mdw-count-grid{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:18px;
}
.mdw-count{
  border-radius:18px; padding:14px 16px; border:1px solid rgba(148,163,184,.16); background:#fff; min-height:84px;
}
.mdw-count span{ display:block; color:#5f5775; font-weight:900; text-transform:uppercase; letter-spacing:.08em; font-size:12px; }
.mdw-count strong{ display:block; margin-top:8px; font-size:34px; line-height:1; color:#291263; }
.mdw-count.ok{ background:linear-gradient(180deg, rgba(34,197,94,.08), #fff); }
.mdw-count.warn{ background:linear-gradient(180deg, rgba(245,158,11,.10), #fff); }
.mdw-count.crit{ background:linear-gradient(180deg, rgba(239,68,68,.10), #fff); }
.mdw-count.err{ background:linear-gradient(180deg, rgba(59,130,246,.10), #fff); }
.mdw-count.unk{ background:linear-gradient(180deg, rgba(124,58,237,.07), #fff); }
.mdw-tier{ margin-top:28px; }
.mdw-tier h2{ font-size:clamp(30px, 3.6vw, 46px); }
.dist-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin-top:18px;
}
.dist-card{
  border:1px solid rgba(148,163,184,.18); border-radius:18px; background:#fff; box-shadow:0 12px 28px rgba(15,23,42,.06);
  padding:16px; display:flex; flex-direction:column; gap:10px; position:relative; overflow:hidden;
}
.dist-card.highlight{
  border-color:rgba(124,58,237,.34); box-shadow:0 14px 32px rgba(124,58,237,.12);
  background:linear-gradient(180deg, rgba(124,58,237,.05), rgba(255,255,255,1));
}
.dist-meta{ font-size:12px; font-weight:900; letter-spacing:.35px; text-transform:uppercase; color:#6d28d9; }
.dist-name{ margin:0; font-size:20px; line-height:1.24; color:#291263; }
.dist-desc{ margin:0; color:#5f5775; line-height:1.6; }
.dist-status-row{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.chip{
  display:inline-block; max-width:100%; padding:6px 10px; border-radius:10px; background:rgba(255,255,255,.9);
  border:1px solid rgba(148,163,184,.28); font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;
}
.tag{
  display:inline-flex; align-items:center; padding:5px 10px; border-radius:999px; font-weight:900; font-size:12px;
  border:1px solid rgba(15,23,42,.12); background:rgba(148,163,184,.14);
}
.tag.ok{background:rgba(34,197,94,.12)}
.tag.warn{background:rgba(245,158,11,.16)}
.tag.crit{background:rgba(239,68,68,.14)}
.tag.err{background:rgba(59,130,246,.12)}
.tag.unk{background:rgba(124,58,237,.12)}
.dist-note{ font-size:13px; color:#5f5775; }
.error-note{ color:#991b1b; }
.dist-links{ display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; padding-top:6px; }
.mdw-why{ margin-top:28px; }
.mdw-why-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mini-card{ border:1px solid rgba(124,58,237,.14); background:linear-gradient(180deg, rgba(124,58,237,.035), #fff); border-radius:18px; padding:16px; }
.mini-card h3{ margin:0 0 8px; color:#291263; }
.mini-card p{ margin:0; color:#5f5775; line-height:1.6; }
.compact{ margin:0; padding-left:18px; }
.compact li{ margin:0 0 6px; }
.mono{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
@media (max-width:1080px){
  .mdw-hero,
  .mdw-snapshot-head,
  .mdw-why-grid{ grid-template-columns:1fr; }
  .mdw-count-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px){
  .mdw-page{ padding:16px 12px 36px; }
  .mdw-copy{ padding:22px 18px 20px; }
  .mdw-copy h1{ font-size:clamp(34px,10vw,48px); }
  .mdw-copy p,.tier-intro{ font-size:16px; }
  .mdw-count-grid,.mdw-why-grid{ grid-template-columns:1fr; }
  .mdw-art img{ height:auto; object-fit:contain; }
}