:root {
      --yellow: #f4c025;
      --orange: #d15610;
      --bg-dark: #1a1a1b;
      --bg-darker: #0d0d0d;
      --neon-blue: #00d4ff;
      --neon-green: #39ff14;
      --text-main: #e0e0e0;
      --border: 3px solid #000;
      --shadow: 8px 8px 0 #000;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      color: var(--text-main);
      font-family: 'Share Tech Mono', monospace;
      background:
        radial-gradient(circle at top, rgba(57, 255, 20, 0.09), transparent 30%),
        radial-gradient(circle at 80% 12%, rgba(0, 212, 255, 0.10), transparent 20%),
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.1) 2px, rgba(0,0,0,0.1) 4px),
        var(--bg-darker);
    }
    h1, h2 { margin: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
    .container { max-width: 1000px; margin: 0 auto; padding: 2rem 1rem 4rem; }
    .back-row {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 12px;
      margin-bottom: 1.5rem;
    }
    .back-primary,
    .log-nav { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
    .log-nav { justify-self: end; }
    .nav-audio {
      display: flex;
      align-items: center;
      justify-content: center;
      justify-self: center;
    }
    .nav-btn {
      display: inline-block;
      padding: 0.55rem 1rem;
      background: var(--bg-dark);
      color: var(--yellow);
      border: var(--border);
      box-shadow: 4px 4px 0 #000;
      text-decoration: none;
      font-family: 'Oswald', sans-serif;
      text-transform: uppercase;
    }
    .audio-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 56px;
      height: 56px;
      padding: 0;
      background: #0b1318;
      color: #00d4ff;
      border: var(--border);
      box-shadow: 4px 4px 0 #000;
      font-family: 'Oswald', sans-serif;
      font-size: 1.45rem;
      line-height: 1;
      cursor: pointer;
    }
    .audio-btn:hover { color: #fff; }
    .nav-btn[aria-disabled="true"] { opacity:.4; pointer-events:none; }
    .log-tag { display:inline-block; padding:.55rem 1rem; background:#0b1318; color:#00d4ff; border:var(--border); box-shadow:4px 4px 0 #000; font-family:Oswald,sans-serif; text-transform:uppercase; letter-spacing:1px; }
    .hero {
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, rgba(57, 255, 20, 0.12), transparent 42%), #121715;
      border: var(--border);
      box-shadow: var(--shadow);
      padding: 2.4rem 1.8rem;
      margin-bottom: 2rem;
      transform: rotate(-0.6deg);
    }
    .hero::before {
      content: "INTEL 003";
      position: absolute;
      top: 18px;
      right: -36px;
      transform: rotate(45deg);
      background: var(--neon-blue);
      color: #000;
      border: 2px solid #000;
      padding: 5px 42px;
      font-family: 'Oswald', sans-serif;
      font-size: 0.75rem;
      letter-spacing: 2px;
    }
    .eyebrow { color: var(--neon-green); letter-spacing: 2px; font-size: 0.9rem; margin-bottom: 0.7rem; }
    .hero h1 { font-size: clamp(2rem, 4vw, 3.4rem); color: var(--yellow); line-height: 1; margin-bottom: 0.8rem; }
    .hero p { max-width: 760px; color: #c7d0c8; line-height: 1.75; }
    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; margin-top: 1.4rem; }
    .stat-box { background: rgba(0,0,0,0.38); border-left: 4px solid var(--neon-green); padding: 0.9rem; }
    .stat-label { color: #7c887c; font-size: 0.78rem; letter-spacing: 1px; margin-bottom: 0.35rem; }
    .stat-value { color: #fff; font-family: 'Oswald', sans-serif; font-size: 1.15rem; }
    .section {
      background: #141414;
      border: 2px solid #232323;
      padding: 1.7rem;
      margin-bottom: 1.5rem;
      line-height: 1.8;
      color: #c9c9c9;
    }
    .section h2 {
      display: inline-block;
      color: var(--neon-green);
      margin-bottom: 1rem;
      border-bottom: 3px solid var(--neon-green);
      padding-bottom: 0.3rem;
      font-size: 1.5rem;
    }
    .section p { margin: 0 0 1rem; }
    .section ul { margin: 0; padding-left: 1.25rem; }
    .section li { margin-bottom: 0.7rem; }
    table { width: 100%; border-collapse: collapse; margin-top: 1rem; font-size: 0.92rem; }
    th, td { padding: 0.8rem; border: 1px solid #2b2b2b; text-align: left; }
    th { background: #0d1210; color: var(--yellow); font-family: 'Oswald', sans-serif; }
    .callout { border-left: 4px solid var(--orange); background: #0d0d0f; padding: 1rem; color: #f0d79a; margin: 1rem 0; }
    .links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 1rem; }
    .link-chip { display: inline-block; padding: 0.45rem 0.8rem; border: 2px solid #183322; background: #090a09; color: var(--neon-green); text-decoration: none; }
    .faq-list { display: grid; gap: 0.8rem; }
    .faq-item { border: 2px solid #1f3326; background: #0d120e; padding: 0.75rem 0.85rem; }
    .faq-item summary { cursor: pointer; color: var(--yellow); font-family: 'Oswald', sans-serif; font-size: 1rem; line-height: 1.4; letter-spacing: 0.3px; }
    .faq-item p { margin: 0.75rem 0 0; color: #c7d2c8; line-height: 1.7; }