/* NAVIGATION — from Navigation - Prototype.html, verbatim (lifted out of the home page's
   index.css so every page shares one nav stylesheet). The mark is coachb-logo-sun.svg in the
   bar; the anchor prefix (bare on the home page, /-prefixed elsewhere) is set in the markup,
   not here. See SPEC - Navigation (amended).md. */
.burger{position:absolute;top:24px;right:24px;width:26px;height:21px;padding:0;border:0;background:none;cursor:pointer;display:block;z-index:40}
.burger::before{content:"";position:absolute;top:-12px;bottom:-11px;left:-9px;right:-9px}
.burger i{position:absolute;left:0;right:0;height:3px;background:#1A1A1A;display:block}
.burger i:nth-child(1){top:0}
.burger i:nth-child(2){top:9px}
.burger i:nth-child(3){top:18px}
/* The #E7E9EC keyline holds the glyph's edge against photography, so it is on the home page's hero
   only. Off photography (FAQ, legal) the glyph sits on cream and takes no keyline — the same
   conditional SPEC - Section 1 §10.3 settled for the mark. See SPEC - FAQ page (built).md shell note. */
body.home .burger i{outline:1px solid #E7E9EC}
.panel{position:fixed;inset:0;background:#F9F7F4;z-index:60;display:none;padding:24px}
.panel.is-open{display:block}
.panel__close{position:absolute;top:20px;right:20px;width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer}
.panel__close i{position:absolute;top:16px;left:4px;width:26px;height:2px;background:#1A1A1A;display:block}
.panel__close i:nth-child(1){transform:rotate(45deg)}
.panel__close i:nth-child(2){transform:rotate(-45deg)}
.panel__nav{position:absolute;top:120px;left:24px;right:24px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.panel__nav a{font-family:'Barlow Semi Condensed',Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02;font-size:35px;color:#1A1A1A}
.panel__nav a:hover{color:#654199}
/* "true" is the home page's spied section; "page" is the current page (FAQs on /faqs). */
.panel__nav a[aria-current="true"],.panel__nav a[aria-current="page"]{color:#654199}
.panel__sep{align-self:stretch;height:1px;background:#E8E8E4;margin:4px 0}
.bar{display:none}

@media(min-width:1088px){
/* ---------- navigation: the locked 64px opaque fixed bar ---------- */
.bar{display:flex;position:fixed;top:0;left:0;right:0;height:64px;align-items:center;padding:0 64px;background:#F9F7F4;border-bottom:1px solid #E8E8E4;z-index:50}
.bar__mark{display:none;width:32px;height:32px;margin-right:28px}
.bar.has-mark .bar__mark{display:block}
.bar__nav{display:flex;align-items:center;gap:32px;flex:1}
.bar__nav a{position:relative;display:flex;align-items:center;height:63px;font-family:'Barlow Semi Condensed',Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:16px;line-height:1.2;letter-spacing:.04em;color:#1A1A1A}
.bar__nav a:hover{color:#654199}
.bar__nav a[aria-current="true"]::after,.bar__nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#654199}
.bar__pages{margin-left:auto;display:flex;align-items:center;gap:32px}
.burger,.panel{display:none!important}
}