/* Chapter selection is a single vertical catalogue; the reader keeps its own layout. */
.academy-catalog{width:min(100%,1320px);margin:0 auto;padding:3px 0 48px}
.catalog-header{padding:12px 2px 27px;border-bottom:1px solid #40465a}
.catalog-header .eyebrow{font-size:11px;letter-spacing:.17em;color:#ad96e9}
.catalog-header h1{margin:9px 0 5px;font-size:clamp(31px,3vw,48px);line-height:1.12;letter-spacing:-.04em}
.catalog-header p{margin:0;color:#b4bad0;font-size:14px}
.catalog-toolbar{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:22px 0 18px}
.catalog-filters{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.catalog-filters .chip{min-height:35px;padding:6px 12px;font-size:11px;white-space:nowrap}
.catalog-count{flex:none;padding:9px 0;color:#b8bed0;font-size:12px;font-variant-numeric:tabular-nums}
.catalog-list{display:flex;flex-direction:column;gap:10px}
.academy-chapter-row{display:flex;align-items:center;gap:20px;width:100%;min-height:126px;padding:13px 20px 13px 13px;border:1px solid #383f53;border-radius:15px;background:linear-gradient(110deg,#191d2be8,#121722ef);box-shadow:0 10px 24px #05071135;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.academy-chapter-row:hover{border-color:#8570b8;background:linear-gradient(110deg,#262238,#171b2b);transform:translateY(-1px)}
.academy-chapter-row:focus-visible{outline:2px solid #b69aff;outline-offset:2px}
.catalog-art{display:block;flex:0 0 146px;width:146px;height:100px;overflow:hidden;border:1px solid #55506e75;border-radius:10px;background:radial-gradient(circle at 50% 50%,#32284b,#111521 72%)}
.catalog-art img{display:block;width:100%;height:100%;object-fit:contain}
.catalog-art.opaque-art img{mask-image:radial-gradient(ellipse at center,#000 40%,transparent 80%)}
.catalog-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.catalog-overline{color:#b3a1e6;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.catalog-copy strong{color:#f3f1fa;font-size:clamp(17px,1.45vw,23px);font-weight:650;line-height:1.27;letter-spacing:-.016em;overflow-wrap:anywhere}
.catalog-detail{color:#aeb7cb;font-size:12px;line-height:1.5}
.catalog-arrow{align-self:center;margin-left:auto;color:#b5a0ec;font-size:22px}
.catalog-empty{padding:32px 16px;border:1px dashed #55516b;border-radius:12px;color:#c2c7d6;text-align:center}
.catalog-back{min-height:34px!important;margin:-5px 0 8px;padding:4px 0!important;border:0!important;box-shadow:none!important;font-size:12px!important;color:#b9a5ef!important}
@media(max-width:820px){
 .academy-catalog{padding-bottom:15px}
 .catalog-header{padding-top:4px;padding-bottom:21px}
 .catalog-toolbar{display:block;margin:16px 0}
 .catalog-filters{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
 .catalog-filters .chip{flex:none;min-height:39px}
 .catalog-count{display:block;padding:4px 2px 0}
 .academy-chapter-row{gap:12px;min-height:105px;padding:9px 11px 9px 9px}
 .catalog-art{flex-basis:90px;width:90px;height:85px}
 .catalog-overline{font-size:9px}
 .catalog-copy strong{font-size:16px}
 .catalog-detail{font-size:10px}
 .catalog-arrow{font-size:17px}
}
@media(max-width:390px){.catalog-art{flex-basis:72px;width:72px;height:79px}.catalog-copy strong{font-size:14px}.academy-chapter-row{gap:9px}}
@media(prefers-reduced-motion:reduce){.academy-chapter-row{transition:none}}