:root{--paper:#f6f5f0;--page:#fffefb;--ink:#24251f;--pencil:#76796f;--rule:#dedfd5;--youcat-yellow:#ffd542;--margin:#eeeee5}body{background:var(--paper)}.workbench{min-height:100dvh;margin-left:120px}.studio-navigation{border-right:1px solid var(--rule);background:var(--page);z-index:30;flex-direction:column;width:120px;padding:28px 10px 20px;display:flex;position:fixed;inset:0 auto 0 0}.studio-brand{text-align:center;flex-direction:column;align-items:center;gap:12px;font-size:15px;line-height:1.25;text-decoration:none;display:flex}.studio-brand img{object-fit:contain}.studio-brand b{color:#d8aa00;letter-spacing:-1px;font-size:21px;display:block}.studio-navigation nav{flex-direction:column;gap:10px;margin-top:48px;display:flex}.studio-navigation nav a,.studio-navigation nav button,.studio-profile a,.studio-profile button{color:var(--pencil);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:72px;font-size:13px;text-decoration:none;display:flex}.studio-navigation nav span{font-size:25px;line-height:1}.studio-navigation [aria-current=page]{background:var(--youcat-yellow);color:var(--ink)}.studio-profile{margin-top:auto}.studio-profile span{background:var(--margin);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.button,button,input:not([type=checkbox]):not([type=radio]),select,summary{min-height:44px}.button{border-radius:10px;padding:10px 16px;font-size:14px}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:10px;padding:12px 14px;font-size:16px}input::placeholder{color:#9a9c93;opacity:1}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workbench-grid,.workbench-grid.map-layout{grid-template-columns:minmax(0,1fr);min-height:100dvh}.workbench-grid.has-reader{grid-template-columns:minmax(0,1fr) minmax(350px,440px)}.workbench-grid.with-editor{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.workbench-grid.with-editor.has-reader{grid-template-columns:minmax(300px,1fr) minmax(320px,380px) minmax(320px,380px)}.library,.map-column{border:0;min-width:0;padding:34px clamp(24px,3vw,54px)}.browse-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.browse-heading h1{margin:0;font-size:36px}.browse-search{margin-bottom:22px}.browse-search input{background:var(--page);border-radius:14px;padding:17px 20px}.publication-covers{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,4vw,64px);margin-top:24px;display:grid}.publication-cover{text-align:left;min-width:0;color:var(--ink);background:0 0;border:0;padding:0}.publication-cover img{object-fit:contain;width:100%;height:clamp(220px,31vw,400px);margin-bottom:24px;display:block}.publication-cover strong{margin-bottom:8px;font-size:22px;display:block}.publication-cover>span{color:var(--pencil);justify-content:space-between;font-size:15px;display:flex}.browse-tools,.publication-toggles{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.publication-toggles button{background:var(--page);border-radius:24px}.publication-toggles [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--page)}.result-heading{border:0;padding:12px 0 18px;font-size:13px}.question-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0;max-height:none;display:grid;overflow:visible}.question-row{background:var(--page);border:1px solid var(--rule);border-radius:14px;gap:14px;min-height:140px;padding:22px}.question-row.selected{border-color:#d8b52b}.question-row.selected:before{display:none}.question-row strong{font-size:19px;font-weight:500}.book-mark{font-size:12px}.book-mark b{font-size:14px}.answer-excerpt{-webkit-line-clamp:4;font-size:14px}.pagination{border:0;padding:24px 0 0;font-size:14px}.pagination .button{min-height:44px;padding:10px 16px;font-size:14px}.reader-column{background:var(--page);border-left:1px solid var(--rule);height:100dvh;position:sticky;top:0;overflow:auto}.reader-close{margin:20px 24px 0}.reader{padding:28px 28px 0}.reader-heading{margin-bottom:24px}.reader h1{font-size:30px}.reader>.markdown{font-size:17px;line-height:1.7}.reader-add{background:var(--page);border-top:1px solid var(--rule);margin-top:24px;padding:18px 0;position:sticky;bottom:0}.reader-add button{width:100%}.source-note{margin:8px 0 24px}.lesson-library,.studio-settings,.institution-workspace{max-width:1300px;margin:0 auto;padding:36px clamp(24px,4vw,56px)}.studio-settings{max-width:780px;margin:0}.studio-settings h1{margin-bottom:36px;font-size:36px}.studio-settings>section{border-top:1px solid var(--rule);padding:24px 0}.saved-lessons{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.saved-lessons article{border:1px solid var(--rule);background:var(--page);border-radius:16px;flex-direction:column;align-items:stretch;padding:24px;display:flex}.lesson-open h2{font-size:24px}.map-column .map-panel{padding:10px 0}.question-map{background:0 0;border-radius:16px;min-height:480px}.groups-workspace{padding:36px}@media (width<=1200px){.workbench-grid.with-editor.has-reader{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.with-editor .reader-column{z-index:40;width:min(80vw,600px);position:fixed;top:0;right:0}}@media (width<=1100px){.workbench-grid.has-reader{grid-template-columns:minmax(0,1fr)}.reader-column{z-index:40;width:min(80vw,600px);position:fixed;top:0;right:0}}@media (width<=700px){.studio-navigation{width:80px;padding:20px 6px}.studio-brand b{font-size:16px}.studio-brand{font-size:12px}.workbench{margin-left:80px}.library,.map-column{padding:24px 16px}.question-list{grid-template-columns:1fr}.publication-covers{grid-template-columns:1fr;gap:16px}.publication-cover img{height:260px}.publication-cover{width:100%;max-width:260px;margin:auto}.workbench-grid.with-editor{grid-template-columns:minmax(0,1fr)}}@media print{.studio-navigation,.reader-close{display:none}.workbench{margin:0}}.map-canvas{border:1px solid var(--rule);background:var(--paper);border-radius:24px;position:relative;overflow:hidden}.map-canvas .question-map{touch-action:none;width:100%;min-height:500px;display:block}.map-canvas [role=button]{cursor:pointer}.map-canvas [role=button]:focus{outline:none}.map-canvas [role=button]:focus rect{stroke:var(--ink);stroke-width:4px}.map-controls{gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.canvas-backdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#24251f55;position:fixed;inset:0}.canvas-dialog{z-index:91;background:var(--paper);border-radius:24px;width:min(540px,90vw);max-height:85dvh;padding:32px;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 80px #0002}.destination-lessons{gap:8px;max-height:30vh;margin:24px 0;display:grid;overflow:auto}.question-card{min-width:0;position:relative}.question-card .question-row{width:100%;height:100%;padding-bottom:64px}.question-add{position:absolute;bottom:12px;right:12px}.collection-bar{z-index:15;background:var(--ink);color:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;width:fit-content;max-width:95%;margin:20px auto;padding:12px 20px;display:flex;position:sticky;bottom:16px}.collection-bar button{color:var(--ink)}.lesson-canvas{max-width:1050px;margin:auto}.lesson-canvas .lesson-editor{background:var(--paper);border:0;width:100%;max-height:none;padding:24px;position:static}.canvas-groups{max-width:1100px;margin:0 auto;display:block}.canvas-groups .groups-sidebar{background:0 0;border:0;width:auto;padding:0}.canvas-groups .groups-sidebar nav{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.canvas-groups .group-list-item{background:var(--paper);border:1px solid var(--rule);border-radius:20px;align-items:stretch;min-height:160px;padding:24px;display:flex}.canvas-groups .group-list-item>button{text-align:left;width:100%;font-size:24px}.canvas-groups .classroom-create{max-width:540px;margin:32px auto}.classroom-detail>.publication-toggles{margin:24px 0}.reader-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:39;background:#24251f44;position:fixed;inset:0}.reader-column{outline:none}