/* Minimal shell bar for article pages. Deliberately scoped: it must not
   restyle body, headings or paragraphs, because every article keeps its own design. */
.pli-bar{--b-surface:#FFFFFF;--b-rule:#82918A;--b-ink:#17332A;--b-ink2:#123B5D;--b-accent:#0B6B3A;
  position:sticky;top:0;z-index:9999;background:var(--b-surface);
  border-bottom:1px solid var(--b-rule);font-family:'Public Sans',system-ui,sans-serif}
.pli-bar *{box-sizing:border-box}
.pli-bar-in{max-width:1060px;margin:0 auto;padding:0 22px;height:54px;display:flex;align-items:center;gap:18px}
.pli-bar .pli-mark{font-family:'Public Sans',system-ui,sans-serif;font-weight:700;font-size:13.5px;
  letter-spacing:.01em;color:var(--b-ink);text-decoration:none;white-space:nowrap}
.pli-bar .pli-nav{display:flex;gap:16px;margin-left:auto;align-items:center}
.pli-bar .pli-nav a{font-size:14.5px;color:var(--b-ink2);text-decoration:none;white-space:nowrap}
.pli-bar .pli-nav a:hover,.pli-bar .pli-nav a[aria-current]{color:var(--b-ink);
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--b-accent)}
@media(max-width:620px){.pli-bar-in{height:auto;padding:9px 14px;flex-wrap:wrap;gap:8px}
  .pli-bar .pli-nav{gap:12px;width:100%;margin-left:0;overflow-x:auto}}