/* Keep the publication's content layout and align its shared chrome with PlusHK. */
:root { --ink:#172a32; --muted:#506066; --accent:#0b7561; --line:#d7d0c4; --paper:#f4efe6; --wash:#e5ece3; }
body { font-family:"Noto Sans TC","PingFang HK",sans-serif; background:var(--paper); color:var(--ink); }
.site-header { position:sticky; top:0; z-index:30; background:linear-gradient(90deg,rgba(239,234,224,.96),rgba(239,245,239,.96) 55%,rgba(247,232,222,.96)); border-bottom:1px solid rgba(15,61,46,.12); backdrop-filter:blur(20px); }
.header-inner { width:min(1240px,calc(100% - 56px)); max-width:none; min-height:84px; padding:0; display:grid; grid-template-columns:1fr auto 1fr; gap:16px; margin:auto; }
.brand { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:650; letter-spacing:-.04em; }
.brand span { color:#172a32; }
.brand img { width:44px; height:44px; border:1px solid #0d5a4c; border-radius:14px; box-shadow:4px 5px 0 rgba(239,150,116,.48); }
.header-nav { gap:12px; }
.header-nav a { position:relative; color:#465b52; font-weight:620; padding:12px; font-size:14px; border:0!important; border-radius:0!important; }
.header-nav a[aria-current]::after { content:''; position:absolute; width:18px; height:3px; background:#ef9674; bottom:3px; left:calc(50% - 9px); }
.recharge-link { justify-self:end; color:white; background:#172a32; padding:11px 22px; border-radius:999px; box-shadow:4px 4px 0 rgba(239,150,116,.55); text-decoration:none; font-size:14px; font-weight:650; white-space:nowrap; }
.recharge-link:hover { background:#0b4d43; }
.mobile-nav { display:none; }
.home,.article-shell { max-width:1240px; }
.home-hook,.article-hook { color:#0f7561; }
.article-card h3,.home-hero h1,.article-header h1,.section-heading h2 { color:#172a32; }
.filter-btn[aria-pressed=true],.primary-link,.copy-prompt { background:#0b4d43; color:#fff; }
.site-footer { color:#d7e4db; background:#193c35; padding:28px; max-width:none; margin:0; }
.site-footer a { color:#eef4eb; }
@media(max-width:1023px) {
  .header-inner { width:calc(100% - 32px); min-height:72px; grid-template-columns:1fr auto; gap:12px; }
  .brand { font-size:17px; }
  .brand img { width:40px; height:40px; }
  .header-nav { display:none; }
  .recharge-link { padding:10px 14px; font-size:13px; }
  .mobile-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; padding:0 8px; border-top:1px solid rgba(15,61,46,.08); }
  .mobile-nav a { display:flex; justify-content:center; align-items:center; min-height:44px; color:#465b52; font-size:13px; text-decoration:none; white-space:nowrap; }
  .mobile-nav a[aria-current] { color:#0b4d43; font-weight:700; }
}
@media(max-width:359px) { .brand { font-size:15px; gap:8px; } .brand img { width:34px; height:34px; } .recharge-link { padding:9px 11px; } }