@import url("assets/fonts.css");
:root{
  --ink:#0e1a2b;--ink-2:#16263b;--ink-3:#0a1422;
  --paper:#f6f6f4;--paper-2:#eceef1;--white:#ffffff;
  --brass:#7b2233;--brass-2:#5e1827;--brass-lt:#c3c9d2;
  --text:#1d2633;--muted:#5c6673;--line:#dcdfe4;--oxblood:#b42318;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  /* legacy names */
  --navy:var(--ink);--navy-2:var(--ink-2);--gold:var(--brass);--gold-dark:var(--brass-2);--bg:var(--paper);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--text);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
header{background:rgba(246,246,244,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
header .bar{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1160px;margin:auto;padding:14px 28px}
.brand{display:flex;align-items:center;gap:13px}
.crest{width:42px;height:42px;border:1px solid var(--brass);display:grid;place-items:center;font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--ink);position:relative;flex-shrink:0}
.crest::after{content:"";position:absolute;inset:3px;border:1px solid rgba(123,34,51,.35)}
.brand b{display:block;font-family:var(--serif);font-size:1.28rem;font-weight:600;color:var(--ink);line-height:1.1}
.brand span span,.brand>span>span{display:block;color:var(--brass-2);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;margin-top:3px}
.back{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-2);white-space:nowrap}
.back:hover{color:var(--ink)}
.hero{background:var(--ink);color:#fff;padding:72px 0 64px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 400px at 90% 0%,rgba(123,34,51,.16),transparent 60%)}
.hero .wrap{position:relative}
.hero .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-lt);margin-bottom:16px}
.hero .eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.1rem,4.4vw,3.2rem);line-height:1.15;margin-bottom:16px}
.hero p{max-width:720px;color:#b9c3d0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 24px}
.filter{border:1px solid var(--line);background:var(--white);color:var(--ink);padding:8px 16px;font:500 .74rem var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.filter:hover,.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.status{color:var(--muted);font-size:.84rem;margin-bottom:16px}
.updates-list{display:grid;gap:20px;padding-bottom:64px}
.update{background:var(--white);border:1px solid var(--line);border-top:2px solid var(--brass);padding:30px 32px}
.important-update{border-top-color:var(--oxblood)}
.important-update h2{color:var(--oxblood)}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.badge{color:var(--brass-2);font-weight:600}
.source-type{border:1px solid var(--line);padding:2px 8px}
.important-marker{color:var(--oxblood);border:1px solid rgba(180,35,24,.35);padding:2px 8px;font-weight:600;animation:important-pulse 1.6s ease-in-out infinite}
@keyframes important-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.update h2{font-family:var(--serif);font-weight:600;color:var(--ink);font-size:1.6rem;line-height:1.25;margin-bottom:12px}
.main-points{margin:8px 0 12px}
.main-points>strong{display:block;color:var(--oxblood);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.update .summary{color:#3a4452;margin-bottom:12px;white-space:pre-line}
.update .why{background:var(--paper);border-left:2px solid var(--brass);padding:14px 18px;margin:14px 0;color:#3a4452}
.update .why strong{color:var(--ink);font-weight:600}
.ai-note{display:inline-block;margin-bottom:10px;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-2);border:1px solid var(--line);padding:3px 9px}
.source-link{display:inline-flex;color:var(--brass-2);font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:6px;border-bottom:1px solid transparent}
.source-link:hover{border-color:currentColor}
.empty{background:var(--white);border:1px dashed var(--line);text-align:center;padding:44px 20px;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:1.15rem}
.notice{background:var(--white);border:1px solid var(--line);border-left:2px solid var(--brass);padding:16px 20px;margin:0 0 26px;color:#4d5663;font-size:.88rem}
.notice strong{color:var(--ink)}
footer{background:var(--ink-3);color:#8f9bab;text-align:center;font-size:.8rem;padding:40px 28px}
footer p{max-width:800px;margin:0 auto 12px;color:#7f8b9b;line-height:1.75}
@media(max-width:600px){
  .wrap,header .bar{padding-left:16px;padding-right:16px}
  .brand b{font-size:1.08rem}.crest{width:36px;height:36px;font-size:1rem}
  .update{padding:24px 20px}.update h2{font-size:1.4rem}
  .back{font-size:.64rem;letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){.important-marker{animation:none}*{transition:none!important}}