/* Catalog can always scroll; this sheet is never loaded by the slide player. */
html{overflow-y:auto;overflow-x:hidden}body.catalog-page,body.auth-page{height:auto;overflow:visible}
.catalog-page .subject-card{opacity:1;position:relative}
.catalog-page .subject-card[data-live='1']{border-color:#d3dbe9}
.subject-card .subject-cover{aspect-ratio:16/9}
.subject-cover img{object-fit:cover}
.subject-card .card-bottom{min-height:43px}
.subject-card[data-phase=F] .cover-number{padding:3px 6px;border-radius:6px;background:#fff9;color:#3c526e}
.subject-card.coming{border-style:dashed}.subject-card.coming .subject-details p{color:var(--muted)}
#gradeFilters{order:-1;border-bottom:1px solid var(--line);padding-bottom:15px}
#gradeFilters .filter{font-size:13px;font-weight:650;padding:10px 18px}
.catalog-toolbar{scroll-margin-top:18px}
html[data-theme=dark] .subject-card[data-live='1']{border-color:#31435e}
html[data-theme=dark] .hero{border:1px solid #364069}
html[data-theme=dark] .subject-card .card-bottom{border-color:#253650}
html[data-theme=dark] .subject-details .subject-area{color:#b8a9df}
html[data-theme=dark] .auth-story,html[data-theme=dark] .auth-form{background:#14213a}
html[data-theme=dark] .auth-story h1{color:#f2f5ff}
html[data-theme=dark] .stack input{background:#0e192e;color:#eef4ff;border-color:#39516b}
html[data-theme=dark] .password-box button{color:#b4c8e2}
html[data-theme=dark] .guest-link{color:#d4c6ff}
html[data-theme=dark] .help-dialog{background:#14223b;color:#f1f6ff;border-color:#394a69}
html[data-theme=dark] .empty{background:#14223b;border-color:#405070}
html[data-theme=light] body.catalog-page{background:radial-gradient(circle at 8% 15%,#eaf7f5,transparent 25%),radial-gradient(circle at 90% 8%,#f5ebfe,transparent 22%),#f6f7fc}
html[data-theme=light] .subject-card:hover{box-shadow:0 15px 35px #46447014}
@media(max-width:700px){.sidebar .side-nav button span{display:inline}.sidebar .side-nav button{gap:5px;font-size:10px;padding:9px 7px}.sidebar{gap:8px;padding:16px 14px}.sidebar .brand-lockup small{display:none}.sidebar .side-nav button[data-help] span{display:none}.masthead-right .user-info{display:none}.subject-details h3{overflow-wrap:anywhere}.catalog-toolbar{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:420px){.catalog-grid{grid-template-columns:1fr}.subject-details h3{font-size:18px}.subject-details p{font-size:12px}.subject-details .card-bottom{font-size:12px}.sidebar .brand-lockup b{font-size:13px}.sidebar .brand-lockup img{width:28px;height:28px}.search{max-width:none;width:100%}}