/* Taslos shared chrome — the ONE navbar for every page, plus the homepage
   news-card styles. Loaded LAST on every page (after ds.css or style.css)
   under a versioned URL (?v=20261110-2) so phones cannot serve a stale
   copy. Replaces the old ds.css .hbar/.mainnav header and the style.css
   .site-header/.sitenav header (2026-11-10, Michael's direction: one
   navbar type, hamburger on small screens).
   Tokens mirror ds.css: bg #0D1117, surface #171E28, border #2A3543,
   text #EDF2F7, secondary #A8B3C2, faint #7C8798, gold #F9C74F. */

/* ---------- unified navbar ---------- */
.tnav{position:sticky;top:0;z-index:80;background:#0D1117;border-bottom:1px solid #2A3543;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.tnav-hero{position:absolute;left:0;right:0;background:transparent;border-bottom:none}
.tnav-in{max-width:1440px;margin:0 auto;padding:16px 48px;display:flex;align-items:center;gap:28px;position:relative}
.tnav-brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff}
.tnav-brand:hover{text-decoration:none;color:#fff}
.tnav-brand img{display:block;width:36px;height:36px}
.tnav-word{font-size:26px;font-weight:300;letter-spacing:.38em;color:#fff;line-height:1;padding-top:2px;white-space:nowrap}
.tnav-toggle{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;visibility:hidden}
.tnav-btn{display:none}
.tnav-links{margin-left:auto;display:flex;align-items:center;gap:36px}
.tnav-links a{color:#E6EBF2;text-decoration:none;font-size:16.5px;font-weight:500;padding:6px 1px;position:relative;white-space:nowrap}
.tnav-links a:hover{color:#fff;text-decoration:none}
.tnav-links a.current{color:#fff;font-weight:600}
.tnav-links a.current::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:3px;background:#F9C74F;border-radius:2px}

@media(max-width:1100px){
  .tnav-in{padding:14px 26px;gap:20px}
  .tnav-word{font-size:23px}
  .tnav-links{gap:20px}
  .tnav-links a{font-size:15.5px}
}

@media(max-width:760px){
  .tnav-in{padding:11px 18px;gap:14px;flex-wrap:wrap}
  .tnav-brand img{width:32px;height:32px}
  .tnav-word{font-size:21px;letter-spacing:.32em}
  .tnav-toggle{visibility:visible}
  .tnav-btn{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
    width:44px;height:44px;margin-left:auto;padding:11px;cursor:pointer;
    border:1px solid #2A3543;border-radius:10px;background:rgba(23,30,40,.88)}
  .tnav-btn span{display:block;height:2px;background:#EDF2F7;border-radius:2px;
    transition:transform .18s ease,opacity .18s ease}
  .tnav-toggle:checked ~ .tnav-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .tnav-toggle:checked ~ .tnav-btn span:nth-child(2){opacity:0}
  .tnav-toggle:checked ~ .tnav-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .tnav-toggle:focus-visible ~ .tnav-btn{outline:2px solid #F9C74F;outline-offset:2px}
  .tnav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;
    margin:10px 0 6px;background:#171E28;border:1px solid #2A3543;border-radius:12px;
    padding:6px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
  .tnav-toggle:checked ~ .tnav-links{display:flex}
  .tnav-links a{padding:13px 14px;font-size:16px;border-radius:8px}
  .tnav-links a:hover{background:rgba(255,255,255,.06)}
  .tnav-links a.current{background:rgba(249,199,79,.13);color:#fff}
  .tnav-links a.current::after{display:none}
}

/* ---------- homepage recent-news cards (items from tools/build-content.py) ---------- */
.news-list{display:flex;flex-direction:column;gap:14px}
.news-item{background:#171E28;border:1px solid #2A3543;border-radius:14px;padding:17px 18px;margin:0}
.news-tag{font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#F9C74F;margin:0 0 8px}
.news-head{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.005em;margin:0 0 7px;color:#F5F8FB}
.news-head a{color:#F5F8FB;text-decoration:none !important}
.news-head a:hover,.news-head a:focus-visible{color:#F9C74F;text-decoration:none !important}
.news-meta{font-size:13px;color:#7C8798;margin:0 0 8px}
.news-note{font-size:15px;line-height:1.55;color:#A8B3C2;margin:0;max-width:68ch}