/* Shared responsive layout and right-side navigation. */
html{scrollbar-gutter:stable}body{min-width:0}img,video{max-width:100%}main,.panel,.grid>*,.auth-shell>*,.journal-search>*{min-width:0}h1,h2,h3,.prose-copy,.data-table td,.comment-body{overflow-wrap:anywhere}input,select,textarea{max-width:100%;min-width:0}fieldset{min-inline-size:0}.overflow-x-auto{max-width:100%;overscroll-behavior-x:contain}.data-table{min-width:520px}.data-table td{max-width:650px}.btn-primary,.btn-secondary,.btn-danger{min-height:44px}.mobile-menu-toggle,.menu-close{display:none}.mobile-drawer,.mobile-menu-overlay{display:none}
@media(max-width:1023px){
  .public-header{padding:18px 20px!important}.public-header>div{flex-wrap:nowrap;gap:12px!important}.public-header .desktop-public-nav,.public-header .desktop-public-actions{display:none!important}
  .mobile-menu-toggle,.menu-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff08;color:#e9f3df;font-size:12px;flex-shrink:0}
  .mobile-menu-toggle{padding:10px 12px}.menu-close{position:absolute;top:20px;right:20px;z-index:2}.mobile-menu-toggle svg,.menu-close svg{width:21px;height:21px}
  #sidebar,.mobile-drawer{display:flex!important;flex-direction:column;position:fixed;inset:0 0 0 auto!important;z-index:60;width:min(370px,calc(100% - 24px));height:100vh;height:100dvh;max-height:100dvh;padding:28px 24px calc(28px + env(safe-area-inset-bottom));background:#11231b;border:0;border-left:1px solid #d3ff6725;box-shadow:-20px 0 70px #0005;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%)!important;visibility:hidden;transition:transform .38s cubic-bezier(.22,1,.36,1),visibility 0s .38s;will-change:transform}
  #sidebar.menu-is-open,.mobile-drawer.menu-is-open{transform:translateX(0)!important;visibility:visible;transition-delay:0s}
  #sidebar>a:first-of-type,.mobile-drawer>.identity{padding-right:46px;min-height:44px}
  .mobile-menu-overlay{display:block;position:fixed;inset:0;z-index:50;background:#030c09a8;backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s .38s}
  .mobile-menu-overlay.menu-is-open{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
  .mobile-drawer{color:#e4eee4}.mobile-public-links{display:flex;flex-direction:column}.mobile-public-links a{display:flex;align-items:center;justify-content:space-between;padding:14px 2px;min-height:50px;border-bottom:1px solid #ffffff12;font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.03em;color:#e4eee4}.mobile-public-links a span{font-size:17px;color:#8da28f}.mobile-public-links a[aria-current]{color:#d3ff67}.mobile-public-links a:hover{color:#d3ff67}.mobile-menu-actions{display:grid;gap:10px;margin-top:28px}.mobile-menu-actions a{width:100%}.auth-page .auth-topline .mobile-menu-toggle{color:#163b2d;border-color:#163b2d40;background:#163b2d08}
  .workspace-header{padding-inline:20px!important}.workspace-main{max-width:100%;padding:26px 20px!important}
}
@media(min-width:1024px){#sidebar{transform:none!important;visibility:visible!important}.mobile-drawer,.mobile-menu-overlay,.mobile-menu-toggle,.menu-close{display:none!important}}
@media(max-width:640px){
  #main .text-5xl{font-size:clamp(32px,9vw,48px)}
  #main:not(.auth-shell){padding-inline:16px!important}.workspace-header{height:auto;min-height:72px;padding:12px 16px!important;gap:10px}.workspace-header>div{min-width:0}.workspace-header>div:first-child>span{font-size:10px}.workspace-header>div:last-child{gap:8px}
  .form-stack input:not([type=checkbox]):not([type=radio]),.form-stack select,.form-stack textarea,.search-input,.auth-field input,.journal-search input,.journal-search select,.institution-picker-controls input,.institution-picker-controls select{font-size:16px!important;min-height:46px}
  .panel{padding:19px}.panel .tag{white-space:normal}.tag{max-width:100%}.subject-grid{max-height:65vh}.subject-card{padding:14px}.subject-card input{min-width:18px;min-height:18px}
  .journal-search{flex-direction:column;align-items:stretch;gap:10px}.journal-search>div,.route-institutions .journal-search>div{min-width:0;width:100%}.journal-search select,.journal-search button{width:100%;max-width:100%}.route-resources #main>form{display:grid;grid-template-columns:1fr}.route-resources #main>form .search-input{width:100%!important;max-width:100%}
  .hero-editorial h1{font-size:clamp(38px,11.5vw,57px)}.hero-art img{height:clamp(240px,75vw,350px)}.hero-caption{padding:16px;gap:10px}.hero-caption strong{font-size:12px}.hero-caption>b{font-size:25px}.hero-sticker{right:-4px}.hero-actions>*{flex:1 1 auto}.homepage [data-live-infographics] .panel:has([data-counter]){padding:12px}.homepage [data-counter]{font-size:34px}.countdown-tile{min-width:0;padding:10px 4px!important}.countdown-tile span{font-size:24px}.countdown-tile small{font-size:9px}
  .about-hero h1,.journal-opening h1,.article-heading h1{font-size:clamp(35px,10vw,50px)}.journal-opening-note{max-width:100%}.article-body{min-width:0}.article-body .prose-copy{overflow-wrap:anywhere}.article-heading{gap:15px}.article-cover img{height:auto;min-height:200px;max-height:320px;object-fit:cover}
  .auth-story,.auth-form-side{padding-inline:20px}.auth-form-content{padding-block:28px}.auth-story h1{font-size:clamp(33px,10vw,43px)}.auth-foot{flex-wrap:wrap;line-height:1.8}.auth-topline{flex-wrap:wrap}.auth-form-side{min-height:0}
  .exam-heading{align-items:start}.exam-heading h1{font-size:24px}.exam-heading>.panel{padding:10px 12px!important}.option{padding:14px 12px;gap:9px}.option input{flex-shrink:0;min-width:18px;min-height:18px}.option .tag{flex-shrink:0}.route-exam #previous,.route-exam #next{padding-inline:12px;font-size:11px}.question-dot{min-height:44px}dialog{width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto}
  .journal-pagination{gap:12px;flex-wrap:wrap}.journal-pagination a{min-height:44px;display:inline-flex;align-items:center}footer nav a{min-height:36px;display:inline-flex;align-items:center}footer form{width:100%}.admin-banner{flex-wrap:wrap}.data-table th,.data-table td{padding:14px 10px}
}
@media(max-width:360px){.route-dashboard .grid.grid-cols-2,.homepage [data-live-infographics]>.grid.grid-cols-2{grid-template-columns:1fr}.public-header{padding-inline:16px!important}.workspace-header>div:first-child>span{max-width:155px}.hero-caption{left:0;right:0}.mobile-drawer .identity-symbol{width:38px}.mobile-drawer .identity{font-size:10px}.mobile-menu-toggle{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#sidebar,.mobile-drawer,.mobile-menu-overlay{transition:none!important;will-change:auto}}

.question-navigator-grid{max-height:360px;overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-color:#39574a #121b1a}