.section-nav{display:flex;align-items:center;gap:6px;overflow-x:auto;max-width:100%;padding:4px 2px 12px;margin:0 0 18px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
button.section-link{flex:0 0 auto;white-space:nowrap;min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);padding:10px 16px;font-weight:650}
button.section-link:hover{background:var(--panel2);color:var(--text)}button.section-link.active{background:var(--panel2);color:var(--accent);border-color:var(--accent)}button.section-link:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.section-nav-secondary{margin-bottom:16px;padding-bottom:8px}.section-nav-secondary button.section-link{font-size:13px}.tactics-section-heading h2{margin:0}.tactics-section-heading p{margin:7px 0 12px}.view{min-width:0}.sidebar .nav{gap:8px}.sidebar .nav-btn{min-height:44px}
@media(max-width:760px){.section-nav{gap:4px;margin-bottom:12px}button.section-link{padding:10px 13px}.tactics-section-heading h2{font-size:21px}}
@media(orientation:landscape) and (max-height:600px){.section-nav{margin-bottom:10px;padding-bottom:6px}.tactics-section-heading p{display:none}.tactics-section-heading h2{font-size:20px;margin-bottom:8px}}
