/* Shared by every page */
.hdr-actions{display:flex;align-items:center;gap:18px;margin-left:28px} .login{color:var(--ink-700);font-weight:600;font-size:15px;text-decoration:none} .login:hover{color:var(--teal-700);text-decoration:underline}
.nav a[aria-current="page"]{color:var(--teal-700);text-decoration:underline;text-underline-offset:6px}
.foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px} .foot .tagline{margin:0;color:var(--ink-100);font-weight:600} .foot .copy{margin:0;color:var(--ink-300)}
.flinks{display:flex;gap:20px;margin-left:auto} .flinks a{color:var(--teal-400);font-size:15px} .flinks a:hover{color:#fff}
.site-footer{padding:40px 0}
.ph{background:var(--amber-100);color:var(--ink-900);border:1px dashed var(--amber-700);border-radius:4px;padding:0 4px;font-weight:600;white-space:normal}
.banner{display:flex;gap:12px;align-items:flex-start;background:var(--amber-100);color:var(--ink-900);border-left:4px solid var(--amber-700);border-radius:8px;padding:14px 16px;margin:0 0 32px}
.banner svg{width:20px;height:20px;flex:none;margin-top:3px;color:var(--amber-700)} .banner p{margin:0;font-size:16px;line-height:1.5} .banner b{font-weight:700}
.page-hero{padding:64px 0 24px;background:var(--ink-50)} .page-hero h1{font-size:clamp(36px,4.6vw,54px);line-height:1.08} .page-hero .lede{margin-top:16px}
@media (max-width:700px){.hdr-actions{gap:12px;margin-left:auto} .flinks{margin-left:0;width:100%} .page-hero{padding:40px 0 16px}}