/* Shared nav strip injected into every module page by nav.js. Sits at the very top of , full-bleed, sticky. */ .practice-nav { position: sticky; top: 0; z-index: 100; background: var(--paper, #f3ecd8); border-bottom: 2px solid var(--ink, #15110d); padding: 6px 12px; display: flex; align-items: center; gap: 12px; min-height: 38px; font-family: 'Bricolage Grotesque', sans-serif; } .practice-nav-home { display: flex; align-items: center; gap: 8px; font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 1.3px; text-transform: uppercase; color: var(--ink, #15110d); text-decoration: none; flex-shrink: 0; font-weight: 500; } .practice-nav-home:hover { opacity: 0.65; } .practice-nav-mark { width: 18px; height: 18px; background: var(--yellow, #ffd400); border: 1.5px solid var(--ink, #15110d); border-radius: 50%; position: relative; box-shadow: 1.5px 1.5px 0 var(--ink, #15110d); flex-shrink: 0; } .practice-nav-mark::after { content: ''; position: absolute; inset: 4px; background: var(--ink, #15110d); border-radius: 50%; } .practice-nav-tabs { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; flex: 1; justify-content: flex-end; } .practice-nav-tabs::-webkit-scrollbar { display: none; } .practice-nav-tab { flex-shrink: 0; padding: 5px 9px; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 10px; letter-spacing: 1.1px; text-transform: uppercase; color: var(--ink, #15110d); text-decoration: none; border: 1.5px solid var(--ink, #15110d); background: var(--paper, #f3ecd8); box-shadow: 1.5px 1.5px 0 var(--ink, #15110d); transition: transform 0.08s, box-shadow 0.08s; line-height: 1; } .practice-nav-tab:hover { transform: translate(-1px, -1px); box-shadow: 2.5px 2.5px 0 var(--ink, #15110d); } .practice-nav-tab.active { background: var(--ink, #15110d); color: var(--yellow, #ffd400); box-shadow: 1.5px 1.5px 0 var(--terracotta, #c8743e); } .practice-nav-city { font-family: 'DM Mono', monospace; font-size: 9px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--ink-3, #6a5e4a); flex-shrink: 0; white-space: nowrap; } .practice-nav-city em { font-family: 'Fraunces', serif; font-style: italic; color: var(--terracotta, #c8743e); font-weight: 500; font-size: 11px; }