/* Canonical public-site header — one header for every logged-out page. Markup lives in templates/_public_nav.html; include that partial and load this file in the page . Palette per docs/PAPER_STYLE.md. Classes are pnav-prefixed so this can drop into any page's CSS without colliding with page-local .nav/.brand/.button/.menu rules. */ :root{--pnav-h:66px} .pnav{position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(221,214,198,.82);background:rgba(246,243,236,.92);backdrop-filter:blur(14px);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4} .pnav-in{width:min(calc(100% - 40px),1160px);margin-inline:auto;height:var(--pnav-h);display:flex;align-items:center;gap:26px} .pnav-brand{display:inline-flex;align-items:center;gap:10px;color:#1a1813;font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;letter-spacing:-.01em;text-decoration:none;white-space:nowrap} .pnav-brand img{width:32px;height:32px} .pnav-links{display:flex;align-items:center;gap:22px;margin-left:auto} .pnav-links a{color:#57534a;font-size:13px;font-weight:600;text-decoration:none} .pnav-links a:hover,.pnav-links a[aria-current="page"]{color:#1a1813} .pnav-actions{display:flex;align-items:center;gap:14px} .pnav-login{color:#57534a;font-size:13px;font-weight:600;text-decoration:none} .pnav-login:hover{color:#1a1813} .pnav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border:1px solid #1a1813;border-radius:9px;background:#1a1813;color:#fff;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap} .pnav-cta:hover{background:#000;border-color:#000} .pnav-burger{display:none;width:42px;height:42px;padding:10px;border:1px solid #ddd7ca;border-radius:9px;background:#fffdf8;cursor:pointer} .pnav-burger span{display:block;width:18px;height:2px;margin:3px auto;background:#1a1813} .pnav-mobile{display:none;border-top:1px solid #ddd7ca;padding:12px 20px 18px;background:#f6f3ec} .pnav-mobile.open{display:grid;gap:4px} .pnav-mobile a{padding:9px 8px;color:#57534a;font-size:14px;font-weight:600;text-decoration:none} .pnav-mobile a:hover{color:#1a1813} .pnav-mobile .pnav-cta{margin-top:6px;display:flex;justify-content:center;color:#fff} @media(max-width:920px){.pnav-links{display:none}.pnav-burger{display:block}.pnav-actions{margin-left:auto}} @media(max-width:650px){.pnav-in{width:min(calc(100% - 32px),1160px)}.pnav-actions .pnav-login,.pnav-actions .pnav-cta{display:none}}