.portal-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(268px,1fr);gap:20px;padding:22px 6px 35px 20px}.primary-column{min-width:0}.content-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:15px;align-items:center}.content-toolbar i{margin-right:2px}.content-title{font-size:38px;font-weight:400;line-height:1.2;margin:34px 0}.section-subtitle{font-size:18px}.task-section{background:var(--blue-soft);padding:20px;margin-top:24px}.task-section h3{color:var(--blue);margin-bottom:20px}.task-section .empty-state{padding:4px 0 12px}.task{border-bottom:1px solid var(--blue-border);padding:12px 0}.task summary{font-weight:bold;color:var(--blue)}.task-body{padding:15px 0;line-height:1.7}.task>a{display:block;margin:8px 0}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.course-card{border-radius:4px;overflow:hidden;background:var(--blue-soft);box-shadow:0 1px 3px #005eb822;text-decoration:none}.course-card img{width:100%;height:90px;object-fit:cover}.course-card h3{font-size:16px;margin:15px}.course-card:hover{box-shadow:0 3px 8px #005eb822}.saved-link{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--blue-border);max-width:440px}.saved-link:last-child{margin-bottom:24px}.side-column{position:relative;padding-top:4px}.aside-toggle{position:absolute;right:4px;top:-14px;z-index:5;background:var(--button);color:white;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:17px}.aside-content{display:flex;flex-direction:column;gap:26px}.aside-collapsed{grid-template-columns:minmax(0,1fr) 32px}.aside-collapsed .aside-content{display:none}.aside-collapsed .aside-toggle{transform:rotate(180deg)}.resources{padding:26px 12px 25px}.resources a{display:block;margin:12px 16px;line-height:1.5}.resources a:last-child{margin-bottom:6px}.resources h2{margin-bottom:8px}.reader-dialog{width:850px}.reader-content{font-size:22px;line-height:1.7;max-width:65ch;margin:auto}.reader-content img{max-width:100%}.reader-content h2{font-size:1.6em}.reader-content h3{font-size:1.2em}.reader-size{display:flex;gap:12px;align-items:center;margin-bottom:30px}.reading-ruler{position:fixed;left:0;right:0;height:36px;background:#1688ed40;pointer-events:none;z-index:900;border-top:1px solid #1688ed;border-bottom:1px solid #1688ed}.timer-panel{position:fixed;right:22px;bottom:22px;background:#fff;border:1px solid var(--blue-border);box-shadow:0 4px 25px #005eb822;border-radius:5px;padding:0 18px 18px;z-index:100;width:240px;text-align:center}.timer-panel header{display:flex;align-items:center;justify-content:space-between;text-align:left;margin:0 -18px 12px;padding:8px 10px 8px 18px;background:var(--blue-soft)}.timer-panel output{font-size:46px;font-variant-numeric:tabular-nums;display:block;color:var(--blue);margin:8px}.timer-panel label{display:block;margin-bottom:15px}.timer-panel input{width:75px}.timer-panel>div{display:flex;justify-content:center;gap:8px}#full-planner{max-width:650px;margin:0 0 30px}#full-planner .planner{min-height:320px}
@media(min-width:1400px){.portal-columns{grid-template-columns:minmax(0,1fr) 360px;padding-right:20px;gap:28px}}
@media(max-width:758px){.portal-columns{grid-template-columns:minmax(0,1fr);padding:20px 16px;gap:28px}.side-column{padding-top:4px}.aside-toggle{top:-5px;right:0}.aside-content{gap:20px}.aside-collapsed{grid-template-columns:1fr}.aside-collapsed .side-column{min-height:30px}.content-title{font-size:30px;margin-top:25px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card h3{font-size:14px}.resources{padding:18px 12px}.timer-panel{right:12px;bottom:12px}.reader-content{font-size:19px}}
@media print{.sidebar,.mobile-menu,.profile-menu,.side-column,.content-toolbar,.timer-panel,.reading-ruler{display:none!important}#main-content{margin:0}.portal-columns{display:block;padding:0}.course-banner{min-height:0;background:none!important;padding:0}.course-banner h1{text-shadow:none;font-size:25px}.banner-navigation,.step-blocks{display:none}.task-section{background:white}}
.course-group{margin-bottom:35px}.course-group>h3{font-size:23px;font-weight:normal}.school-details{margin:18px 0;background:var(--blue-soft);padding:12px}.school-details summary{font-weight:bold}.school-details[open] summary{margin-bottom:14px}
.load-error{padding:40px 24px}.course-card img{object-position:center top}
.course-card-visual{height:90px;display:flex;align-items:center;justify-content:center;background:var(--blue-soft);color:var(--blue)}.course-symbol{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 1px 5px #005eb814;font-size:34px}.course-card:hover .course-symbol{color:var(--blue-hover);box-shadow:0 2px 8px #005eb825}
.source-document{font-size:15px;line-height:1.7;overflow-wrap:anywhere;margin:24px 0}.source-document h1,.source-document h2{font-size:28px;font-weight:500;line-height:1.3;color:var(--blue)}.source-document h3{font-size:21px;color:var(--blue)}.source-document h4{font-size:18px}.source-document p{margin:0 0 16px}.source-document ul,.source-document ol{margin-bottom:20px}.source-document table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:18px 0}.source-document td,.source-document th{border:1px solid var(--blue-border);padding:9px!important;vertical-align:top}.source-document th{background:var(--blue-soft)}.source-document img{max-width:100%;height:auto}.source-document iframe{width:100%;max-width:100%;min-height:310px;border:0;border-radius:8px}.source-document details{background:var(--blue-soft);border:1px solid var(--blue-border);border-radius:6px;margin:14px 0;padding:14px}.source-document summary{color:var(--blue);font-weight:bold}.source-document details[open] summary{margin-bottom:15px}.source-document a{color:var(--blue)}.source-document video,.source-document audio{max-width:100%}.task-body:has(img){overflow:auto}.task-body img{max-width:100%;height:auto}.task-body iframe{max-width:100%;border:0}
.logbook-columns{grid-template-columns:minmax(0,1fr) 330px;padding:24px;gap:24px}.logbook-columns .aside-content{display:flex;flex-direction:column;gap:20px}.logbook-columns #full-planner{order:0}.logbook-columns #notebook{order:1}.logbook-columns .resources{order:2}.logbook-columns .aside-content>*{margin:0}.logbook-schedule{background:#f4f9ff;border:1px solid #cce1f5;border-radius:12px;padding:20px}.logbook-schedule-heading{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}.logbook-schedule-heading h2{margin:0}.logbook-schedule-heading button{font-size:13px;padding:11px 14px}.logbook-schedule .teacher-intro{line-height:1.6;font-size:13px;margin-bottom:20px}.logbook-columns .planner{padding:16px}.logbook-columns .aside-toggle{top:-18px;right:0}.logbook-columns .schedule-empty{line-height:1.6}@media(max-width:1150px){.logbook-columns{grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding:20px 16px}.logbook-schedule-heading{flex-wrap:wrap}}@media(max-width:800px){.logbook-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:440px){.logbook-schedule{padding:16px}}


.timer-panel{max-width:calc(100vw - 16px);border-radius:12px;overflow:hidden}.timer-drag-handle{display:flex;align-items:center;gap:8px;flex:1;align-self:stretch;text-align:left;background:transparent;color:var(--blue);font-weight:700;cursor:grab;touch-action:none;user-select:none;padding:8px 0}.timer-drag-handle.dragging{cursor:grabbing}.timer-drag-handle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.content-toolbar [data-action="listen"][aria-pressed="true"]{background:#063e7b;box-shadow:0 0 0 2px #8bc5ff}