/* Shared typography, shape and interaction for the main and blog navigation. */
:root{--nav-pill-border:rgba(255,255,255,.12);--nav-pill-background:rgba(6,7,10,.28);--nav-pill-text:rgba(255,255,255,.82)}
html[data-theme=light]{--nav-pill-border:rgba(49,32,44,.16);--nav-pill-background:rgba(255,255,255,.5);--nav-pill-text:#493c45}
.quick-nav a,.blog-nav :is(.fan-entry-nav,.blog-home){display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 11px;border:1px solid var(--nav-pill-border);border-radius:999px;color:var(--nav-pill-text);background:var(--nav-pill-background);backdrop-filter:blur(10px);font-family:'DM Sans',system-ui,sans-serif;font-size:.72rem;font-weight:800;text-decoration:none;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}
.blog-nav :is(.fan-entry-nav,.blog-home){white-space:nowrap}
.blog-nav .blog-home{gap:6px}
.quick-nav a:hover,.blog-nav :is(.fan-entry-nav,.blog-home):hover{color:#171015;border-color:var(--accent-soft);background:var(--accent-soft);transform:translateY(-2px)}
.quick-nav a:focus-visible,.blog-nav :is(.fan-entry-nav,.blog-home):focus-visible{outline:3px solid rgba(255,155,196,.42);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.quick-nav a,.blog-nav :is(.fan-entry-nav,.blog-home){transition:none}.quick-nav a:hover,.blog-nav :is(.fan-entry-nav,.blog-home):hover{transform:none}}
@media(max-width:360px){.blog-nav{gap:6px}.blog-nav .blog-home{max-width:100px;min-width:0;white-space:normal;text-align:center}}