@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600 700;font-display:swap;src:url('/fonts/cg-normal-latin.woff2')format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600 700;font-display:swap;src:url('/fonts/cg-normal-latin-ext.woff2')format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:'Inter';font-style:normal;font-weight:300 600;font-display:swap;src:url('/fonts/inter-latin.woff2')format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:'Inter';font-style:normal;font-weight:300 600;font-display:swap;src:url('/fonts/inter-latin-ext.woff2')format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }

  :root {
    --bg:        #000000;
    --fg:        #ffffff;
    --surface-1: #0A0A0A;
    --border:    rgba(255,255,255,0.08);
    --muted:     rgba(255,255,255,0.60);
    --faint:     rgba(255,255,255,0.38);
    --accent:    #ffffff;
  }

  body {
    background: var(--bg);
    color: var(--fg);
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  header {
    border-bottom: 1px solid var(--border);
    padding: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header a { text-decoration: none; }
  header img { height: 36px; width: auto; }
  .header-back {
    font-size: 13px;
    color: var(--muted);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
  }
  .header-back:hover { color: var(--fg); }
  .header-back::before { content: '←'; font-size: 15px; }

  main {
    flex: 1;
    max-width: 720px;
    margin: 60px auto;
    padding: 0 24px;
    width: 100%;
  }

  h1 {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
    line-height: 1.1;
  }

  .last-updated {
    font-size: 12px;
    color: var(--faint);
    margin-bottom: 48px;
  }

  h2 {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted);
    margin: 40px 0 12px;
  }

  p {
    font-size: 15px;
    line-height: 1.75;
    color: var(--muted);
    margin-bottom: 10px;
  }

  ul { list-style: none; padding: 0; margin: 0 0 10px 0; }
  ul li {
    font-size: 15px;
    line-height: 1.75;
    color: var(--muted);
    padding-left: 16px;
    position: relative;
    margin-bottom: 4px;
  }
  ul li::before { content: '–'; position: absolute; left: 0; color: var(--faint); }

  a { color: var(--fg); }
  a:hover { opacity: 0.7; }

  hr { border: none; border-top: 1px solid var(--border); margin: 40px 0; }

  .processor-block {
    background: rgba(255,255,255,0.03);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 20px 24px;
    margin: 16px 0;
  }
  .processor-block p { margin-bottom: 4px; }
  .processor-name { font-size: 14px; font-weight: 500; color: var(--fg) !important; margin-bottom: 6px !important; }

  footer {
    border-top: 1px solid var(--border);
    padding: 28px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
  }
  .footer-links { display: flex; gap: 24px; flex-wrap: wrap; }
  .footer-links a { font-size: 13px; color: var(--muted); text-decoration: none; transition: color 0.2s ease; }
  .footer-links a:hover { color: var(--fg); }
  .footer-copy { font-size: 12px; color: var(--faint); }

  @media (max-width: 600px) {
    header { padding: 16px 20px; }
    main { margin: 40px auto; }
    footer { padding: 20px; flex-direction: column; align-items: flex-start; }
  }