:root{
    --navy:#0d2b4e;
    --navy-2:#123a63;
    --green:#4bae63;
    --green-dark:#3a9552;
    --mint:#9adba3;
    --mint-2:#e3f3e6;
    --paper:#f6f8f6;
    --rule:#dbe6e0;
    --ink:#16233a;
    --ink-soft:#4a5a6b;
    --container:860px;
  }
  *{box-sizing:border-box;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'Poppins',sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;}
  .ledger-bg{
    background:
      repeating-linear-gradient(
        to bottom,
        transparent 0px,
        transparent 39px,
        var(--rule) 40px
      ),
      var(--paper);
  }
  .container{
    max-width:var(--container);
    margin:0 auto;
    padding:0 32px;
  }
  @media (max-width:640px){ .container{padding:0 22px;} }

  .nav{
    background:var(--paper);
    border-bottom:1px solid var(--rule);
  }
  .nav-inner{
    max-width:1180px;
    margin:0 auto;
    padding:16px 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  @media (max-width:640px){ .nav-inner{padding:16px 22px;} }
  .brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
  .brand img{width:28px;}
  .brand span{
    font-family:'Lora',serif;
    font-weight:700;
    font-size:18px;
    color:var(--navy);
  }
  .brand span em{font-style:italic;font-weight:600;color:var(--green);}
  .back-link{
    font-size:14px;
    font-weight:500;
    color:var(--ink-soft);
    text-decoration:none;
  }
  .back-link:hover{color:var(--navy);}
  .nav-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
  .lang-switch{
    display:flex;
    align-items:center;
    gap:2px;
    background:var(--mint-2);
    border:1px solid var(--rule);
    border-radius:8px;
    padding:3px;
  }
  .lang-btn{
    border:none;
    background:none;
    font-family:'IBM Plex Mono',monospace;
    font-weight:600;
    font-size:12px;
    letter-spacing:.03em;
    color:var(--ink-soft);
    padding:6px 9px;
    border-radius:6px;
    transition:background .2s ease,color .2s ease;
  }
  .lang-btn:hover{color:var(--navy);}
  .lang-btn.active{background:var(--green);color:#fff;}
  .footer-nav{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:8px;}
  .footer-nav a{color:rgba(255,255,255,0.65);text-decoration:none;font-family:'IBM Plex Mono',monospace;font-size:12px;}
  .footer-nav a:hover{color:#fff;}

  main{padding:72px 0 100px 0;}
  .eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-weight:600;
    font-size:13px;
    letter-spacing:0.2em;
    color:var(--green);
    text-transform:uppercase;
  }
  h1{
    font-family:'Lora',serif;
    font-style:italic;
    font-weight:500;
    font-size:36px;
    color:var(--navy);
    margin:14px 0 8px 0;
  }
  .updated{
    font-family:'IBM Plex Mono',monospace;
    font-size:12.5px;
    color:var(--ink-soft);
  }
  .placeholder-card{
    margin-top:40px;
    background:#fff;
    border:1px dashed var(--rule);
    border-radius:14px;
    padding:40px;
  }
  .placeholder-card p{
    font-size:16px;
    line-height:1.65;
    color:var(--ink-soft);
    margin:0;
  }
  .placeholder-card p + p{margin-top:14px;}

  footer{
    background:var(--navy);
    padding:28px 0;
    text-align:center;
  }
  footer span{
    font-family:'IBM Plex Mono',monospace;
    font-size:12px;
    color:rgba(255,255,255,0.55);
  }