:root{
    --red:#e21c13;
    --red-bright:#ee372b;
    --red-deep:#60100d;
    --red-soft:#f16166;
    --ink:#0d0c0b;
    --charcoal:#1a1a1a;
    --slate:#333333;
    --slate-soft:#4d4d4d;
    --paper:#f4f3f0;
    --paper-dim:#e9e7e2;
    --white:#ffffff;
    --font-body:'Montserrat',sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;}
  body{
    margin:0;
    font-family:var(--font-body);
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  a{color:var(--red);}
  img{max-width:100%;display:block;}
  :focus-visible{outline:3px solid var(--red); outline-offset:3px;}

  header{
    background:var(--ink);
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:74px;
    max-width:860px;
    margin:0 auto;
    padding:0 28px;
    gap:20px;
  }
  .nav-right{display:flex; align-items:center; gap:20px;}
  .nav img{height:26px; width:auto;}
  .nav a.back{
    font-size:0.85rem;
    color:#c9c7c2;
    text-decoration:none;
  }
  .nav a.back:hover{color:var(--white);}

  .lang-switch{
    display:flex;
    align-items:center;
    border:1px solid rgba(255,255,255,0.22);
    border-radius:2px;
    overflow:hidden;
  }
  .lang-btn{
    font-family:var(--font-body);
    font-size:0.72rem;
    letter-spacing:0.05em;
    font-weight:600;
    color:#c9c7c2;
    background:transparent;
    border:none;
    padding:7px 11px;
    cursor:pointer;
    transition:background .18s ease, color .18s ease;
  }
  .lang-btn + .lang-btn{border-left:1px solid rgba(255,255,255,0.22);}
  .lang-btn:hover{color:var(--white);}
  .lang-btn.active{background:var(--red); color:var(--white);}

  main{
    max-width:860px;
    margin:0 auto;
    padding:64px 28px 96px;
  }
  .eyebrow{
    font-size:0.78rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-weight:700;
    color:var(--red);
    display:inline-flex;
    align-items:center;
    gap:0.5em;
  }
  .eyebrow::before{content:""; width:7px; height:7px; background:var(--red); display:inline-block;}
  h1{
    font-size:clamp(1.9rem, 4vw, 2.6rem);
    font-weight:800;
    margin:16px 0 8px;
    letter-spacing:-0.01em;
  }
  .updated{
    font-size:0.85rem;
    color:var(--slate-soft);
    margin:0 0 48px;
  }
  h2{
    font-size:1.3rem;
    font-weight:700;
    margin:44px 0 14px;
    color:var(--ink);
  }
  p, li{
    color:var(--slate);
    font-size:1rem;
  }
  ul{padding-left:22px; margin:0 0 16px;}
  li{margin-bottom:8px;}
  strong{color:var(--ink);}
  .card{
    background:var(--white);
    border:1px solid var(--paper-dim);
    border-left:3px solid var(--red);
    padding:24px 26px;
    margin-top:16px;
  }
  .card p{margin:0 0 6px;}
  .card p:last-child{margin-bottom:0;}

  footer{
    background:var(--ink);
    color:#a8a59f;
    padding:32px 0;
    text-align:center;
    font-size:0.8rem;
  }
  footer a{color:var(--red-soft);}