:root {
    color-scheme: light;
    --bg: #f4f6f8;
    --surface: #ffffff;
    --ink: #1a2332;
    --muted: #5a6575;
    --line: #d5dde6;
    --accent: #1f5f4a;
    --accent-soft: #e6f2ed;
    --ok: #1f5f4a;
    --ok-dot: #2a9b6f;
    --focus: #1a4d8c;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    background: var(--bg);
    color: var(--ink);
    line-height: 1.55;
    font-size: 1rem;
  }
  a { color: var(--accent); }
  a:hover { color: var(--ink); }
  a:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
  }
  .wrap {
    max-width: 40rem;
    margin: 0 auto;
    padding: 2rem 1.25rem 3.5rem;
  }
  header {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--line);
    margin-bottom: 1.75rem;
  }
  .brand {
    font-size: .8rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
    margin: 0 0 .65rem;
    font-weight: 600;
  }
  h1 {
    font-size: clamp(1.45rem, 4vw, 1.85rem);
    margin: 0 0 .5rem;
    font-weight: 650;
    letter-spacing: -.02em;
    line-height: 1.25;
  }
  .lede {
    margin: 0;
    color: var(--muted);
    font-size: 1.02rem;
  }
  .status {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 1.35rem 0 0;
    padding: .75rem 1rem;
    background: var(--accent-soft);
    border: 1px solid #c5ddd2;
    border-radius: 6px;
    color: var(--ok);
    font-weight: 600;
    font-size: .95rem;
  }
  .status-dot {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: var(--ok-dot);
    flex-shrink: 0;
    box-shadow: 0 0 0 3px rgba(42, 155, 111, .22);
  }
  section { margin: 2rem 0 0; }
  h2 {
    font-size: 1.05rem;
    margin: 0 0 .65rem;
    font-weight: 650;
    letter-spacing: -.01em;
  }
  p { margin: 0 0 .9rem; }
  .note {
    color: var(--muted);
    font-size: .92rem;
  }
  .panel {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 1.1rem 1.15rem 1.15rem;
  }
  .checks {
    list-style: none;
    padding: 0;
    margin: .85rem 0 0;
    display: grid;
    gap: .35rem;
  }
  .checks li { margin: 0; }
  .checks a {
    display: block;
    padding: .55rem .7rem;
    border-radius: 5px;
    text-decoration: none;
    color: var(--ink);
    border: 1px solid transparent;
  }
  .checks a:hover {
    background: var(--bg);
    border-color: var(--line);
  }
  .checks a span {
    display: block;
    font-size: .8rem;
    color: var(--muted);
    font-weight: 400;
    margin-top: .1rem;
  }
  .checks a strong {
    font-weight: 600;
    color: var(--accent);
  }
  footer {
    margin-top: 2.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: .85rem;
  }
  footer p { margin: 0 0 .35rem; }