:root {
    --accent: #f4a574;
    --accent-rgb: 244, 165, 116;
    --bg-primary: #3D3530;
    --bg-secondary: #463D37;
    --bg-card: #4F453D;
    --bg-card-hover: #5A4F46;
    --text-primary: #F5ECDA;
    --text-secondary: #c2b3a4;
    --text-muted: #9a8e80;
    --border: rgba(240, 231, 213, 0.08);
    --border-strong: rgba(240, 231, 213, 0.18);
  }

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

  body {
    font-family: 'Manrope', sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
  }

  .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 32px;
  }

  nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    backdrop-filter: blur(20px);
    background: rgba(61, 53, 48, 0.92);
    border-bottom: 1px solid var(--border);
    padding: 16px 0;
  }

  .nav-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .nav-logo img { height: 56px; display: block; }

  .nav-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border: 1px solid var(--border-strong);
    border-radius: 4px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    transition: all 0.3s;
  }

  .nav-back:hover {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--bg-primary);
  }

  .page-content {
    padding: 140px 0 80px;
  }

  .page-header {
    margin-bottom: 48px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--border-strong);
  }

  .page-label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: var(--accent);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin-bottom: 16px;
  }

  h1 {
    font-family: 'Archivo Black', sans-serif;
    font-size: clamp(32px, 5vw, 48px);
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 16px;
  }

  .lead {
    font-size: 16px;
    color: var(--text-secondary);
    max-width: 700px;
  }

  .last-updated {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--text-muted);
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-top: 12px;
  }

  h2 {
    font-family: 'Archivo Black', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    margin: 48px 0 16px;
    color: var(--accent);
    line-height: 1.2;
  }

  h3 {
    font-family: 'Manrope', sans-serif;
    font-size: 17px;
    font-weight: 700;
    margin: 24px 0 10px;
    color: var(--text-primary);
  }

  p {
    margin-bottom: 16px;
    color: var(--text-secondary);
    font-size: 15px;
  }

  ul {
    margin: 12px 0 16px 24px;
    color: var(--text-secondary);
    font-size: 15px;
  }

  ul li {
    margin-bottom: 8px;
  }

  ul li::marker {
    color: var(--accent);
  }

  strong {
    color: var(--text-primary);
  }

  a {
    color: var(--accent);
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--accent-rgb), 0.3);
    transition: border-color 0.2s;
  }

  a:hover {
    border-bottom-color: var(--accent);
  }

  .info-box {
    background: var(--bg-card);
    border: 1px solid var(--border-strong);
    border-radius: 8px;
    padding: 24px;
    margin: 24px 0;
  }

  .info-box h3 {
    margin-top: 0;
    color: var(--accent);
  }

  .info-box p:last-child {
    margin-bottom: 0;
  }

  footer {
    background: var(--bg-secondary);
    padding: 32px 0;
    border-top: 1px solid var(--border);
    text-align: center;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--text-muted);
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  footer a {
    color: var(--text-muted);
    border-bottom: none;
    margin: 0 12px;
  }

  footer a:hover {
    color: var(--accent);
  }

  @media (max-width: 768px) {
  .nav-back { display: none !important; }

    .page-content { padding: 100px 0 60px; }
    h2 { font-size: 18px; }
  }