:root{--blue:#3455a4;--yellow:#ffd800;--red:#ef2400;--green:#32cc00;--paper:#f7f7f7;--ink:#252525;--line:#555}*{box-sizing:border-box}html{font-size:16px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:600}a{color:inherit}a:focus-visible{outline-offset:-4px;outline:3px dotted #000}.desktop,.window{min-height:100vh}.window{background:var(--paper);border:2px solid #777;border-radius:12px;overflow:hidden}.titlebar{background:var(--blue);color:#fff;border-bottom:1px solid #222;grid-template-columns:1fr 1fr 1fr;align-items:center;height:2.45rem;padding:0 .65rem;display:grid}.titlebar b{text-align:center;background:#000;justify-self:center;padding:.35rem .75rem}.titlebar time{text-align:right}.menubar{background:var(--yellow);border-bottom:1px solid #222;align-items:center;height:2.45rem;display:flex}.menubar a{border-right:1px solid #222;align-items:center;height:100%;padding:0 .7rem;text-decoration:none;display:flex}.menubar a:hover,.menubar a[aria-current=page]{color:#fff;background:#000}.menubar .info-link{border-left:1px solid #222;border-right:0;margin-left:auto}.directory-page{flex-direction:column;min-height:calc(100vh - 4.9rem);padding:.7rem;display:flex}.section-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:2rem;margin-bottom:.55rem;padding:.3rem 0;display:flex}.course-record h1,.detail-page h1{font:inherit;margin:.7rem 0 1rem;font-weight:700}.record-grid{border-top:1px solid var(--line);grid-template-columns:9rem 1fr 9rem 1fr;margin-bottom:2rem;display:grid}.record-grid>*{border-bottom:1px solid var(--line);padding:.45rem 0}.record-grid span{color:#555}.module-summary{max-width:70ch;margin:0 0 1.2rem}.plain-section{border-top:1px solid var(--line);grid-template-columns:12rem minmax(0,60rem);gap:1rem;padding:.8rem 0;display:grid}.plain-section p{margin:0;font-weight:600;line-height:1.45}.assignment-image{border:1px solid var(--line);width:min(100%,28rem);height:auto;margin:0 auto 1.2rem;display:block}.assignment-section{border-top:1px solid var(--line);grid-template-columns:12rem minmax(0,60rem);gap:1rem;padding:.8rem 0;display:grid}.assignment-section h2,.assignment-section p,.assignment-section ul{font:inherit;margin:0}.assignment-section h2{font-weight:700}.assignment-section li{margin-bottom:.35rem}.file-viewer{display:block}.viewer-title{background:var(--red);border:1px solid #222;justify-content:space-between;padding:.55rem;display:flex}.file-viewer iframe{background:#fff;border:1px solid #222;border-top:0;width:100%;height:75vh;display:block}.path-nav{justify-content:space-between;gap:1rem;margin:1.2rem 0;display:flex}.path-nav a{background:var(--yellow);border:1px solid #222;padding:.55rem;text-decoration:none}.path-nav a:hover{color:#fff;background:#000}.canvas-portal{background:var(--yellow);border:1px solid #222;padding:.55rem;text-decoration:none;display:inline-block}.canvas-portal:hover{color:#fff;background:#000}.calendar-notice{border:1px solid #222;grid-template-columns:12rem 1fr 1fr;margin-bottom:.7rem;display:grid}.calendar-notice>*{border-right:1px solid #222;padding:.55rem}.calendar-notice>:last-child{border-right:0}.calendar-filters{background:var(--yellow);border:1px solid #222;flex-wrap:wrap;margin-bottom:.7rem;display:flex}.calendar-filters button{font:inherit;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-right:1px solid #222;padding:.55rem .8rem;font-weight:700}.calendar-filters button.active,.calendar-filters button:hover{color:#fff;background:#000}.event-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.event{border-bottom:1px solid var(--line);grid-template-columns:8rem 6rem minmax(14rem,1fr) 11rem;align-items:start;gap:.6rem;padding:.7rem .25rem;display:grid}.event time,.event-kind{text-transform:uppercase}.event-kind{font-size:.85rem}.event p{margin:.25rem 0 0;font-weight:600}.event>a{text-align:right;justify-self:end}.event-deadline{background:#fff3a4}.event-quiz{background:#dce6ff}.event-holiday{background:#ddd}.event-studio .event-kind{color:#2450a4}.table{grid-template-columns:4rem minmax(10rem,1.2fr) minmax(16rem,2fr) 8rem;align-items:center;min-height:2.8rem;display:grid}.table>*{padding:.45rem .15rem}.table-head{background:var(--red);color:#000;border:1px solid #222;min-height:2.2rem}.table-row{border-bottom:1px solid var(--line);text-decoration:none}.table-row:hover{background:var(--yellow);color:#000}.table-row span:last-child{text-align:right}.detail-content{margin-top:.75rem}.detail-page footer,.directory-page footer{background:var(--green);border:1px solid #222;justify-content:space-between;align-items:center;min-height:2.4rem;margin-top:auto;padding:.4rem;display:flex}.detail-page footer a,.directory-page footer a{text-decoration:none}.detail-page footer a:hover,.directory-page footer a:hover{text-decoration:underline}.assignment-table{grid-template-columns:5rem 7rem minmax(18rem,1fr) 7rem}@media (max-width:700px){html{font-size:14px}.window{border-radius:0}.titlebar{grid-template-columns:1fr auto}.titlebar time{display:none}.menubar{overflow-x:auto}.menubar a{white-space:nowrap}.record-grid{grid-template-columns:7rem 1fr}.table{grid-template-columns:2.5rem minmax(7rem,1fr) minmax(10rem,1.7fr)}.table>:last-child{display:none}.plain-section,.assignment-section{grid-template-columns:1fr;gap:.3rem}.file-viewer iframe{height:65vh}.path-nav{flex-direction:column}.calendar-notice{grid-template-columns:1fr}.calendar-notice>*{border-bottom:1px solid #222;border-right:0}.event{grid-template-columns:7rem 1fr}.event>div,.event>a{text-align:left;grid-column:1/-1;justify-self:start}.directory-page{overflow-x:auto}}