/* The corner menu button belongs only to an active study screen. */
.has-study-navigation{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
.study-navigation .study-nav-handle{position:fixed;z-index:90;left:max(14px,env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;min-width:48px;height:48px;min-height:48px;padding:12px;border:1px solid var(--v3-line,#d4e2f3);border-radius:50%;background:var(--v3-glass,#f8fbfff2);color:var(--v3-blue,#31547f);box-shadow:0 3px 16px #18376214;backdrop-filter:blur(14px);font:inherit;touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer}
.study-navigation .study-nav-handle[hidden]{display:none!important}
.study-navigation .study-nav-handle svg{width:22px;height:22px;flex-shrink:0}
.study-navigation .study-nav-handle:hover{background:var(--v3-soft,#eaf2ff)}
.study-navigation .study-nav-dialog{position:fixed;inset:auto 0 0;margin:0 auto;padding:16px 20px calc(18px + env(safe-area-inset-bottom,0px));width:min(100%,560px);max-width:100%;max-height:calc(100dvh - 24px);box-sizing:border-box;border:1px solid var(--v3-line,#dce7f4);border-bottom:0;border-radius:24px 24px 0 0;background:var(--v3-paper,#fff);color:var(--v3-navy,#213a58);box-shadow:0 -12px 60px #18376224;overflow:auto;overscroll-behavior:contain;transform:translateY(100%);opacity:0;transition:transform 180ms cubic-bezier(.2,.7,.3,1),opacity 140ms ease}
.study-navigation .study-nav-dialog[data-open=true]{transform:translateY(0);opacity:1}
.study-nav-dialog::backdrop{background:#17375847;backdrop-filter:blur(2px)}
.study-navigation .study-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.study-navigation .study-nav-heading h2{margin:0;font-size:17px;font-weight:750;line-height:1.4;letter-spacing:-.03em}
.study-navigation .study-nav-close{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:10px;border:0;border-radius:14px;background:var(--v3-soft,#f1f6fc);color:var(--v3-muted,#526b87);cursor:pointer}
.study-navigation .study-nav-close svg{width:22px;height:22px}
.study-navigation .study-nav-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.study-navigation .study-nav-links button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:86px;padding:12px 4px;border:1px solid var(--v3-line,#e4edf8);border-radius:17px;background:var(--v3-soft,#f7faff);color:var(--v3-blue,#2b5289);font:inherit;font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap;cursor:pointer}
.study-navigation .study-nav-links svg{width:25px;height:25px;flex-shrink:0}
.study-navigation .study-nav-links button:hover,.study-navigation .study-nav-links button:active{background:var(--v3-paper,#eaf2ff);border-color:var(--v3-blue,#aacbf4)}
.study-navigation .study-nav-note{margin:14px 0 0;color:var(--v3-muted,#61758d);text-align:center;font-size:12px;line-height:1.5;word-break:keep-all}
.study-navigation button:focus-visible{outline:3px solid var(--v3-blue,#2563eb);outline-offset:3px}
.study-navigation[data-motion=false] .study-nav-dialog,.study-nav-dialog[data-motion=false]{transition:none!important}
@media(max-width:360px){.study-navigation .study-nav-dialog{padding-right:12px;padding-left:12px}.study-navigation .study-nav-links{gap:6px}.study-navigation .study-nav-links button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.study-navigation .study-nav-dialog{transition:none!important;animation:none!important}.study-navigation .study-nav-handle{background:var(--v3-paper,#f8fbff);backdrop-filter:none}.study-nav-dialog::backdrop{backdrop-filter:none}}