/* ============================================================
   MachineWorth design system
   Calm, analytical, evidence-forward. Not a robotics fan site,
   not a banking app. Graphite + off-white + industrial blue,
   with green/amber/red reserved for economic signals only.
   Dependency-free. Light + dark aware.
   ============================================================ */

:root {
  /* Neutrals - warm off-white ground, graphite ink */
  --mw-bg:            #F6F4EF;
  --mw-surface:       #FFFFFF;
  --mw-surface-2:     #FBFAF7;
  --mw-surface-sunk:  #F0EDE6;
  --mw-ink:           #1B2026;   /* deep graphite */
  --mw-ink-2:         #3C444E;
  --mw-muted:         #5C6672;
  --mw-faint:         #8A929C;
  --mw-line:          #E3DFD6;
  --mw-line-strong:   #D2CCC0;

  /* Industrial blue - primary brand accent */
  --mw-blue:          #2F5C86;
  --mw-blue-strong:   #244A6E;
  --mw-blue-soft:     #E9EFF5;
  --mw-blue-ink:      #1D3350;

  /* Economic signal semantics (use ONLY for economics) */
  --mw-green:         #2E7D5B;   /* positive / attractive */
  --mw-green-soft:    #E4F1EA;
  --mw-amber:         #A9761A;   /* uncertainty / needs analysis */
  --mw-amber-soft:    #F6EDD9;
  --mw-red:           #B23A3A;   /* negative warning only */
  --mw-red-soft:      #F6E5E3;

  /* Evidence tiers */
  --mw-ev-strong:     #2E7D5B;
  --mw-ev-medium:     #3F6EA0;
  --mw-ev-weak:       #A9761A;
  --mw-ev-speculative:#8A929C;

  --mw-radius:        10px;
  --mw-radius-sm:     7px;
  --mw-radius-lg:     16px;
  --mw-shadow-sm:     0 1px 2px rgba(27,32,38,.06), 0 1px 3px rgba(27,32,38,.05);
  --mw-shadow:        0 2px 8px rgba(27,32,38,.06), 0 8px 24px rgba(27,32,38,.06);
  --mw-shadow-lg:     0 12px 40px rgba(27,32,38,.12);

  --mw-maxw:          1120px;
  --mw-maxw-narrow:   760px;

  --mw-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mw-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mw-bg:            #14171B;
    --mw-surface:       #1B1F24;
    --mw-surface-2:     #20252B;
    --mw-surface-sunk:  #101317;
    --mw-ink:           #ECEEF1;
    --mw-ink-2:         #C4CAD2;
    --mw-muted:         #9BA4AF;
    --mw-faint:         #6E7883;
    --mw-line:          #2C323A;
    --mw-line-strong:   #3A424C;

    --mw-blue:          #6FA2D0;
    --mw-blue-strong:   #8FBBE0;
    --mw-blue-soft:     #1E2A38;
    --mw-blue-ink:      #BFD6EC;

    --mw-green:         #5FBF8F;
    --mw-green-soft:    #17271F;
    --mw-amber:         #D6A653;
    --mw-amber-soft:    #2A2213;
    --mw-red:           #E0716F;
    --mw-red-soft:      #2A1918;

    --mw-ev-strong:     #5FBF8F;
    --mw-ev-medium:     #6FA2D0;
    --mw-ev-weak:       #D6A653;
    --mw-ev-speculative:#8A929C;

    --mw-shadow-sm:     0 1px 2px rgba(0,0,0,.3);
    --mw-shadow:        0 2px 8px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
    --mw-shadow-lg:     0 12px 40px rgba(0,0,0,.5);
  }
}

[data-theme="dark"] {
  --mw-bg:#14171B; --mw-surface:#1B1F24; --mw-surface-2:#20252B; --mw-surface-sunk:#101317;
  --mw-ink:#ECEEF1; --mw-ink-2:#C4CAD2; --mw-muted:#9BA4AF; --mw-faint:#6E7883;
  --mw-line:#2C323A; --mw-line-strong:#3A424C;
  --mw-blue:#6FA2D0; --mw-blue-strong:#8FBBE0; --mw-blue-soft:#1E2A38; --mw-blue-ink:#BFD6EC;
  --mw-green:#5FBF8F; --mw-green-soft:#17271F; --mw-amber:#D6A653; --mw-amber-soft:#2A2213;
  --mw-red:#E0716F; --mw-red-soft:#2A1918;
  --mw-ev-strong:#5FBF8F; --mw-ev-medium:#6FA2D0; --mw-ev-weak:#D6A653; --mw-ev-speculative:#8A929C;
}

/* ---------- reset ---------- */
*,*::before,*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--mw-sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--mw-ink);
  background: var(--mw-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: var(--mw-blue); text-decoration: none; }
a:hover { text-decoration: underline; }
h1,h2,h3,h4 { line-height: 1.2; letter-spacing: -0.015em; color: var(--mw-ink); margin: 0 0 .5em; font-weight: 650; }
h1 { font-size: clamp(1.9rem, 4.2vw, 3rem); letter-spacing: -0.03em; }
h2 { font-size: clamp(1.4rem, 2.8vw, 2rem); letter-spacing: -0.02em; }
h3 { font-size: 1.2rem; }
p { margin: 0 0 1rem; }
:focus-visible { outline: 2px solid var(--mw-blue); outline-offset: 2px; border-radius: 4px; }
hr { border: 0; border-top: 1px solid var(--mw-line); margin: 2.5rem 0; }
::selection { background: var(--mw-blue-soft); }

/* ---------- layout ---------- */
.mw-container { max-width: var(--mw-maxw); margin: 0 auto; padding: 0 24px; }
.mw-narrow { max-width: var(--mw-maxw-narrow); margin-left: auto; margin-right: auto; }
.mw-section { padding: 64px 0; }
.mw-section-sm { padding: 40px 0; }
.mw-grid { display: grid; gap: 20px; }
.mw-eyebrow {
  font-family: var(--mw-mono); font-size: .72rem; letter-spacing: .16em;
  text-transform: uppercase; color: var(--mw-blue); font-weight: 600; margin-bottom: .6rem;
}
.mw-lead { font-size: 1.15rem; color: var(--mw-ink-2); }
.mw-muted { color: var(--mw-muted); }
.mw-small { font-size: .85rem; }
.mw-mono { font-family: var(--mw-mono); }
.mw-center { text-align: center; }

/* ---------- header / nav ---------- */
.mw-header {
  position: sticky; top: 0; z-index: 50;
  background: color-mix(in srgb, var(--mw-bg) 88%, transparent);
  backdrop-filter: saturate(1.2) blur(10px);
  border-bottom: 1px solid var(--mw-line);
}
.mw-nav { display: flex; align-items: center; gap: 20px; height: 62px; }
.mw-brand { display: flex; align-items: center; gap: 10px; font-weight: 680; letter-spacing: -0.02em; color: var(--mw-ink); font-size: 1.08rem; }
.mw-brand:hover { text-decoration: none; }
.mw-brand svg { width: 26px; height: 26px; flex: none; }
.mw-brand b { font-weight: 680; }
.mw-brand .mw-brand-worth { color: var(--mw-blue); }
.mw-nav-links { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.mw-nav-links a {
  color: var(--mw-ink-2); font-size: .92rem; font-weight: 500;
  padding: 8px 11px; border-radius: var(--mw-radius-sm);
}
.mw-nav-links a:hover { background: var(--mw-surface-sunk); text-decoration: none; color: var(--mw-ink); }
.mw-nav-links a[aria-current="page"] { color: var(--mw-blue); }
.mw-nav-toggle { display: none; margin-left: auto; background: none; border: 1px solid var(--mw-line-strong); border-radius: 8px; padding: 7px 9px; cursor: pointer; color: var(--mw-ink); }

@media (max-width: 860px) {
  .mw-nav-links { display: none; position: absolute; top: 62px; left: 0; right: 0; flex-direction: column; align-items: stretch; background: var(--mw-surface); border-bottom: 1px solid var(--mw-line); padding: 8px; gap: 2px; box-shadow: var(--mw-shadow); }
  .mw-nav-links.open { display: flex; }
  .mw-nav-links a { padding: 12px; }
  .mw-nav-toggle { display: inline-flex; }
  .mw-nav .mw-btn-nav { display: none; }
}

/* ---------- buttons ---------- */
.mw-btn {
  display: inline-flex; align-items: center; gap: 8px; justify-content: center;
  font-family: var(--mw-sans); font-size: .95rem; font-weight: 580; line-height: 1;
  padding: 12px 18px; border-radius: var(--mw-radius); cursor: pointer;
  border: 1px solid transparent; transition: transform .06s ease, background .15s ease, box-shadow .15s ease;
  text-decoration: none; white-space: nowrap;
}
.mw-btn:hover { text-decoration: none; }
.mw-btn:active { transform: translateY(1px); }
.mw-btn-primary { background: var(--mw-blue); color: #fff; box-shadow: var(--mw-shadow-sm); }
.mw-btn-primary:hover { background: var(--mw-blue-strong); color: #fff; }
[data-theme="dark"] .mw-btn-primary, :root:not([data-theme="light"]) .mw-btn-primary { color: #0c1116; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .mw-btn-primary { color:#0c1116; } }
.mw-btn-ghost { background: var(--mw-surface); color: var(--mw-ink); border-color: var(--mw-line-strong); }
.mw-btn-ghost:hover { background: var(--mw-surface-sunk); color: var(--mw-ink); }
.mw-btn-lg { padding: 15px 24px; font-size: 1.02rem; }
.mw-btn-sm { padding: 8px 13px; font-size: .85rem; }
.mw-btn-block { width: 100%; }

/* ---------- cards ---------- */
.mw-card {
  background: var(--mw-surface); border: 1px solid var(--mw-line);
  border-radius: var(--mw-radius-lg); padding: 22px; box-shadow: var(--mw-shadow-sm);
}
.mw-card-hover { transition: border-color .15s ease, box-shadow .15s ease, transform .1s ease; }
.mw-card-hover:hover { border-color: var(--mw-line-strong); box-shadow: var(--mw-shadow); transform: translateY(-2px); }
a.mw-card { color: inherit; display: block; }
a.mw-card:hover { text-decoration: none; }

.mw-cols-2 { grid-template-columns: repeat(2, 1fr); }
.mw-cols-3 { grid-template-columns: repeat(3, 1fr); }
.mw-cols-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) { .mw-cols-3, .mw-cols-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .mw-cols-2, .mw-cols-3, .mw-cols-4 { grid-template-columns: 1fr; } }

/* ---------- badges / chips ---------- */
.mw-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--mw-mono); font-size: .7rem; font-weight: 600; letter-spacing: .04em;
  padding: 4px 9px; border-radius: 999px; border: 1px solid var(--mw-line-strong);
  color: var(--mw-ink-2); background: var(--mw-surface-2); text-transform: uppercase; white-space: nowrap;
}
.mw-badge .dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.mw-badge-blue  { color: var(--mw-blue);  background: var(--mw-blue-soft);  border-color: transparent; }
.mw-badge-green { color: var(--mw-green); background: var(--mw-green-soft); border-color: transparent; }
.mw-badge-amber { color: var(--mw-amber); background: var(--mw-amber-soft); border-color: transparent; }
.mw-badge-red   { color: var(--mw-red);   background: var(--mw-red-soft);   border-color: transparent; }
.mw-badge-plain { color: var(--mw-muted); background: var(--mw-surface-sunk); border-color: transparent; }

/* evidence badge */
.mw-ev { display:inline-flex; align-items:center; gap:6px; font-family: var(--mw-mono); font-size:.7rem; font-weight:600; padding:3px 8px; border-radius:6px; letter-spacing:.02em; }
.mw-ev .bar { display:inline-flex; gap:2px; }
.mw-ev .bar i { width:3px; height:9px; border-radius:1px; background: currentColor; opacity:.25; }
.mw-ev.lvl-verified-primary   { color: var(--mw-ev-strong); background: var(--mw-green-soft); }
.mw-ev.lvl-customer-confirmed  { color: var(--mw-ev-strong); background: var(--mw-green-soft); }
.mw-ev.lvl-manufacturer-reported { color: var(--mw-ev-medium); background: var(--mw-blue-soft); }
.mw-ev.lvl-demonstrated-unverified { color: var(--mw-ev-weak); background: var(--mw-amber-soft); }
.mw-ev.lvl-analyst-estimate { color: var(--mw-ev-weak); background: var(--mw-amber-soft); }
.mw-ev.lvl-speculative { color: var(--mw-ev-speculative); background: var(--mw-surface-sunk); }
.mw-ev.lvl-verified-primary .bar i:nth-child(-n+5),
.mw-ev.lvl-customer-confirmed .bar i:nth-child(-n+4),
.mw-ev.lvl-manufacturer-reported .bar i:nth-child(-n+3),
.mw-ev.lvl-demonstrated-unverified .bar i:nth-child(-n+2),
.mw-ev.lvl-analyst-estimate .bar i:nth-child(-n+2),
.mw-ev.lvl-speculative .bar i:nth-child(-n+1) { opacity: 1; }

/* status pill */
.mw-status { font-family: var(--mw-mono); font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.05em; padding:3px 8px; border-radius:6px; }
.mw-status.commercially-available, .mw-status.production { color: var(--mw-green); background: var(--mw-green-soft); }
.mw-status.pilot { color: var(--mw-blue); background: var(--mw-blue-soft); }
.mw-status.demonstration, .mw-status.announced { color: var(--mw-amber); background: var(--mw-amber-soft); }
.mw-status.prototype { color: var(--mw-muted); background: var(--mw-surface-sunk); }
.mw-status.discontinued { color: var(--mw-red); background: var(--mw-red-soft); }

/* ---------- hero ---------- */
.mw-hero { padding: 76px 0 40px; position: relative; overflow: hidden; }
.mw-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
@media (max-width: 900px) { .mw-hero-grid { grid-template-columns: 1fr; gap: 28px; } }
.mw-hero h1 { margin-bottom: 18px; }
.mw-hero .mw-lead { margin-bottom: 26px; max-width: 34ch; }
.mw-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.mw-hero-note { margin-top: 16px; font-size: .84rem; color: var(--mw-muted); }

/* signal preview card in hero */
.mw-signal-card { background: var(--mw-surface); border:1px solid var(--mw-line); border-radius: var(--mw-radius-lg); box-shadow: var(--mw-shadow); overflow: hidden; }
.mw-signal-card .head { padding: 16px 18px; border-bottom: 1px solid var(--mw-line); display:flex; align-items:center; justify-content:space-between; }
.mw-signal-card .head b { font-size:.9rem; }
.mw-signal-card .body { padding: 18px; }
.mw-signal-meter { height: 10px; border-radius: 999px; background: linear-gradient(90deg, var(--mw-red) 0%, var(--mw-amber) 50%, var(--mw-green) 100%); position: relative; margin: 10px 0 6px; opacity:.85; }
.mw-signal-meter .needle { position:absolute; top:-4px; width:3px; height:18px; background: var(--mw-ink); border-radius:2px; transform: translateX(-50%); box-shadow:0 0 0 2px var(--mw-surface); }
.mw-kv { display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px dashed var(--mw-line); font-size:.9rem; }
.mw-kv:last-child { border-bottom:0; }
.mw-kv .k { color: var(--mw-muted); }
.mw-kv .v { font-family: var(--mw-mono); font-weight:600; }

/* ---------- stat row ---------- */
.mw-stats { display:grid; grid-template-columns: repeat(4,1fr); gap:1px; background:var(--mw-line); border:1px solid var(--mw-line); border-radius: var(--mw-radius-lg); overflow:hidden; }
@media (max-width:700px){ .mw-stats{ grid-template-columns: repeat(2,1fr);} }
.mw-stat { background: var(--mw-surface); padding: 20px; }
.mw-stat .n { font-family: var(--mw-mono); font-size: 1.7rem; font-weight: 650; letter-spacing:-.02em; }
.mw-stat .l { font-size: .82rem; color: var(--mw-muted); margin-top: 2px; }

/* ---------- tables ---------- */
.mw-table-wrap { overflow-x: auto; border: 1px solid var(--mw-line); border-radius: var(--mw-radius-lg); background: var(--mw-surface); }
table.mw-table { width: 100%; border-collapse: collapse; font-size: .92rem; min-width: 520px; }
.mw-table th, .mw-table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--mw-line); vertical-align: top; }
.mw-table thead th { font-size:.74rem; text-transform:uppercase; letter-spacing:.06em; color: var(--mw-muted); font-weight:600; background: var(--mw-surface-2); position: sticky; top: 0; }
.mw-table tbody tr:last-child td { border-bottom: 0; }
.mw-table td.num, .mw-table th.num { font-family: var(--mw-mono); text-align: right; }
.mw-table tbody tr:hover { background: var(--mw-surface-2); }
.mw-table .rowlabel { color: var(--mw-muted); font-weight:500; white-space: nowrap; }

/* ---------- spec list ---------- */
.mw-spec-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:1px; background: var(--mw-line); border:1px solid var(--mw-line); border-radius: var(--mw-radius); overflow:hidden; }
@media (max-width:560px){ .mw-spec-grid { grid-template-columns:1fr; } }
.mw-spec { background: var(--mw-surface); padding: 12px 14px; }
.mw-spec .k { font-size:.74rem; text-transform:uppercase; letter-spacing:.05em; color: var(--mw-muted); }
.mw-spec .v { font-family: var(--mw-mono); font-weight:600; margin-top:2px; }

/* ---------- forms ---------- */
.mw-field { margin-bottom: 16px; }
.mw-field label { display:block; font-size:.85rem; font-weight:580; margin-bottom:6px; color: var(--mw-ink-2); }
.mw-field .hint { font-size:.78rem; color: var(--mw-faint); margin-top:4px; }
.mw-input, .mw-select, .mw-textarea {
  width:100%; font-family: var(--mw-sans); font-size:.95rem; color: var(--mw-ink);
  background: var(--mw-surface); border:1px solid var(--mw-line-strong); border-radius: var(--mw-radius-sm);
  padding: 11px 12px; transition: border-color .12s ease, box-shadow .12s ease;
}
.mw-input:focus, .mw-select:focus, .mw-textarea:focus { border-color: var(--mw-blue); box-shadow: 0 0 0 3px var(--mw-blue-soft); outline: none; }
.mw-input.mono { font-family: var(--mw-mono); }
.mw-range { width:100%; accent-color: var(--mw-blue); }
.mw-inline-fields { display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width:520px){ .mw-inline-fields { grid-template-columns:1fr; } }

/* ---------- callouts ---------- */
.mw-note { border-radius: var(--mw-radius); padding: 14px 16px; font-size:.9rem; border:1px solid var(--mw-line); background: var(--mw-surface-2); }
.mw-note-blue { border-color: transparent; background: var(--mw-blue-soft); color: var(--mw-blue-ink); }
.mw-note-amber { border-color: transparent; background: var(--mw-amber-soft); color: var(--mw-amber); }
.mw-note strong { font-weight: 650; }
.mw-disclaimer { font-size:.8rem; color: var(--mw-muted); line-height:1.55; }

/* result banner (calculator) */
.mw-signal-banner { border-radius: var(--mw-radius-lg); padding: 22px 24px; border:1px solid; display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.mw-signal-banner.attractive { background: var(--mw-green-soft); border-color: color-mix(in srgb, var(--mw-green) 30%, transparent); }
.mw-signal-banner.neutral { background: var(--mw-amber-soft); border-color: color-mix(in srgb, var(--mw-amber) 30%, transparent); }
.mw-signal-banner.unattractive { background: var(--mw-red-soft); border-color: color-mix(in srgb, var(--mw-red) 30%, transparent); }
.mw-signal-banner .icon { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; flex:none; font-family:var(--mw-mono); font-weight:700; }
.mw-signal-banner.attractive .icon { background: var(--mw-green); color:#fff; }
.mw-signal-banner.neutral .icon { background: var(--mw-amber); color:#fff; }
.mw-signal-banner.unattractive .icon { background: var(--mw-red); color:#fff; }
.mw-signal-banner .label { font-family: var(--mw-mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; font-weight:600; }
.mw-signal-banner .verdict { font-size:1.35rem; font-weight:650; letter-spacing:-.02em; }

/* ---------- footer ---------- */
.mw-footer { border-top:1px solid var(--mw-line); background: var(--mw-surface-2); margin-top: 48px; }
.mw-footer .inner { display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; padding: 48px 0 32px; }
@media (max-width: 820px){ .mw-footer .inner { grid-template-columns: 1fr 1fr; gap:28px; } }
.mw-footer h4 { font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; color: var(--mw-muted); margin-bottom:12px; }
.mw-footer a { display:block; color: var(--mw-ink-2); font-size:.9rem; padding: 4px 0; }
.mw-footer a:hover { color: var(--mw-blue); }
.mw-footer .foot-brand { font-weight:680; letter-spacing:-.02em; color:var(--mw-ink); margin-bottom:8px; display:flex; gap:8px; align-items:center; }
.mw-footer .foot-brand svg{ width:22px; height:22px; }
.mw-footer .legal { border-top:1px solid var(--mw-line); padding: 18px 0; font-size:.8rem; color: var(--mw-muted); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }

/* ---------- misc ---------- */
.mw-breadcrumb { font-size:.82rem; color: var(--mw-muted); font-family: var(--mw-mono); padding: 18px 0 0; }
.mw-breadcrumb a { color: var(--mw-muted); }
.mw-breadcrumb a:hover { color: var(--mw-blue); }
.mw-chips { display:flex; flex-wrap:wrap; gap:8px; }
.mw-chip { font-size:.82rem; padding:6px 11px; border-radius:999px; border:1px solid var(--mw-line-strong); background: var(--mw-surface); color: var(--mw-ink-2); cursor:pointer; user-select:none; }
.mw-chip:hover { border-color: var(--mw-blue); color: var(--mw-blue); }
.mw-chip[aria-pressed="true"] { background: var(--mw-blue); color:#fff; border-color: var(--mw-blue); }
.mw-tag { font-size:.76rem; padding:3px 9px; border-radius:6px; background: var(--mw-surface-sunk); color: var(--mw-ink-2); font-weight:500; }
.mw-hide { display:none !important; }
.mw-flex { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.mw-between { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.mw-list-check { list-style:none; padding:0; margin:0; }
.mw-list-check li { position:relative; padding-left: 26px; margin-bottom: 10px; }
.mw-list-check li::before { content:""; position:absolute; left:0; top:7px; width:14px; height:8px; border-left:2px solid var(--mw-green); border-bottom:2px solid var(--mw-green); transform: rotate(-45deg); }
.mw-band { background: var(--mw-surface-2); border-top:1px solid var(--mw-line); border-bottom:1px solid var(--mw-line); }
.mw-band-ink { background: var(--mw-ink); color:#F6F4EF; }
.mw-band-ink h2, .mw-band-ink h3 { color:#fff; }
.mw-band-ink .mw-lead { color: #C9CDD3; }
.mw-band-ink .mw-eyebrow { color: var(--mw-blue-strong); }

.mw-anchor-list { columns: 2; column-gap: 32px; }
@media (max-width:600px){ .mw-anchor-list { columns:1; } }

.mw-agentbar { display:flex; align-items:center; gap:10px; font-size:.82rem; color:var(--mw-muted); font-family:var(--mw-mono); flex-wrap:wrap; }
.mw-agentbar code { background: var(--mw-surface-sunk); padding:2px 6px; border-radius:5px; font-size:.82em; color: var(--mw-ink-2); }

details.mw-acc { border:1px solid var(--mw-line); border-radius: var(--mw-radius); background: var(--mw-surface); padding: 0 16px; margin-bottom:10px; }
details.mw-acc summary { cursor:pointer; padding:14px 0; font-weight:580; list-style:none; display:flex; justify-content:space-between; align-items:center; }
details.mw-acc summary::-webkit-details-marker { display:none; }
details.mw-acc summary::after { content:"+"; font-family:var(--mw-mono); color:var(--mw-muted); }
details.mw-acc[open] summary::after { content:"−"; }
details.mw-acc .acc-body { padding: 0 0 16px; color: var(--mw-ink-2); font-size:.94rem; }

.skip-link { position:absolute; left:-999px; top:0; background:var(--mw-blue); color:#fff; padding:10px 14px; z-index:100; border-radius:0 0 8px 0; }
.skip-link:focus { left:0; }