/* Shared page navigation; each page loads its own practice implementation. */
.topbar .page-switch{display:flex;align-items:center;gap:8px}
.page-switch a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 15px;border-radius:7px;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.4;white-space:nowrap}
.page-switch a small{font-size:11px;font-weight:400}
.page-switch a:hover{background:var(--surface);color:var(--ink)}
.page-switch a[aria-current="page"]{background:var(--tint);color:var(--primary);font-weight:600}
.page-switch a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.conversation-page .tutor{margin-top:36px}
.conversation-page .tutor-heading h1{font-size:30px;line-height:1.3;letter-spacing:-.025em;margin:0 0 10px;font-weight:600}
.conversation-page .tutor-heading h1>span{font-size:26px;color:var(--tutor-blue);font-weight:450;margin-left:14px}
.conversation-page footer{margin-top:32px}
@media(max-width:1000px){.topbar{gap:18px}.conversation-page .tutor-heading h1{font-size:27px}.conversation-page .tutor-heading h1>span{font-size:23px}}
@media(max-width:700px){.topbar .trial-tag{display:none}.topbar .page-switch{gap:3px}.page-switch a{padding:7px 10px;font-size:12px;gap:4px}.page-switch a small{font-size:10px}.conversation-page .tutor{margin-top:24px}.conversation-page .tutor-heading h1{font-size:26px}.conversation-page .tutor-heading h1>span{font-size:22px;margin-left:10px}}
@media(max-width:650px){.learning-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;gap:6px;min-height:50px;padding:0 10px;overscroll-behavior-x:contain}.learning-nav a{flex:0 0 auto;white-space:nowrap;min-height:50px;padding:7px 12px;line-height:1.4;display:flex;flex-direction:column;justify-content:center;gap:2px}.learning-nav small{white-space:nowrap;display:block;font-size:9px}}
@media(max-width:380px){.topbar{gap:8px}.topbar .wordmark{font-size:9px;letter-spacing:.04em;gap:6px}.page-switch a{padding:6px 8px;flex-direction:column;gap:0}.page-switch a small{font-size:9px}.conversation-page .tutor-heading h1>span{display:block;margin:6px 0 0}}
