:root {
  --panel: rgba(255,255,255,0.035);
  --panel-strong: rgba(255,255,255,0.055);
}

    html[data-theme="dark"] {
      --panel: rgba(255,255,255,0.035);
      --panel-strong: rgba(255,255,255,0.055);
    }
    html[data-theme="light"] {
      --panel: rgba(255,255,255,0.7);
      --panel-strong: #ffffff;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;
      color: var(--text);
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }

    .page-shell {
      width: min(780px, calc(100% - 40px));
      margin: 0 auto;
      padding: 22px 0 80px;
    }

    .top-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 22px;
    }
    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 650;
      font-size: 0.98rem;
      letter-spacing: -0.01em;
      color: var(--muted);
    }
    .brand:hover { color: var(--text); }
    .brand-mark {
      width: 26px;
      height: 26px;
      overflow: hidden;
      flex: none;
    }
    .brand-mark img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .icon-moon, .logo-light { display: none; }
    .logo-dark { display: block; }

    html[data-theme="dark"] .icon-sun, html[data-theme="dark"] .logo-dark { display: block; }
    html[data-theme="dark"] .icon-moon, html[data-theme="dark"] .logo-light { display: none; }
    html[data-theme="light"] .icon-sun, html[data-theme="light"] .logo-dark { display: none; }
    html[data-theme="light"] .icon-moon, html[data-theme="light"] .logo-light { display: block; }

    .theme-toggle {
      background: none;
      border: 1px solid var(--line);
      border-radius: 8px;
      color: var(--muted);
      cursor: pointer;
      width: 32px;
      height: 32px;
      display: inline-grid;
      place-items: center;
      padding: 0;
      transition: border-color 160ms ease, color 160ms ease;
    }
    .theme-toggle:hover {
      border-color: var(--line-strong);
      color: var(--text);
    }

    .page-head {
      padding: 8px 0 26px;
      border-bottom: 1px solid var(--line);
      margin-bottom: 28px;
    }
    .page-eyebrow {
      margin: 0 0 10px;
      color: var(--muted-2);
      font-size: 0.72rem;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }
    h1 {
      margin: 0;
      font-size: clamp(1.6rem, 3.2vw, 2rem);
      line-height: 1.15;
      letter-spacing: -0.02em;
      font-weight: 650;
    }
    .page-copy {
      max-width: 56ch;
      margin: 12px 0 0;
      color: var(--muted);
      font-size: 0.98rem;
      line-height: 1.65;
    }
    .page-action {
      margin: 18px 0 0;
      font-size: 0.86rem;
    }
    .page-action a {
      color: var(--blue);
      border-bottom: 1px solid transparent;
      transition: border-color 140ms ease;
    }
    .page-action a:hover { border-bottom-color: currentColor; }

    .release-stack {
      display: grid;
      gap: 18px;
    }
    .release-card {
      position: relative;
      padding: 22px 24px 24px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--panel);
    }
    .release-card-featured {
      background: var(--panel-strong);
      border-color: var(--line-strong);
      box-shadow: inset 3px 0 0 0 var(--blue);
      padding-left: 26px;
    }
    .release-card-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 18px;
      padding-bottom: 14px;
      margin-bottom: 14px;
      border-bottom: 1px solid var(--line);
    }
    .release-kicker {
      display: inline-block;
      margin: 0 0 6px;
      padding: 2px 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--muted-2);
      font-size: 0.68rem;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .release-card-featured .release-kicker {
      color: var(--blue);
      border-color: rgba(22,146,255,0.35);
      background: var(--blue-soft);
    }
    .release-card h2 {
      margin: 0;
      font-size: 1.12rem;
      line-height: 1.2;
      letter-spacing: -0.01em;
      font-weight: 650;
      font-variant-numeric: tabular-nums;
      font-feature-settings: "tnum" 1, "cv11" 1;
    }
    .release-card h2 .v-label {
      color: var(--muted-2);
      font-weight: 550;
      margin-right: 4px;
    }
    .release-date {
      margin: 0;
      color: var(--muted-2);
      font-size: 0.86rem;
      white-space: nowrap;
      font-variant-numeric: tabular-nums;
      font-feature-settings: "tnum" 1, "cv11" 1;
    }
    .release-summary {
      margin: 0 0 14px;
      max-width: 60ch;
      color: var(--muted);
      font-size: 0.95rem;
    }
    .release-section {
      margin-top: 14px;
    }
    .release-section:first-of-type {
      margin-top: 0;
    }
    .release-section h3 {
      margin: 0 0 8px;
      color: var(--muted-2);
      font-size: 0.7rem;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .release-section ul {
      margin: 0;
      padding-left: 1.1rem;
      color: var(--muted);
      font-size: 0.95rem;
    }
    .release-section li {
      margin-bottom: 0.5rem;
    }
    .release-section li:last-child {
      margin-bottom: 0;
    }
    .release-section strong {
      color: var(--text);
      font-weight: 600;
    }

    @media (max-width: 700px) {
      .page-shell {
        width: min(780px, calc(100% - 28px));
        padding-top: 18px;
      }
      .top-bar {
        margin-bottom: 18px;
      }
      .page-head {
        padding-bottom: 22px;
        margin-bottom: 24px;
      }
      .page-copy {
        font-size: 0.95rem;
      }
      .release-card {
        padding: 20px 18px 20px;
      }
      .release-card-featured {
        padding-left: 20px;
      }
      .release-card-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
      }
      .release-date {
        white-space: normal;
      }
    }