/* Reserve the fixed rail at every desktop width, including the 1600px breakpoint. */
body[data-screen=grade9] #screen{margin:0 0 0 92px;width:auto;max-width:none;padding-left:28px;padding-right:28px;box-sizing:border-box}
.chapter-select-layout{width:100%;min-width:0;gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.chapter-showcase,.chapter-stage,.selected-lessons{min-width:0}
.chapter-stage{isolation:isolate}
.chapter-arrow,.chapter-arrow:hover,.chapter-arrow:active{
 display:grid;place-items:center;width:52px;height:64px;padding:10px;
 background:transparent;border:0;border-radius:0;box-shadow:none;
 color:#d7bd7d;transition:color .18s,filter .18s;z-index:4;
}
.chapter-arrow:hover{color:#ffdf98;filter:drop-shadow(0 0 8px #dfc57888)}
.chapter-arrow svg{display:block;width:30px;height:38px;overflow:visible}
.chapter-arrow svg path{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.chapter-arrow:focus-visible{outline:2px solid #d9c17f;outline-offset:0}
.arrow-prev{left:0}.arrow-next{right:0}
.selected-portal{padding-left:60px;padding-right:60px}
.selected-lessons{padding:18px 16px 18px 28px;background:radial-gradient(ellipse at 50% 50%,#47715512,transparent 75%);border:0;border-radius:0;box-shadow:none}
.selected-lessons>header{border-bottom:1px solid #b6b48038;padding-bottom:15px}
.selected-lessons .lesson-entry,.selected-lessons .lesson-entry.available{
 background:transparent;border:0;border-bottom:1px solid #98aa7130;border-radius:0;
 box-shadow:none;padding:10px 4px;margin:0;gap:15px;
}
.selected-lessons .lesson-entry:hover{background:radial-gradient(ellipse at left,#9ab97718,transparent 80%)}
.selected-lessons .lesson-entry.available{color:#efd79d}
.selected-lessons .lesson-entry.available:hover{background:radial-gradient(ellipse at left,#d9bd6b24,transparent 80%)}
.selected-lessons .lesson-entry.available small{color:#cebb82}
.lesson-portal-icon{position:relative;display:grid;place-items:center;flex:0 0 66px;width:66px!important;height:66px}
.lesson-portal-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.75)}
.lesson-portal-icon>span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:600 12px/1.4 var(--sans);color:#dfcf99;text-shadow:0 1px 4px #102b26;background:#102e2ce0;border-radius:3px;padding:0 5px}
.available .lesson-portal-icon img{filter:drop-shadow(0 0 7px #e4c57d55);opacity:1}
.selected-lessons .lesson-entry strong{font-size:16px;line-height:1.55}
.selected-lessons .lesson-entry small{font-size:12px}
.selected-lessons .lesson-entry>b{font-size:19px;font-weight:400;color:#c9ba78}
@media(max-height:780px) and (min-width:901px){
 .selected-lessons{padding:12px 10px 12px 22px}
 .lesson-portal-icon{flex-basis:52px;width:52px!important;height:52px}
 .selected-lessons .lesson-entry,.selected-lessons .lesson-entry.available{padding:8px 3px;gap:10px}
 .selected-lessons .lesson-entry strong{font-size:15px}
}
@media(max-width:900px){
 body[data-screen=grade9] #screen{margin-left:78px;padding-left:20px;padding-right:20px}
 .chapter-arrow,.chapter-arrow:hover{width:46px;height:56px;padding:8px}
 .chapter-arrow svg{width:27px;height:34px}
}
@media(max-width:600px){
 body[data-screen=grade9] #screen{margin-left:0;padding-left:12px;padding-right:12px}
 .chapter-arrow,.chapter-arrow:hover{width:36px;height:48px;padding:5px}
 .chapter-arrow svg{width:24px;height:30px}
 .selected-portal{padding-left:38px;padding-right:38px}
 .chapter-sheet .lesson-entry{gap:12px}
 .chapter-sheet .lesson-portal-icon{flex-basis:56px;width:56px!important;height:56px}
}
@media print{body[data-screen=grade9] #screen{margin:0}.chapter-arrow{display:none}}