:root{--ink:#163b35;--ink-deep:#102f2b;--ink-soft:#4c6761;--mint:#e4eee9;--mint-deep:#c9ded3;--paper:#f7f8f4;--white:#fff;--line:#dce5e0;--line-dark:rgba(255,255,255,.13);--accent:#e3f0a9;--orange:#f1ae78;--blue:#8eb7d6;--shadow:0 18px 50px rgba(23,55,48,.08);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.45}button,input,textarea{font:inherit}button{border:0;cursor:pointer;color:inherit}button:active{transform:translateY(1px) scale(.99)}.hidden{display:none!important}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--ink);color:#e5efe9;padding:28px 18px 18px;display:flex;flex-direction:column;min-height:100dvh;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;width:200px;height:200px;border:1px solid rgba(227,240,169,.16);border-radius:50%;bottom:-130px;right:-90px;box-shadow:0 0 0 34px rgba(227,240,169,.03),0 0 0 68px rgba(227,240,169,.02);pointer-events:none}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 11px;margin-bottom:37px}.brand-mark{width:35px;height:35px;border:1px solid rgba(227,240,169,.65);color:var(--accent);border-radius:10px;display:grid;place-items:center}.brand-mark svg{width:23px;height:23px}.brand-name{text-transform:uppercase;font-size:11px;line-height:1.12;letter-spacing:.12em;font-weight:800}.brand-caption{color:#8ea89e;font-size:10px;margin-top:5px;letter-spacing:.06em}.workspace-switcher{border:1px solid var(--line-dark);background:rgba(255,255,255,.06);border-radius:12px;padding:11px 10px;display:flex;align-items:center;gap:9px;margin-bottom:30px;font-size:11px}.workspace-switcher svg{width:15px;margin-left:auto;color:#84a298}.workspace-switcher strong{display:block;font-size:11px;font-weight:600;color:#f0f6f2}.workspace-switcher small{display:block;color:#8ea89e;font-size:10px;margin-top:2px}.workspace-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(227,240,169,.1);flex:0 0 auto}.side-nav{display:flex;flex-direction:column;gap:3px}.nav-label{text-transform:uppercase;color:#6f8e83;letter-spacing:.13em;font-size:9px;font-weight:700;padding:0 12px 8px}.nav-label-spaced{margin-top:26px}.nav-item{width:100%;background:transparent;color:#9bb2a8;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;text-align:left;font-size:12px;transition:background .25s,color .25s,transform .25s}.nav-item:hover{color:#eff6f2;background:rgba(255,255,255,.06)}.nav-item.active{color:var(--ink);background:var(--accent);font-weight:700}.nav-icon{width:18px;height:18px;display:grid;place-items:center}.nav-icon svg{width:17px;height:17px}.nav-count{margin-left:auto;background:rgba(16,47,43,.17);padding:2px 6px;border-radius:20px;font-family:"DM Mono",monospace;font-size:10px}.sidebar-bottom{margin-top:auto}.support-card{position:relative;border:1px solid var(--line-dark);border-radius:12px;padding:14px 12px 14px 48px;min-height:69px;display:flex;align-items:center;gap:8px;margin:0 4px 18px;background:rgba(255,255,255,.03)}.support-card strong{font-size:11px;display:block;color:#e3eee8}.support-card small{font-size:9px;display:block;color:#7f9b90;margin-top:3px}.support-orbit{position:absolute;left:12px;width:26px;height:26px;border:1px solid #5d7a6f;border-radius:50%;display:grid;place-items:center}.support-orbit:before{content:"";position:absolute;inset:5px;border:1px solid #92b0a3;border-radius:50%}.support-orbit span{width:4px;height:4px;border-radius:50%;background:var(--accent)}.circle-action{margin-left:auto;background:transparent;color:#9eb7ab;padding:3px}.circle-action svg{width:17px}.profile-row{border-top:1px solid var(--line-dark);padding:17px 5px 0;display:flex;align-items:center;gap:9px}.profile-row strong{display:block;font-size:11px;color:#e9f2ed}.profile-row small{display:block;color:#89a398;font-size:10px;margin-top:2px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;letter-spacing:.02em}.avatar-teacher{background:#b6d2c5;color:var(--ink)}.profile-more{margin-left:auto;color:#759289;background:none;letter-spacing:2px}.main-content{min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 48px;background:rgba(247,248,244,.84);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.breadcrumb{font-size:11px;color:#91a19b;display:flex;align-items:center;gap:9px}.breadcrumb strong{color:var(--ink);font-weight:700}.breadcrumb-divider{color:#c1cbc5}.topbar-actions{display:flex;align-items:center;gap:19px}.mode-switch{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:#fff;gap:2px}.mode-btn{background:transparent;padding:7px 13px;border-radius:999px;font-size:10px;color:#899a94;transition:all .25s}.mode-btn.active{background:var(--ink);color:#f3f7f3;font-weight:700}.icon-button{width:30px;height:30px;background:transparent;position:relative;color:#547069;display:grid;place-items:center}.icon-button svg{width:19px}.notification-button i{position:absolute;right:2px;top:2px;width:5px;height:5px;background:#ee9c68;border-radius:50%;border:1px solid var(--paper)}.topbar-user{display:flex;align-items:center;gap:7px}.topbar-user>svg{width:13px;color:#80938b}.view{max-width:1440px;margin:0 auto;padding:48px 48px 60px}.page-intro{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:40px;align-items:end;margin-bottom:43px}.eyebrow{font-family:"DM Mono",monospace;font-size:9px;font-weight:500;letter-spacing:.14em;color:var(--ink);display:flex;align-items:center;gap:8px}.eyebrow.muted{color:#92a39c}.eyebrow-line{width:23px;height:1px;background:currentColor;display:inline-block}.eyebrow-slash{color:#b9c7c0}.page-intro h1{font-size:46px;line-height:1.05;letter-spacing:-.06em;font-weight:700;margin:16px 0 16px;color:var(--ink)}.page-intro h1 em{font-style:normal;color:#78948a;font-weight:500}.page-intro p{max-width:520px;color:#70827b;font-size:13px;line-height:1.7;margin:0}.intro-side{border-left:1px solid var(--line);padding:9px 0 3px 24px;position:relative;min-height:103px}.date-label{text-transform:uppercase;letter-spacing:.12em;font-family:"DM Mono",monospace;font-size:9px;color:#9aaba4;margin-bottom:8px}.intro-side strong{display:block;font-size:18px;letter-spacing:-.03em}.intro-side>span{display:block;font-size:11px;color:#81928b;margin-top:3px}.progress-ring{position:absolute;right:0;top:1px;width:57px;height:57px;display:grid;place-items:center}.progress-ring svg{width:57px;height:57px;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke:#dce6e0;stroke-width:3}.progress-ring .ring-progress{stroke:var(--ink);stroke-dasharray:68 100;stroke-linecap:round}.progress-ring b{position:absolute;font-family:"DM Mono",monospace;font-size:11px}.progress-ring small{font-size:8px}.metrics-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.35fr 1fr 1fr 1.15fr;margin-bottom:49px}.metric{padding:19px 22px 20px 0;margin-right:22px;min-height:116px;border-right:1px solid var(--line);position:relative}.metric:first-child{padding-left:0}.metric:last-child{border-right:0;margin-right:0}.metric-label{color:#8d9e97;text-transform:uppercase;font-family:"DM Mono",monospace;letter-spacing:.1em;font-size:9px;display:block;margin-bottom:12px}.metric strong{display:block;font-size:30px;letter-spacing:-.07em;line-height:1}.metric-note{display:block;color:#94a39d;font-size:10px;margin-top:9px}.metric-note.positive{color:#6a8c78;display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#91b79a;display:inline-block;box-shadow:0 0 0 3px rgba(145,183,154,.14)}.metric strong small{font-size:15px;letter-spacing:-.03em;color:#779087}.metric-spark{height:31px;display:flex;align-items:flex-end;gap:4px;position:absolute;right:0;bottom:19px}.metric-spark i{display:block;width:5px;background:#c6dad0;border-radius:5px 5px 1px 1px}.metric-spark i:nth-last-child(-n+2){background:#8fb4a1}.deadline-line{height:3px;background:#e5ebe7;border-radius:9px;margin-top:12px;width:145px}.deadline-line span{display:block;width:70%;height:100%;border-radius:9px;background:#e5b58f}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:22px;letter-spacing:-.05em;margin:12px 0 0}.section-heading h2 span{font-family:"DM Mono",monospace;color:#a1b1aa;font-size:12px;vertical-align:middle;margin-left:4px;letter-spacing:0}.text-button{background:none;padding:0;color:#6d8b7e;font-size:11px;font-weight:700;transition:color .2s}.text-button:hover{color:var(--ink)}.text-button span{font-size:14px;margin-left:5px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:13px}.search-field{height:36px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 11px;min-width:260px;color:#97a7a0}.search-field svg{width:16px}.search-field input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:var(--ink)}.search-field input::placeholder{color:#a7b3ae}.filter-group{display:flex;gap:5px;margin-left:auto}.filter-button{background:transparent;padding:9px 10px;font-size:10px;color:#8c9d96;border-radius:7px}.filter-button.active{background:#e4ece7;color:var(--ink);font-weight:700}.filter-button span{font-family:"DM Mono",monospace;color:#a3b3ac;margin-left:4px}.outline-button,.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:9px 13px;font-size:10px;font-weight:700;transition:background .2s,color .2s,border .2s,transform .2s}.outline-button{border:1px solid var(--line);background:#fff;color:#668078}.outline-button:hover{border-color:#a7bdb2;color:var(--ink)}.outline-button svg,.secondary-button svg,.primary-button svg{width:15px;height:15px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:245px}.stories-table{width:100%;border-collapse:collapse}.stories-table th{text-align:left;background:#fbfcfa;color:#99a8a2;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.11em;text-transform:uppercase;font-weight:500;padding:13px 16px;border-bottom:1px solid var(--line)}.stories-table td{padding:14px 16px;border-bottom:1px solid #edf1ee;font-size:11px;color:#72847d;vertical-align:middle}.stories-table tbody tr:last-child td{border-bottom:0}.stories-table tbody tr{transition:background .2s}.stories-table tbody tr:hover{background:#fbfdfb}.student-cell{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700}.student-cell small{display:block;color:#9aa9a3;font-size:9px;font-weight:500;margin-top:2px}.student-avatar{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:800}.ava-maria{background:#ebd9c9;color:#82583f}.ava-ilya{background:#d5e5ed;color:#426379}.ava-asha{background:#e4d9e8;color:#6c4e75}.ava-nikita{background:#e3e5c9;color:#69703f}.ava-lena{background:#f0d5d2;color:#835450}.ava-diana{background:#d5e4d6;color:#4f7359}.ava-sasha{background:#ded8c9;color:#6e6248}.ava-timur{background:#d9dbe8;color:#5b6481}.topic-cell strong{display:block;color:#526a62;font-size:11px;font-weight:600}.topic-cell small{display:block;color:#a0ada7;font-size:9px;margin-top:3px}.completion{display:flex;align-items:center;gap:8px;min-width:125px}.completion-bar{width:58px;background:#ecf0ed;height:4px;border-radius:4px}.completion-bar span{display:block;background:#94b6a3;height:100%;border-radius:4px}.completion em{font-style:normal;font-family:"DM Mono",monospace;color:#81968d;font-size:10px}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;white-space:nowrap}.status-pill.review{background:#f9e6d7;color:#a26846}.status-pill.returned{background:#e6edf1;color:#637d8c}.status-pill.draft{background:#e8efe8;color:#63806b}.status-pill .status-dot{width:5px;height:5px;box-shadow:none}.status-orange{background:#e6a06f!important;box-shadow:0 0 0 3px rgba(230,160,111,.14)!important}.table-date{font-family:"DM Mono",monospace;font-size:9px;color:#99a8a2}.row-open{background:transparent;color:#8aa097;font-size:14px;padding:5px 0 5px 10px;transition:color .2s}.row-open:hover{color:var(--ink)}.empty-state{display:none;min-height:240px;align-items:center;justify-content:center;flex-direction:column;color:#8b9b94;gap:4px}.empty-state.visible{display:flex}.empty-state strong{font-size:12px;color:var(--ink);margin-top:7px}.empty-state span{font-size:10px}.empty-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.empty-icon svg{width:17px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr);gap:28px;margin-top:42px}.section-heading.compact{margin-bottom:14px}.section-heading.compact h2{font-size:18px}.dots-button{background:none;color:#9eaea7;letter-spacing:2px;font-size:11px}.activity-list{border-top:1px solid var(--line)}.activity-item{display:grid;grid-template-columns:10px 1fr 28px;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-marker{width:5px;height:5px;border-radius:50%}.marker-green{background:#8db49b}.marker-orange{background:#e5a073}.marker-blue{background:#8fb6d3}.activity-item strong{display:block;font-size:11px;color:#5f746c;font-weight:600}.activity-item span{display:block;font-size:9px;color:#9aa9a3;margin-top:4px}.activity-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800}.avatar-maria{background:#edddd0;color:#89634c}.avatar-ilya{background:#dbe8ee;color:#4d6c7b}.avatar-asha{background:#e3dce8;color:#765c7d}.tip-block{background:var(--ink);border-radius:13px;color:#f0f5f1;padding:20px 21px;min-height:194px;position:relative;overflow:hidden}.tip-top{display:flex;gap:10px;align-items:center;color:#8fa99d;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.13em}.tip-index{color:var(--accent)}.tip-block h3{font-size:20px;line-height:1.12;letter-spacing:-.05em;margin:25px 0 9px;position:relative;z-index:1}.tip-block p{color:#9bb1a7;font-size:10px;line-height:1.6;max-width:215px;position:relative;z-index:1;margin:0}.tip-link{position:relative;z-index:1;background:none;color:var(--accent);font-size:10px;font-weight:700;padding:0;margin-top:17px}.tip-link span{font-size:13px;margin-left:4px}.tip-graphic{position:absolute;right:-18px;bottom:-42px;width:140px;height:140px;border:1px solid rgba(227,240,169,.28);border-radius:50%;box-shadow:0 0 0 24px rgba(227,240,169,.03),0 0 0 48px rgba(227,240,169,.03)}.tip-orb{position:absolute;top:23px;left:24px;width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 8px rgba(227,240,169,.1)}.tip-cross{position:absolute;width:20px;height:20px}.tip-cross:before,.tip-cross:after{content:"";position:absolute;background:rgba(227,240,169,.5)}.tip-cross:before{height:1px;width:100%;top:10px}.tip-cross:after{height:100%;width:1px;left:10px}.cross-a{right:20px;top:15px}.cross-b{left:0;bottom:15px;transform:scale(.6)}.student-intro{margin-bottom:35px}.student-stamp{border-left:1px solid var(--line);padding-left:24px;display:flex;gap:12px;align-items:center;color:#8c9e96;font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.1em;line-height:1.45}.stamp-number{font-size:40px;letter-spacing:-.12em;color:#c4d1ca}.student-progress{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px 24px 22px;margin-bottom:28px}.student-progress-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:17px}.student-progress-head h2{font-size:19px;letter-spacing:-.05em;margin:8px 0 0;display:flex;align-items:center;gap:9px}.autosave{font-size:10px;color:#8d9e96;display:flex;gap:8px;align-items:center;margin-top:8px}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding-top:20px}.step{display:flex;gap:9px;align-items:flex-start;color:#a6b3ad;position:relative}.step:not(:last-child):after{content:"";height:1px;background:var(--line);position:absolute;left:29px;right:-15px;top:11px}.step>span{width:23px;height:23px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:"DM Mono",monospace;font-size:8px;position:relative;z-index:1;background:#fff}.step strong{font-size:10px;display:block;margin-top:1px;white-space:nowrap;font-weight:700}.step small{display:block;font-size:9px;margin-top:3px;color:#a9b4ae}.step.done{color:#6f8f7d}.step.done>span{background:#dcebe2;border-color:#dcebe2;color:#537464}.step.active{color:var(--ink)}.step.active>span{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:700}.student-editor-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:28px}.editor-main{background:#fff;border:1px solid var(--line);border-radius:13px;padding:28px 31px}.editor-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px}.editor-heading h2{font-size:23px;letter-spacing:-.06em;margin:12px 0 7px}.editor-heading p{font-size:11px;color:#82938c;margin:0}.editor-heading>.completion{font-size:10px;color:#90a099;font-family:"DM Mono",monospace;padding-top:5px}.field-stack{padding-top:24px}.form-field{display:block;margin-bottom:20px}.form-field>span{display:block;color:#506a60;font-size:11px;font-weight:700;margin-bottom:8px}.form-field>span b{color:#bd7650}.form-field input,.form-field textarea{width:100%;background:#fbfcfa;border:1px solid #dce6e0;border-radius:7px;padding:11px 12px;resize:vertical;outline:none;color:#405e53;font-size:12px;line-height:1.55;transition:border .2s,box-shadow .2s}.form-field input:focus,.form-field textarea:focus{border-color:#94b8a4;box-shadow:0 0 0 3px rgba(148,184,164,.12)}.form-field small{display:block;color:#a0aea8;font-size:9px;margin-top:6px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center}.editor-footer>span{font-family:"DM Mono",monospace;color:#9daaa4;font-size:9px}.editor-footer>span kbd{font:inherit;border:1px solid #d4dfd9;border-bottom-width:2px;border-radius:3px;padding:2px 4px;color:#71897e}.secondary-button{background:#edf3ef;color:#5e7b6f}.secondary-button:hover{background:#e1ece5}.primary-button{background:var(--ink);color:#f2f7f3}.primary-button:hover{background:#244d44}.primary-button span{font-size:13px}.editor-aside{display:flex;flex-direction:column;gap:17px}.aside-note{background:var(--mint);border-radius:13px;padding:20px 20px 18px}.note-heading{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px}.note-symbol{width:18px;height:18px;border:1px solid #8fad9d;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:12px;font-weight:700;color:#638275}.aside-note p{font-size:11px;color:#688178;line-height:1.65;margin:14px 0}.note-status{font-family:"DM Mono",monospace;color:#6c8a79;font-size:8px;display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.06em}.aside-guide{border-top:1px solid var(--line);padding-top:20px}.aside-guide ol{margin:18px 0 19px;padding-left:19px;color:#7c8e86}.aside-guide li{font-size:10px;line-height:1.55;padding-left:4px;margin-bottom:10px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,40,35,.42);backdrop-filter:blur(6px);z-index:10;padding:4.5vh 5vw;overflow-y:auto}.story-modal{background:var(--paper);max-width:1050px;margin:0 auto;border-radius:15px;box-shadow:0 30px 80px rgba(8,29,25,.2);overflow:hidden}.modal-header{padding:23px 27px 19px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{font-size:25px;letter-spacing:-.06em;margin:11px 0 3px}.modal-subtitle{color:#8e9e98;font-size:10px}.close-modal{background:#e8efeb;color:#5e7b6f;width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.close-modal svg{width:16px}.modal-toolbar{padding:12px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fbfcfa}.modal-status{font-size:10px;color:#7c8f87;display:flex;align-items:center;gap:8px}.modal-actions{display:flex;gap:7px}.modal-body{padding:23px 27px}.review-progress{padding-bottom:22px}.review-progress-top{display:flex;justify-content:space-between;color:#899b93;font-size:10px;margin-bottom:8px}.review-progress-top strong{font-family:"DM Mono",monospace;color:#668276}.progress-bar{height:5px;background:#e1e9e4;border-radius:5px}.progress-bar span{display:block;height:100%;background:#9bbca8;border-radius:5px}.review-sections{display:flex;justify-content:space-between;margin-top:9px;color:#a2aea8;font-size:9px}.review-sections .complete{color:#6e8a79}.review-sections .current{color:var(--ink);font-weight:700}.document-preview{border-top:1px solid var(--line);padding-top:19px}.document-meta{display:flex;justify-content:space-between;color:#a0ada7;font-family:"DM Mono",monospace;font-size:8px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.document-sheet{background:#fff;border:1px solid var(--line);border-radius:9px;padding:23px 27px}.document-title{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}.document-title>span{font-family:"DM Mono",monospace;color:#b3c2ba;font-size:11px}.document-title h3{font-size:16px;letter-spacing:-.04em;margin:0}.document-title small{color:#99a8a2;font-size:9px}.doc-section{margin-bottom:18px}.doc-label{text-transform:uppercase;letter-spacing:.1em;font-family:"DM Mono",monospace;font-size:8px;color:#a0aea7;margin-bottom:8px}.doc-section p{margin:0;color:#536d62;font-size:12px;line-height:1.65;max-width:80ch}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.editable-text{border-radius:5px;transition:background .2s}.editing .editable-text{background:#f1f6cc;outline:1px dashed #b4c480;padding:3px 5px;cursor:text}.inline-comment{display:flex;align-items:center;gap:8px;background:#f9ebdf;color:#956848;font-size:10px;margin-top:10px;padding:8px 9px;border-radius:5px;width:max-content;max-width:100%}.comment-pin{width:16px;height:16px;border-radius:50%;background:#e9b186;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:800}.teacher-note{background:#edf4e5;border:1px solid #d1e1c5;border-radius:8px;padding:14px;margin-top:25px}.teacher-note textarea{width:100%;height:55px;resize:none;border:1px solid #d5e2ce;background:#fff;border-radius:5px;padding:9px;font-size:11px;color:var(--ink);outline:none;margin-top:10px}.teacher-note-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:9px}.modal-footer{border-top:1px solid var(--line);padding:16px 27px;display:flex;justify-content:space-between;align-items:center;background:#fbfcfa}.modal-footer>span{font-size:9px;color:#9baaa3}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#eff5f1;border-radius:8px;padding:11px 14px;display:flex;align-items:center;gap:9px;font-size:11px;box-shadow:0 15px 35px rgba(13,45,38,.22);transform:translateY(16px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:20}.toast.visible{opacity:1;transform:translateY(0)}.toast-icon{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--ink)}.toast-icon svg{width:12px}.print-only{display:none}@media(max-width:1050px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.topbar,.view{padding-left:30px;padding-right:30px}.page-intro h1{font-size:40px}.stories-table th:nth-child(5),.stories-table td:nth-child(5){display:none}.bottom-grid{grid-template-columns:1fr}.tip-block{min-height:180px}}@media(max-width:780px){.app-shell{display:block}.sidebar{min-height:auto;padding:16px;position:relative}.brand-lockup{margin-bottom:16px}.workspace-switcher,.side-nav,.sidebar-bottom{display:none}.topbar{padding:0 16px;height:63px}.breadcrumb span:first-child,.breadcrumb-divider{display:none}.mode-switch{margin-left:auto}.view{padding:31px 16px 45px}.page-intro{grid-template-columns:1fr;gap:25px;margin-bottom:34px}.page-intro h1{font-size:38px}.intro-side,.student-stamp{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;min-height:0}.progress-ring{right:13px;top:14px}.metrics-row{grid-template-columns:1fr 1fr;margin-bottom:35px}.metric{border-bottom:1px solid var(--line);padding:16px 12px 15px 0;margin-right:12px;min-height:100px}.metric:nth-child(2){border-right:0;margin-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric-spark{right:12px}.toolbar{flex-wrap:wrap}.search-field{width:100%;order:1}.filter-group{margin-left:0;order:2}.outline-button{margin-left:auto;order:2}.stories-table th:nth-child(3),.stories-table td:nth-child(3),.stories-table th:nth-child(5),.stories-table td:nth-child(5){display:none}.stories-table th,.stories-table td{padding:12px 9px}.stories-table th:first-child,.stories-table td:first-child{padding-left:12px}.topic-cell small{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{font-size:8px}.bottom-grid{margin-top:30px}.student-progress{padding:17px}.student-progress-head{display:block}.autosave{margin-top:13px}.stepper{display:flex;overflow:auto;gap:19px;padding-bottom:4px}.step{min-width:112px}.step:not(:last-child):after{right:-18px}.student-editor-layout{grid-template-columns:1fr}.editor-main{padding:21px 17px}.two-fields{grid-template-columns:1fr}.editor-footer{align-items:flex-start;gap:15px;flex-direction:column}.modal-backdrop{padding:0}.story-modal{border-radius:0;min-height:100dvh}.modal-header,.modal-toolbar,.modal-body,.modal-footer{padding-left:17px;padding-right:17px}.modal-toolbar{align-items:flex-start;gap:13px;flex-direction:column}.modal-actions{width:100%;flex-wrap:wrap}.document-sheet{padding:17px}.document-meta{display:block;line-height:1.6}.document-meta span{display:block}.doc-grid{grid-template-columns:1fr;gap:18px}.modal-footer{gap:12px;align-items:flex-start;flex-direction:column}}
@media print{body{background:#fff}.app-shell{display:block}.sidebar,.topbar,.page-intro,.metrics-row,.work-section,.bottom-grid,.modal-backdrop{display:none!important}.print-only{display:block}.student-view{display:none!important}}
