.sidenav .direction-switcher { padding: 4px 0 12px; line-height: normal; }
.direction-switcher form { display: grid; grid-template-columns: minmax(0, 1fr) 36px; align-items: end; gap: 6px; margin: 0; }
.direction-switcher label { display: block; color: #475569; font-size: .8rem; }
.direction-switcher label span { display: block; margin-bottom: 4px; font-weight: 600; }
.direction-switcher select { width: 100%; height: 36px; padding: 0 6px; font-size: .8rem; color: #0f172a; border: 1px solid #cbd5e1; border-radius: 6px; background: #fff; }
.direction-switcher button { width: 36px; height: 36px; padding: 0; margin: 0; line-height: 36px; background: #0b3c89; border-radius: 6px; }
.direction-switcher button i { font-size: 20px; line-height: inherit; }
.direction-home { max-width: 980px; margin: 24px auto; }
.direction-eyebrow { color: #64748b; font-size: .85rem; }
.direction-home h1 { font-size: clamp(2rem, 5vw, 3rem); color: #0b3c89; margin: 12px 0; }
.direction-intro { color: #475569; font-size: 1.1rem; }
.direction-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 22px; margin: 32px 0; }
.direction-card { display: block; padding: 28px; background: #fff; border: 1px solid #dbe3ef; border-radius: 14px; color: #334155; box-shadow: 0 4px 16px #0f172a08; }
.direction-card:hover, .direction-card:focus-visible { border-color: #0b3c89; box-shadow: 0 4px 18px #0b3c8918; }
.direction-card > i { color: #0b3c89; font-size: 32px; }
.direction-card h2 { font-size: 1.4rem; color: #0b3c89; margin: 16px 0 12px; }
.direction-card p { line-height: 1.6; }
.direction-card span { display: block; color: #0b3c89; font-weight: 600; margin-top: 20px; }
.direction-help { color: #64748b; line-height: 1.6; }