/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.course-check{color:#277b59;z-index:1;background:#eaf8f0;border-radius:14px;padding:5px 8px;font-size:10px;font-weight:700;position:absolute;top:11px;right:11px;box-shadow:0 2px 8px #173a2d44}.course.completed{border-color:#cfe6da;box-shadow:0 4px 16px #277b5910}.course-body mark{font-weight:700;color:#277b59!important;background:#e4f4ec!important;border-radius:10px!important;padding:3px 7px!important;font-size:10px!important}.finish.done{background:#277b59}.demo-video{object-fit:contain;background:#13141c;width:100%;height:100%;position:absolute;inset:0}.video:has(.demo-video)>span{z-index:1;background:#151620aa;border-radius:3px;padding:5px 7px}.video:has(.demo-video)>small{z-index:1;background:#151620aa;border-radius:3px;padding:4px 6px}.admin-note{color:#9c4e63;background:#f9edf0;border-radius:5px;margin:-5px 0 14px;padding:10px 12px;font-size:11px}.new-content{border-color:#e8cbd4}.login-page{background:#f7f7f5;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-card{flex-direction:column;justify-self:end;width:100%;max-width:480px;padding:64px 70px;display:flex}.login-brand{align-items:center;gap:10px;margin-bottom:72px;display:flex}.login-brand>span{color:#fff;background:#ec5778;border-radius:10px;place-items:center;width:35px;height:35px;font:25px Georgia;display:grid}.login-brand b{letter-spacing:1.4px;font-size:12px;display:block}.login-brand small{letter-spacing:1.5px;color:#90939d;font-size:8px}.login-card h1{letter-spacing:-1px;margin:0 0 10px;font-size:29px}.login-card>p{color:#747983;margin:0 0 23px;font-size:12px;line-height:1.7}.role-tabs{border:1px solid #dedee2;border-radius:6px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:3px;display:grid}.role-tabs button{color:#6e727d;background:0 0;border:0;border-radius:4px;padding:9px 4px;font-size:11px}.role-tabs .chosen{color:#fff;background:#242634}.login-card label,.composer label{gap:6px;margin-bottom:14px;font-size:11px;font-weight:700;display:grid}.login-card input,.composer input,.composer textarea{background:#fff;border:1px solid #dedfe2;border-radius:5px;outline-color:#e96b86;padding:11px;font-family:inherit;font-size:12px}.login-submit,.publish{color:#fff;background:#eb5f7e;border:0;border-radius:5px;margin-top:3px;padding:13px;font-size:12px;font-weight:700}.login-links{justify-content:center;gap:9px;margin:19px 0 12px;display:flex}.login-links button{color:#d55774;background:0 0;border:0;font-size:10px}.login-links span{color:#ccc}.demo-caption{text-align:center;color:#a0a2aa;font-size:9px;line-height:1.5}.login-aside{color:#fff;background:#242634;flex-direction:column;padding:94px max(6%,70px);display:flex}.login-aside>span{color:#ed7790;letter-spacing:1.5px;font-size:10px}.login-aside h2{letter-spacing:-1.2px;margin:22px 0 auto;font-size:35px;line-height:1.35}.login-aside div{border-top:1px solid #444653;padding:18px 0}.login-aside b{color:#ee718b;font-size:12px}.login-aside p{color:#bcbec7;margin:5px 0 0;font-size:11px;line-height:1.6}.composer{background:#fff;border-radius:11px;width:min(560px,100%);padding:30px;position:relative;box-shadow:0 20px 60px #1118}.composer h2{margin:2px 0 6px;font-size:23px}.composer>p{color:#777b84;margin:0 0 19px;font-size:12px}.format-choice{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px;display:grid}.format-choice button{color:#666b76;background:#fff;border:1px solid #dedfe2;border-radius:6px;padding:10px 4px;font-size:15px}.format-choice button span{margin-top:4px;font-size:10px;display:block}.format-choice button.selected{color:#d55674;background:#fff3f6;border-color:#e36582}.composer textarea{resize:vertical;min-height:88px}.composer-options{gap:17px;margin:17px 0;display:flex}.composer-options label{align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.composer-options input{padding:0}.publish{cursor:pointer;width:100%}@media (max-width:800px){.login-page{grid-template-columns:1fr}.login-card{justify-self:center;max-width:560px;padding:40px 7%}.login-brand{margin-bottom:45px}.login-aside{display:none}.format-choice{grid-template-columns:repeat(2,1fr)}}.settings-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}.selected-setting{background:#fff5f7;margin:0 -21px;padding-left:21px;padding-right:21px}.setting-detail{background:#fff;border:1px solid #e4e5e3;border-radius:9px;padding:22px}.setting-detail h2{margin:2px 0 9px;font-size:19px}.setting-detail p{color:#777b84;margin:0 0 17px;font-size:12px;line-height:1.6}.setting-detail input,.setting-detail select{background:#fff;border:1px solid #dedfe2;border-radius:5px;width:100%;margin-bottom:10px;padding:11px;font-size:12px}.setting-detail .publish{width:100%}.toggle{border-top:1px solid #eee;padding:10px 0;font-size:12px;display:block}.toggle input{margin-right:7px}@media (max-width:700px){.settings-layout{grid-template-columns:1fr}.selected-setting{margin:0 -15px;padding-left:15px;padding-right:15px}}.days .blank-day{background:#fafaf8;border:1px solid #f0f0ee;height:67px}.days button.today{color:#c94668;background:#fff0f4;font-weight:700}.days button.today i{background:#c94668}.workspace-heading{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.workspace-heading p{color:#777b85;margin:0;font-size:13px}.workspace-summary{color:#fff;background:#242634;border-radius:10px;align-items:center;gap:13px;margin-bottom:22px;padding:22px 25px;display:flex}.workspace-summary b{font-size:28px}.workspace-summary span{color:#c3c4cc;font-size:12px}.mini-bar{background:#555765;border-radius:10px;flex:1;max-width:240px;height:7px;margin-left:auto;overflow:hidden}.mini-bar i,.staff-row em i,.chart-row em i{background:#ed6682;border-radius:10px;height:100%;display:block}.wide{grid-template-columns:repeat(3,1fr);padding:0}.library-tools,.staff-actions{gap:10px;margin-bottom:17px;display:flex}.library-tools input,.staff-actions input{background:#fff;border:1px solid #dedfe2;border-radius:5px;flex:1;max-width:330px;padding:11px 13px;font-size:12px}.library-tools button,.staff-actions button{color:#fff;background:#242634;border:0;border-radius:5px;padding:0 15px;font-size:12px}.library-list{gap:10px;display:grid}.library-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e5e3;border-radius:8px;align-items:center;gap:13px;padding:17px;display:flex}.library-icon{color:#d65774;background:#f8e7eb;border-radius:8px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.library-icon.i1{color:#ba772e;background:#f6ecdd}.library-icon.i2{color:#368269;background:#e1f0eb}.library-icon.i3{color:#66569a;background:#e8e4f3}.library-row b,.library-row small{display:block}.library-row b{font-size:14px}.library-row small{color:#7d818a;margin-top:4px;font-size:11px}.library-row>span:last-child{color:#db5d78;margin-left:auto;font-size:11px}.calendar-layout{grid-template-columns:1.45fr .8fr;gap:18px;display:grid}.month,.agenda,.staff-table,.chart-card,.settings-list{background:#fff;border:1px solid #e4e5e3;border-radius:9px;padding:21px}.month-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.month-title button{background:#f5f4f3;border:0;border-radius:4px;width:28px;height:28px;font-size:20px}.weekdays,.days{grid-template-columns:repeat(7,1fr);display:grid}.weekdays span{text-align:center;color:#92959d;padding-bottom:8px;font-size:10px}.days button{text-align:left;color:#565a64;background:#fff;border:1px solid #f0f0ee;height:67px;padding:6px;font-size:11px;position:relative}.days button.has-event{color:#d44e70;background:#fff6f8;font-weight:700}.days button i{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#ef6682;border-radius:2px;padding:2px;font-size:8px;font-style:normal;position:absolute;bottom:5px;left:5px;right:4px;overflow:hidden}.agenda h2{margin:0 0 12px;font-size:17px}.agenda-item{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #eee;gap:12px;width:100%;padding:13px 2px;display:flex}.agenda-item>b{min-width:40px;font-size:15px}.agenda-item small{color:#8a8e97;font-size:10px}.agenda-item span,.agenda-item strong{font-size:10px;display:block}.agenda-item strong{margin:3px 0;font-size:12px}.active-event{background:#fff3f6;padding-left:7px}.event-detail{background:#f7f6f4;border-radius:5px;padding:11px;font-size:11px}.event-detail p{color:#777b85;line-height:1.5}.staff-head,.staff-row{grid-template-columns:1.4fr 1fr 1.25fr .7fr;align-items:center;gap:12px;padding:13px 7px;font-size:12px;display:grid}.staff-head{color:#92959d;border-bottom:1px solid #ececea;font-size:10px}.staff-row{border-bottom:1px solid #f1f1ef}.staff-row>span:first-child{align-items:center;gap:8px;display:flex}.staff-row>span:first-child i{background:#f2cfc1;border-radius:50%;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.staff-row em{vertical-align:middle;background:#eee;border-radius:9px;width:80px;height:6px;margin-right:6px;display:inline-block;overflow:hidden}.status{color:#ab6e20;background:#fff0d8;border-radius:10px;width:max-content;padding:4px 7px;font-size:10px}.completed-status{color:#277b59;background:#e4f4ec}.report-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.report-card{background:#fff;border:1px solid #e4e5e3;border-radius:8px;padding:18px}.report-card span,.report-card p{color:#7c808a;font-size:11px}.report-card b{margin:10px 0 2px;font-size:31px;display:block}.report-card b small{margin-left:2px;font-size:14px}.report-card p{margin:0}.report-card strong{color:#27815d}.chart-card h2{margin:0 0 20px;font-size:17px}.chart-row{grid-template-columns:1.4fr 2fr 35px;align-items:center;gap:10px;margin:13px 0;font-size:11px;display:grid}.chart-row em{background:#eee;border-radius:10px;height:8px;overflow:hidden}.chart-row b{text-align:right;font-size:11px}.setting-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-row b{font-size:13px}.setting-row p{color:#777b84;margin:5px 0 0;font-size:11px}.setting-row button{color:#d55372;white-space:nowrap;background:#fff;border:1px solid #dedfe2;border-radius:5px;padding:8px 11px;font-size:11px}@media (max-width:700px){.workspace-page{margin-top:24px;padding:0 4%}.workspace-heading h1{font-size:24px}.calendar-layout,.report-grid,.wide{grid-template-columns:1fr}.staff-head{display:none}.staff-row{grid-template-columns:1.2fr 1fr}.staff-row>span:nth-child(3){grid-column:1}.staff-row>span:nth-child(4){grid-column:2}.workspace-summary{flex-wrap:wrap}.mini-bar{flex-basis:100%;margin:3px 0 0}.days button{height:51px}.library-tools input,.staff-actions input{min-width:0}.workspace-heading .outline{display:none}}.followup{background:#fff;border:1px solid #e4e5e3;border-radius:9px;margin-bottom:18px;padding:21px}.followup h2{margin:0 0 5px;font-size:18px}.followup>div:first-child>p{color:#7b8089;margin:0 0 14px;font-size:11px}.follow-row{border-top:1px solid #eee;grid-template-columns:32px 1.1fr 1.8fr auto;align-items:center;gap:10px;padding:12px 2px;display:grid}.person-initial{color:#674234;background:#f0d5ca;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;font-weight:700;display:grid}.follow-row b,.follow-row small{display:block}.follow-row>b{font-size:12px}.follow-row small{color:#858994;margin-top:3px;font-size:10px}.missing-course span{color:#a66b22;background:#fff0d8;border-radius:9px;margin-bottom:4px;padding:3px 6px;font-size:9px;display:inline-block}.missing-course b{font-size:11px}.remind{color:#d55472;white-space:nowrap;background:#fff;border:1px solid #e05e7b;border-radius:4px;padding:8px 10px;font-size:10px}.remind.sent{color:#287b59;background:#eaf8f0;border-color:#b9ddca}@media (max-width:700px){.follow-row{grid-template-columns:32px 1fr auto}.missing-course{grid-column:2}.remind{grid-area:1/3/span 2}.followup{padding:15px}}*{box-sizing:border-box}body{color:#20232b;background:#f7f7f5;margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{color:#e7e6eb;z-index:4;background:#242632;flex-direction:column;width:255px;padding:28px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 10px 28px;display:flex}.brand>span{color:#fff;background:#ec5778;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Georgia;font-size:25px;display:grid}.brand b{letter-spacing:1.4px;font-size:12px;display:block}.brand small{letter-spacing:1.6px;color:#9396a3;font-size:8px}.sidebar nav{gap:5px;display:grid}.nav{color:#b9bbc5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 12px;font-size:13px}.nav i{color:#e36d86;width:24px;font-size:17px;font-style:normal;display:inline-block}.nav:hover,.nav.active{color:#fff;background:#393b48}.nav em{float:right;color:#fff;background:#e45474;border-radius:12px;padding:2px 7px;font-size:10px;font-style:normal}.nav-label{color:#777a89;letter-spacing:1.4px;margin:24px 12px 3px;font-size:9px}.help{background:#30323e;border-radius:9px;gap:5px;margin:auto 5px 19px;padding:15px;font-size:11px;display:grid}.help b{font-size:12px}.help span{color:#aaaeba}.help button{color:#f47a94;text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:11px}.profile{border-top:1px solid #3b3e4a;align-items:center;gap:9px;padding:16px 5px 0;display:flex}.avatar{color:#6b3b2f;background:#e5bfae;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.profile b,.profile small{font-size:11px;display:block}.profile small{color:#9295a1;margin-top:3px}.profile>span{margin-left:auto}.content{width:calc(100% - 255px);min-width:0;margin-left:255px;padding-bottom:60px}header{background:#fff;border-bottom:1px solid #e4e4e0;justify-content:space-between;align-items:center;height:70px;padding:0 5.5%;display:flex}.crumb{color:#7d8089;font-size:12px}.crumb span{color:#bbb;margin:0 9px}.top-actions{gap:8px;display:flex}.top-actions button{cursor:pointer;background:#fff;border:1px solid #e3e4e7;border-radius:50%;width:32px;height:32px;position:relative}.top-actions i{color:#fff;background:#ed5675;border-radius:10px;padding:2px 4px;font-size:8px;font-style:normal;position:absolute;top:-4px;right:-2px}.hamburger{display:none}.page-heading{justify-content:space-between;align-items:end;max-width:1220px;margin:37px auto 25px;padding:0 5.5%;display:flex}.page-heading p,.eyebrow{letter-spacing:1.4px;color:#eb6480;margin:0 0 8px;font-size:10px;font-weight:700}.page-heading h1{letter-spacing:-1px;margin:0 0 9px;font-size:28px}.page-heading span{color:#777b85;font-size:13px}.outline{color:#555965;background:#fff;border:1px solid #dbdce0;border-radius:5px;padding:10px 14px;font-size:12px}.hero{color:#fff;background:#242634;border-radius:12px;max-width:1085px;min-height:274px;margin:0 auto;padding:0 5.5%;display:flex;overflow:hidden}.hero-copy{z-index:1;width:58%;padding:38px 0 32px 42px}.hero h2{letter-spacing:-.8px;margin:0 0 12px;font-size:27px;line-height:1.37}.hero p{color:#c2c2c9;font-size:12px;line-height:1.7}.hero-copy button{color:#fff;cursor:pointer;background:#ed607e;border:0;border-radius:5px;margin-top:11px;padding:11px 17px;font-size:12px;font-weight:700}.hero-copy button b{margin-left:12px}.hero-art{background:linear-gradient(125deg,#454858,#303342);width:42%;position:relative;overflow:hidden}.circle{border:1px solid #777b8c;border-radius:50%;position:absolute}.circle.one{width:300px;height:300px;top:-82px;right:-130px}.circle.two{width:440px;height:440px;top:-150px;right:-180px}.poster{color:#20232b;background:#f3dde0;width:171px;height:216px;padding:21px 17px;position:absolute;top:30px;right:22%;transform:rotate(5deg);box-shadow:14px 12px #ee6c86}.poster span,.poster small{letter-spacing:1px;font-size:8px}.poster strong{margin-top:36px;font-family:Georgia;font-size:23px;line-height:1.02;display:block}.poster small{position:absolute;bottom:19px}.progress-card{align-items:center;gap:20px;max-width:1085px;margin:20px auto 42px;padding:0 5.5%;display:flex}.progress-ring{background:#fff;border:7px solid #f18aa0;border-left-color:#eeeceb;border-radius:50%;place-items:center;width:67px;height:67px;display:grid}.progress-ring span{font-size:15px;font-weight:700}.progress-ring small{font-size:9px}.dark{color:#777d87}.progress-card h3{margin:3px 0;font-size:15px}.progress-card p{color:#777b84;margin:0;font-size:12px}.progress-card>button{color:#fff;cursor:pointer;background:#242634;border:0;border-radius:5px;margin-left:auto;padding:11px 15px;font-size:12px}.section-title{justify-content:space-between;align-items:end;max-width:1085px;margin:0 auto;padding:0 5.5%;display:flex}.section-title h2{margin:0;font-size:20px}.search{color:#999;background:#fff;border:1px solid #e3e3df;border-radius:5px;width:205px;padding:8px 10px}.search input{border:0;outline:0;width:150px;margin-left:7px;font-size:11px}.filters,.course-grid{max-width:1085px;margin-left:auto;margin-right:auto;padding-left:5.5%;padding-right:5.5%}.filters{gap:7px;margin-top:16px;margin-bottom:16px;display:flex}.filters button{color:#656974;cursor:pointer;background:#fff;border:1px solid #dedfe2;border-radius:20px;padding:7px 13px;font-size:11px}.filters button.selected{color:#fff;background:#252734;border-color:#252734}.course-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.course{background:#fff;border:1px solid #e7e6e4;border-radius:8px;overflow:hidden}.thumb{color:#fff;background:linear-gradient(135deg,#df7288,#9e314a);height:121px;padding:13px;position:relative}.thumb.navy{background:linear-gradient(135deg,#405070,#172033)}.thumb.orange{background:linear-gradient(135deg,#dba15e,#c45d43)}.thumb.purple{background:linear-gradient(135deg,#8c638f,#423359)}.thumb.green{background:linear-gradient(135deg,#6f9d93,#2f665e)}.thumb.blue{background:linear-gradient(135deg,#7196b8,#31506e)}.thumb>span{background:#ffffff29;border:1px solid #fff5;border-radius:2px;padding:4px 7px;font-size:9px}.thumb>b{opacity:.22;font-family:Georgia;font-size:57px;position:absolute;top:16px;right:18px}.thumb button{color:#fff;cursor:pointer;background:#ffffff27;border:1px solid #ffffff75;border-radius:50%;width:30px;height:30px;position:absolute;bottom:13px;left:15px}.thumb small{font-size:10px;position:absolute;bottom:16px;right:13px}.course-body{padding:14px 15px 15px}.course-body>div{justify-content:space-between;display:flex}.course-body span{color:#e6647f;font-size:10px;font-weight:700}.course-body mark{color:#4e9577;background:#e4f4ec;border-radius:3px;padding:2px 5px;font-size:9px}.course h3{margin:8px 0 7px;font-size:14px;line-height:1.4}.course p{color:#777b84;height:33px;margin:0;font-size:11px;line-height:1.5}.course-body button,.text-button{color:#df5975;cursor:pointer;background:0 0;border:0;padding:13px 0 0;font-size:11px;font-weight:700}.schedule-wrap{margin-top:48px}.text-button{padding:0}.schedule{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1085px;margin:15px auto;padding:0 5.5%;display:grid}.event{background:#fff;border:1px solid #e4e5e3;border-radius:7px;align-items:center;gap:12px;padding:15px;display:flex}.date{text-align:center;border-right:1px solid #eee;padding-right:12px}.date b{font-size:16px;display:block}.date span,.event small,.event p{color:#858994;font-size:10px}.event h3{margin:3px 0;font-size:12px}.event p{margin:0}.event button{color:#de5f79;white-space:nowrap;background:0 0;border:0;margin-left:auto;font-size:11px}.modal-backdrop{z-index:10;background:#151620ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lesson-modal{background:#fff;border-radius:12px;width:min(720px,100%);position:relative;overflow:hidden;box-shadow:0 20px 60px #1118}.close{z-index:2;color:#444;cursor:pointer;background:#fff;border:0;border-radius:50%;width:30px;height:30px;font-size:22px;position:absolute;top:12px;right:12px}.video{color:#fff;background:linear-gradient(135deg,#df7288,#9e314a);place-items:center;height:260px;padding:22px;display:grid;position:relative}.video.navy{background:linear-gradient(135deg,#405070,#172033)}.video.orange{background:linear-gradient(135deg,#dba15e,#c45d43)}.video.purple{background:linear-gradient(135deg,#8c638f,#423359)}.video.green{background:linear-gradient(135deg,#6f9d93,#2f665e)}.video.blue{background:linear-gradient(135deg,#7196b8,#31506e)}.video span,.video small{letter-spacing:1px;font-size:10px;position:absolute}.video span{top:22px;left:22px}.video small{bottom:20px;right:22px}.video b{border:1px solid #fff;border-radius:50%;place-items:center;width:66px;height:66px;padding-left:4px;font-size:30px;display:grid}.lesson-content{padding:27px 32px 30px}.lesson-content h2{margin:4px 0 11px;font-size:22px}.lesson-content p{color:#666b75;font-size:13px;line-height:1.7}.lesson-notice{background:#f7f6f4;border-radius:6px;gap:4px;margin:20px 0;padding:13px;font-size:11px;display:grid}.lesson-notice span{color:#767b85}.finish{color:#fff;cursor:pointer;background:#242634;border:0;border-radius:5px;padding:12px 16px;font-size:12px}@media (max-width:850px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content{width:100%;margin-left:0}.hamburger{background:0 0;border:0;font-size:20px;display:block}.crumb{margin-left:12px;margin-right:auto}.hero-copy{padding-left:24px}.course-grid{grid-template-columns:repeat(2,1fr)}.schedule{grid-template-columns:1fr}.page-heading{padding:0 4%}.hero,.progress-card,.section-title,.filters,.course-grid,.schedule{padding-left:4%;padding-right:4%}}@media (max-width:560px){.page-heading{margin-top:25px}.page-heading h1{font-size:22px}.page-heading .outline{display:none}.hero{min-height:330px}.hero-copy{width:100%;padding:28px 22px}.hero h2{font-size:23px}.hero-art{opacity:.22;width:100%;height:330px;position:absolute;right:0}.progress-card{align-items:flex-start}.progress-card>button{display:none}.section-title{align-items:end}.search{width:145px}.search input{width:102px}.course-grid{grid-template-columns:1fr}.filters{white-space:nowrap;overflow:auto}.event{padding:13px}.lesson-content{padding:22px}.video{height:210px}}.settings-list label{gap:8px;margin-bottom:18px;font-size:14px;font-weight:700;display:grid}.settings-list input{background:#fff;border:1px solid #cfd2d8;border-radius:6px;width:100%;margin-top:4px;padding:13px;font-size:13px}.settings-list input:focus{outline:2px solid #ed6682}.settings-list input[type=file]{background:#fff7f8;border-style:dashed}.settings-list .publish{cursor:pointer;width:100%;font-size:14px}.login-card select{background:#fff;border:1px solid #cfd2d8;border-radius:6px;width:100%;padding:13px;font-size:13px}.login-privacy{color:#747983;margin:-3px 0 14px;font-size:11px;display:block}.progress-ring{border:0!important;padding:7px!important}.progress-ring span{background:#fff;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.hero-copy{width:58%;max-width:none}.hero-course-art{background:linear-gradient(125deg,#4c5062,#303342);place-items:center;width:42%;padding:26px;display:grid}.hero-course-art .course-thumb{border-radius:8px;width:min(240px,100%);height:190px;transform:rotate(4deg);box-shadow:12px 12px #ed607e}.hero-complete{letter-spacing:2px;color:#f3dde0;text-align:center;font:700 34px/1.05 Georgia,serif}@media (max-width:560px){.hero-course-art{display:none}.hero-copy{width:100%}}.workspace-page{max-width:1085px;margin:0 auto;padding:36px 5.5%}.workspace-heading{margin-bottom:22px}.workspace-heading h1{margin:4px 0 7px;font-size:28px}.workspace-heading p:last-child{color:#747983;font-size:13px}.course-thumb{color:#fff;background:linear-gradient(135deg,#d76d87,#8d344e);height:146px;position:relative;overflow:hidden}.course-thumb img{object-fit:cover;width:100%;height:100%;display:block}.course-thumb span{letter-spacing:.8px;background:#20232bba;border-radius:3px;padding:4px 6px;font-size:9px;position:absolute;top:12px;left:12px}.thumb-fallback{text-align:center;letter-spacing:1.5px;background:linear-gradient(135deg,#eb7791,#682d41);place-content:center;height:100%;font-size:10px;display:grid}.thumb-fallback strong{letter-spacing:0;font-size:42px}.course{flex-direction:column;display:flex}.course .course-thumb{height:142px}.course-body{flex-direction:column;flex:1;display:flex}.course-body button{margin-top:auto}.hero{background:linear-gradient(120deg,#242634,#414558);max-width:none;padding:0}.hero-copy{width:100%;max-width:680px;padding:42px}.settings-list{max-width:760px}.settings-list .publish{color:#fff;background:#242634;border:0;border-radius:6px;padding:14px}.staff-picker{border:1px solid #dedfe2;border-radius:7px;margin:18px 0;padding:13px}.staff-picker legend{font-size:13px;font-weight:700}.staff-picker small{color:#777;font-weight:400}.staff-picker>div,.staff-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.staff-picker label,.staff-chips label{border:1px solid #dedfe2;border-radius:99px;align-items:center;gap:5px;margin:0;padding:6px 10px;font-size:12px;font-weight:400;display:inline-flex}.staff-picker input,.staff-chips input{outline:none!important;width:auto!important;margin:0!important;padding:0!important}.assignment-manager{background:#fff;border:1px solid #e4e5e3;border-radius:9px;margin-top:30px;padding:20px}.assignment-manager h2{margin:0 0 13px;font-size:18px}.assignment-row{border-top:1px solid #eee;grid-template-columns:130px 1fr;gap:14px;padding:14px 0;display:grid}.assignment-row:first-of-type{border-top:0}.assignment-row .course-thumb{border-radius:6px;height:82px}.assignment-row b{font-size:14px}.empty-state{color:#757a84;background:#fff;border:1px dashed #cfd2d8;border-radius:8px;padding:30px}.profile button{color:#f4a1b3;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:10px}.menu-backdrop{display:none}.video iframe,.video video{object-fit:contain;background:#111;border:0;width:100%;height:100%}.video .course-thumb{width:100%;height:100%}.staff-table{margin-top:18px}.staff-row{grid-template-columns:1fr auto}.followup{margin-top:16px}@media (max-width:850px){.menu-backdrop{z-index:3;background:#1118;border:0;display:block;position:fixed;inset:0}.sidebar{z-index:4}.hamburger{margin-right:10px}.workspace-page{padding:28px 4%}.assignment-row{grid-template-columns:95px 1fr}.assignment-row .course-thumb{height:70px}}@media (max-width:560px){.hero-copy{padding:28px 22px}.assignment-row{grid-template-columns:1fr}.assignment-row .course-thumb{height:130px}.staff-chips{gap:5px}.staff-chips label{padding:5px 7px;font-size:11px}}.calendar-form{margin-bottom:16px}.archive-row{border-top:1px solid #eee;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;display:grid}.archive-row .course-thumb{border-radius:6px;height:68px}.archive-row small{color:#747983;margin-top:5px;font-size:11px;display:block}.archive-row>div:last-child{gap:8px;display:flex}.danger-button{color:#c8395b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d55372;border-radius:5px;padding:9px 11px;font-size:11px}@media (max-width:560px){.archive-row{grid-template-columns:1fr}.archive-row .course-thumb{height:130px}.archive-row>div:last-child{justify-content:flex-start}}.calendar-editor{background:#fff;border:1px solid #e4e5e3;border-radius:9px;gap:12px;margin-bottom:18px;padding:18px;display:grid}.calendar-editor label{gap:6px;font-size:12px;font-weight:700;display:grid}.calendar-editor input{font:inherit;background:#fff;border:1px solid #dedfe2;border-radius:5px;padding:10px;font-weight:400}.calendar-editor .check-line{align-items:center;gap:7px;font-weight:500;display:flex}.calendar-editor .check-line input{padding:0}.calendar-editor small{color:#777b85;font-weight:400}.event-link{color:#c94567;margin-top:7px;font-size:12px;font-weight:700;text-decoration:none;display:block}.event-link:hover{text-decoration:underline}.staff-actions select{background:#fff;border:1px solid #dedfe2;border-radius:5px;padding:0 10px;font-size:12px}.staff-row.is-disabled{opacity:.58;background:#fafafa}.staff-row>span:last-child{align-items:center;gap:7px;display:flex}.csv-button{color:#fff;cursor:pointer;background:#242634;border:0;border-radius:6px;margin:0 0 18px;padding:12px 15px}.records-table{background:#fff;border:1px solid #e4e5e3;border-radius:9px;overflow:hidden}.records-head,.records-row{grid-template-columns:1.1fr 1.6fr .7fr 1.2fr;align-items:center;gap:12px;padding:13px 16px;font-size:12px;display:grid}.records-head{color:#858994;background:#fafaf9;font-size:10px}.records-row{border-top:1px solid #eee}.records-row small{color:#858994;margin-top:3px;font-size:10px;display:block}@media (max-width:700px){.records-head{display:none}.records-row{grid-template-columns:1fr 1fr}.records-row>span:nth-child(3),.records-row>span:nth-child(4){font-size:11px}.staff-actions select{min-width:90px}}.reminder-banner{background:#fff1f3;border:1px solid #f3b0be;border-left:5px solid #e45474;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;padding:17px 19px;display:flex}.reminder-banner p{color:#d94f70;letter-spacing:.8px;margin:0 0 4px;font-size:11px;font-weight:700}.reminder-banner h2{margin:0 0 6px;font-size:17px}.reminder-banner small{color:#555d67;line-height:1.6;display:block}.reminder-banner button{color:#fff;white-space:nowrap;cursor:pointer;background:#242634;border:0;border-radius:5px;padding:10px 14px}.course-dates{grid-template-columns:1fr 1fr;gap:12px;display:grid}.schedule-help,.course-period-admin{color:#737983;margin:-6px 0 8px;font-size:11px;line-height:1.6;display:block}.course-period{font-weight:700;color:#fff!important}.assignment-row .course-period-admin{margin:6px 0}@media (max-width:560px){.reminder-banner{flex-direction:column;align-items:flex-start}.course-dates{grid-template-columns:1fr}}.video.document-frame{background:#f3f2f0;height:min(68vh,560px);padding:0}.video.document-frame iframe{background:#fff}.text-document{color:#242634;text-align:left;background:#fff;width:100%;height:100%;padding:22px;overflow:auto}.text-document pre{white-space:pre-wrap;margin:0;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.file-notice{text-align:center;color:#242634;background:#faf9f7;place-content:center;width:100%;height:100%;display:grid}.file-notice b{font-size:18px}.file-notice p{color:#6d717a;font-size:12px}.open-material{color:#d55372;margin:2px 0 17px;font-size:12px;font-weight:700;display:inline-block}.lesson-content .open-material+.finish{display:block}.demo-materials{background:#fff1f4;border:1px solid #f0bac8;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;max-width:760px;margin:0 0 20px;padding:15px 17px;display:flex}.demo-materials b,.demo-materials small{display:block}.demo-materials b{color:#7b2540;font-size:13px}.demo-materials small{color:#6e6670;margin-top:4px;font-size:11px;line-height:1.5}.demo-materials .outline{white-space:nowrap;cursor:pointer}@media (max-width:560px){.demo-materials{flex-direction:column;align-items:flex-start}}.course-thumb.type-pdf{background:linear-gradient(135deg,#cc3943,#711f2a)}.course-thumb.type-docx{background:linear-gradient(135deg,#3674c9,#193d7e)}.course-thumb.type-xlsx{background:linear-gradient(135deg,#32a06a,#155137)}.course-thumb.type-pptx{background:linear-gradient(135deg,#df6f3e,#8d321e)}.course-thumb.type-csv{background:linear-gradient(135deg,#20a67a,#115246)}.course-thumb.type-text{background:linear-gradient(135deg,#6c6f85,#313544)}.course-thumb.type-material{background:linear-gradient(135deg,#8c6dc2,#453466)}.thumb-fallback b{letter-spacing:1.4px;font-size:10px}.thumb-fallback strong{margin-top:7px;font-size:28px}.course-video-thumb{object-fit:cover;background:#171821;width:100%;height:100%;display:block}.page-heading h1,.workspace-heading h1,.hero h2,.course-body h3,.assignment-row b,.archive-row>b,.agenda-item strong,.reminder-banner h2{word-break:keep-all;line-break:strict;overflow-wrap:normal}.page-heading h1,.workspace-heading h1{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(21px,2.3vw,28px);overflow:hidden}.hero h2{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(19px,2.2vw,27px);overflow:hidden}.course-body h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-body p,.workspace-heading p,.hero p,.lesson-content p,.agenda-item small{word-break:keep-all;line-break:strict;overflow-wrap:normal;text-wrap:pretty}@media (max-width:560px){.page-heading h1,.workspace-heading h1{font-size:clamp(20px,6vw,24px)}.hero h2{font-size:clamp(18px,5.6vw,22px)}.course-body h3{font-size:15px}.page-heading h1{letter-spacing:-.3px;font-size:clamp(13px,3.9vw,15px)}}.page-heading{grid-template-columns:112px max-content minmax(260px,1fr);align-items:end;gap:18px;display:grid}.page-heading h1{text-overflow:clip;overflow:visible}.page-heading>span{padding-bottom:10px}@media (max-width:850px){.page-heading{grid-template-columns:1fr;align-items:start;gap:5px}.page-heading>span{padding-bottom:0}.page-heading h1{white-space:normal;text-overflow:clip;font-size:clamp(21px,5.7vw,28px);overflow:visible}}.archive-row:not(:has(.course-thumb)){grid-template-columns:minmax(0,1fr) auto;row-gap:3px}.archive-row:not(:has(.course-thumb))>b{grid-area:1/1}.archive-row:not(:has(.course-thumb))>small{grid-area:2/1;margin:0}.archive-row:not(:has(.course-thumb))>div:last-child{grid-area:1/2/span 2}.course-clickable{cursor:pointer}.course-clickable:focus-visible{outline-offset:3px;outline:3px solid #ed607e}.finish{min-width:220px;min-height:52px;font-size:15px;font-weight:700;box-shadow:0 8px 18px #24263433}.finish:not(:disabled):before{content:"✓ ";font-size:20px}.finish:disabled{color:#31735c;opacity:1;background:#e2f1e8}.workspace-heading{grid-template-columns:190px minmax(0,max-content) minmax(240px,1fr);align-items:end;gap:22px;display:grid}.workspace-heading h1{white-space:normal;text-overflow:clip;overflow:visible}.demo-materials{display:none}@media (max-width:850px){.workspace-heading{grid-template-columns:1fr;align-items:start;gap:4px}}.brand>img{object-fit:contain;background:#fff;border-radius:8px;width:44px;height:44px;display:block}.lesson-modal.lesson-fullscreen{border-radius:0;grid-template-columns:minmax(0,1fr) 360px;width:min(1440px,100vw);height:min(920px,100vh);display:grid}.lesson-viewer{background:#191a20;min-height:0;display:grid}.lesson-viewer iframe,.lesson-viewer video{object-fit:contain;background:#111;border:0;width:100%;height:100%}.lesson-side{background:#fff;flex-direction:column;padding:38px 28px;display:flex;overflow:auto}.lesson-side h2,.understanding-modal h2,.quiz-header h2{margin:4px 0 12px;font-size:24px;line-height:1.45}.lesson-side>p,.understanding-modal>p,.quiz-header>p{color:#656b75;font-size:13px;line-height:1.7}.step-list{border-top:1px solid #e8e8e5;margin:18px 0}.step-list p{color:#535965;border-bottom:1px solid #e8e8e5;margin:0;padding:12px 0;font-size:13px}.step-list b{color:#a53c58;background:#f1d1d8;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:9px;display:inline-grid}.step-list small{color:#d24e70;margin-left:5px}.lesson-actions{gap:10px;margin-top:auto;display:grid}.lesson-actions .finish{width:100%;min-width:0}.understanding-modal{background:#fff;border-radius:16px;width:min(680px,100vw - 32px);max-height:calc(100vh - 32px);padding:42px;position:relative;overflow:auto;box-shadow:0 20px 60px #1118}.understanding-scale{gap:10px;margin:18px 0 25px;display:flex}.understanding-scale button{cursor:pointer;border-radius:50%;width:46px;height:46px;font-weight:700}.understanding-scale .selected{color:#fff;background:#e85d7d;border-color:#e85d7d}.understanding-options{gap:9px;margin:20px 0 24px;display:grid}.understanding-choice{color:#252734;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe0e4;border-radius:11px;align-items:center;gap:14px;width:100%;padding:12px 15px;display:flex}.understanding-choice i{color:#656b75;background:#f1f0ef;border-radius:50%;flex:0 0 36px;place-items:center;height:36px;font-style:normal;font-weight:800;display:grid}.understanding-choice span{gap:2px;display:grid}.understanding-choice strong{font-size:15px}.understanding-choice small{color:#777d87}.understanding-choice.selected{background:#fff2f5;border-color:#e85d7d;box-shadow:0 0 0 2px #f5bfd0}.understanding-choice.selected i{color:#fff;background:#e85d7d}.understanding-modal>.finish{width:100%}.quiz-screen{background:#f7f7f5;border-radius:16px;width:min(900px,100vw - 28px);height:min(900px,100vh - 28px);position:relative;overflow:auto;box-shadow:0 20px 60px #1118}.quiz-header{color:#fff;background:#252734;padding:42px 58px 26px}.quiz-header .eyebrow{color:#ef89a0}.quiz-header>p{color:#d4d5da}.quiz-body,.quiz-result{padding:34px 58px 54px}.quiz-body fieldset{border:0;border-bottom:1px solid #dfdfdc;margin:0 0 27px;padding:0 0 25px}.quiz-body legend{margin-bottom:14px;font-size:18px;font-weight:700;line-height:1.65}.quiz-body legend b{color:#d85272;margin-right:11px}.quiz-option{text-align:left;color:#30343d;cursor:pointer;background:#fff;border:1px solid #d9dadf;border-radius:9px;align-items:center;gap:12px;width:100%;margin:8px 0;padding:14px 16px;font-size:14px;display:flex}.quiz-option i{color:#6c717b;background:#f0f0ef;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;font-weight:700;display:grid}.quiz-option.selected{background:#fff2f5;border-color:#df5978}.quiz-option.selected i{color:#fff;background:#df5978}.quiz-result h3{margin:0 0 12px;font-size:24px}.review-list{margin:26px 0}.review-list h4{font-size:16px}.review-list article{background:#fff;border-left:5px solid #e36482;border-radius:8px;margin:12px 0;padding:17px}.review-list article p{color:#666b75;font-size:13px;line-height:1.65}.review-list .outline{cursor:pointer;margin:3px 8px 0 0}.review-viewer{background:#fff;border-radius:10px;margin:24px 0;padding:18px}.review-viewer h4{margin-top:0}.review-viewer .video{height:340px;padding:0}.review-viewer iframe,.review-viewer video{background:#111;border:0;width:100%;height:100%}.quiz-result>.outline{cursor:pointer}@media (max-width:850px){.lesson-modal.lesson-fullscreen{grid-template-rows:minmax(0,58vh) 42vh;grid-template-columns:1fr;height:100vh}.lesson-side{padding:25px}.quiz-header,.quiz-body,.quiz-result{padding-left:25px;padding-right:25px}.quiz-screen{border-radius:0;width:100vw;height:100vh}.quiz-body legend{font-size:16px}}@media (max-width:560px){.understanding-modal{border-radius:0;width:100vw;max-height:100vh;padding:30px 20px}.lesson-modal.lesson-fullscreen{grid-template-rows:52vh 48vh}.lesson-side h2{font-size:20px}.review-viewer .video{height:220px}}.lesson-step-title{margin:3px 0 2px;font-size:16px;line-height:1.55}.step-list p{align-items:center;display:flex}.step-list p.current{color:#20232b;background:#fff7f9;font-weight:700}.step-list p.current b{color:#fff;background:#e85d7d}.step-list p span{overflow-wrap:anywhere;min-width:0}.step-list p small{white-space:nowrap;margin-left:auto;padding-left:8px}.lesson-ready-note{background:#fff2f5;border-radius:8px;padding:12px 14px;color:#9c3951!important}.lesson-viewer-empty{text-align:center;color:#fff;place-self:center;gap:8px;padding:24px;display:grid}.lesson-viewer-empty span{color:#b8bac3;font-size:13px}.lesson-side .close{position:fixed}@media (max-width:850px){.lesson-side .close{position:absolute}.lesson-side{padding-bottom:20px}.lesson-side .step-list{margin:10px 0}.lesson-side>p{margin-top:3px;margin-bottom:7px}.lesson-actions{padding-bottom:4px}}.loading-state{color:#666b75;background:#fff;border:1px solid #e5e4e2;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:110px;margin:18px 0;padding:24px;font-size:14px;display:flex}.loading-state i{border:3px solid #f1d0d9;border-top-color:#e85d7d;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite academy-spin}.login-card .loading-state{border:0;min-height:70px;margin:10px 0 0;padding:12px}.login-card .loading-state span{font-size:13px}@keyframes academy-spin{to{transform:rotate(360deg)}}.course-category{border-radius:999px;align-items:center;font-weight:700;color:#bd3f60!important;background:#fff0f3!important;padding:4px 8px!important;font-size:10px!important;display:inline-flex!important}.course-format{color:#777d87;margin-top:8px;font-size:10px;display:block}.finish{justify-content:center;align-items:center;gap:8px;display:inline-flex}.finish:not(:disabled):before{content:none}.answer-wrong,.answer-incorrect{font-weight:700;color:#c54461!important}.answer-correct{font-weight:700;color:#268255!important}.review-list article.quiz-review-correct{border-left-color:#4a9a72}.review-list article.quiz-review-incorrect{border-left-color:#e36482}.video-url-list{gap:9px;margin:12px 0;display:grid}.video-url-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.video-url-row input{min-width:0}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.category-adder{align-items:end;gap:10px;margin:18px 0;display:flex}.category-adder label{flex:1}.curriculum-order{gap:8px;padding-left:24px;display:grid}.curriculum-order li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.curriculum-order button{padding:3px 8px}@media (max-width:720px){.two-column{grid-template-columns:1fr}.category-adder{align-items:stretch;display:grid}}.wizard-steps{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.wizard-steps b{color:#747984;background:#ececea;border-radius:999px;padding:9px 12px;font-size:12px}.wizard-steps b.active{color:#fff;background:#e85d7d}.pick-row{cursor:pointer;border:1px solid #e0e1e4;border-radius:10px;align-items:flex-start;gap:12px;margin:9px 0;padding:13px!important;display:flex!important}.pick-row input{flex:none;width:20px;height:20px;margin-top:1px}.pick-row span{gap:4px;display:grid}.pick-row small{color:#666d78}.workspace-heading{display:block}.workspace-heading .eyebrow{margin:0 0 8px}.workspace-heading h1{margin:0 0 7px}.workspace-heading p:last-child{max-width:720px}.assignment-manager .assignment-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.assignment-manager .assignment-row>div{min-width:0}.assignment-manager .assignment-row .outline{white-space:nowrap;width:auto;min-width:88px;padding:9px 14px}.assignment-manager .assignment-row b,.assignment-manager .assignment-row small{overflow-wrap:anywhere}.simple-heading{display:block!important}.safe-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:18px;margin-bottom:18px;display:grid}.safe-row{border-top:1px solid #eee;padding:12px 0!important;display:block!important}.safe-row b,.safe-row small{display:block;white-space:normal!important;text-overflow:clip!important;overflow:visible!important}.safe-row small{color:#747983;margin-top:5px}.workspace-page .assignment-manager .assignment-row{justify-content:space-between;align-items:center;gap:16px;min-height:0!important;padding:12px 0!important;display:flex!important}.workspace-page .assignment-manager .assignment-row>div:first-child{flex:auto;min-width:0}.workspace-page .assignment-manager .assignment-row>button.outline{flex:0 0 92px!important;width:92px!important;height:40px!important;margin:0!important;padding:0!important}.workspace-page .assignment-manager .assignment-row b,.workspace-page .assignment-manager .assignment-row small{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}@media (max-width:720px){.safe-grid{grid-template-columns:1fr}}.form-actions{flex-wrap:nowrap;flex:none;align-items:center;gap:8px;display:flex}.workspace-page .assignment-manager .assignment-row>.form-actions{justify-content:flex-end;min-width:192px}.workspace-page .assignment-manager .assignment-row>.form-actions .outline{flex:0 0 92px!important;width:92px!important;height:40px!important;margin:0!important;padding:0!important}.material-save-message{margin:12px 0 8px!important}.settings-list .publish:disabled{cursor:wait;opacity:.7}@media (max-width:560px){.workspace-page .assignment-manager .assignment-row>.form-actions{justify-content:flex-end;width:100%;min-width:0}}.admin-primary-form{scroll-margin-top:20px}.admin-toolbar{grid-template-columns:minmax(0,1fr) minmax(190px,280px);align-items:end;gap:12px;margin:16px 0;display:grid}.admin-toolbar label{gap:6px;font-size:13px;font-weight:700;display:grid}.admin-toolbar input,.admin-toolbar select{width:100%;margin:0}.admin-list-meta{color:var(--muted);justify-content:space-between;gap:12px;margin:8px 0 12px;font-size:13px;display:flex}.admin-pagination{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.admin-pagination button{min-width:88px}.admin-pagination button:disabled{opacity:.45;cursor:not-allowed}.admin-collapsible{background:#fff;border:1px solid #e4e5e8;border-radius:10px;margin-top:24px;overflow:hidden}.admin-collapsible summary{cursor:pointer;padding:18px 20px;font-weight:700;list-style-position:inside}.admin-collapsible[open] summary{border-bottom:1px solid #e4e5e8}.admin-collapsible-body{padding:20px}.admin-collapsible-body>.settings-list:first-child{margin-top:0}.admin-collapsible-body>.assignment-manager:last-child{margin-bottom:0}@media (max-width:640px){.admin-toolbar{grid-template-columns:1fr}.admin-list-meta{flex-direction:column;align-items:flex-start;gap:3px}.admin-collapsible-body{padding:14px}.workspace-page .assignment-manager .assignment-row,.workspace-page .assignment-manager .safe-row{flex-wrap:wrap}.workspace-page .assignment-manager .form-actions{justify-content:flex-end;width:100%}}.step-help{color:#676d78;margin:4px 0 18px;line-height:1.7}.wizard-steps button{color:#707681;cursor:pointer;background:#ececea;border:0;border-radius:999px;padding:10px 14px;font-weight:700}.wizard-steps button.active{color:#fff;background:#e85d7d}.wizard-steps button:disabled{opacity:.6;cursor:not-allowed}.wizard-actions{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.wizard-actions .publish{margin-left:auto}.ordered-list,.choice-list{gap:10px;display:grid}.order-card{background:#fff;border:1px solid #dfe1e5;border-radius:11px;grid-template-columns:24px 42px minmax(0,1fr) 112px auto;align-items:center;gap:12px;padding:12px;transition:transform .16s,box-shadow .16s;display:grid}.order-card[draggable=true]{cursor:grab}.order-card[draggable=true]:active{cursor:grabbing}.order-card.dragging{opacity:.62;transform:scale(.99);box-shadow:0 12px 26px #25273422}.drag-handle{color:#9398a2;letter-spacing:-4px;font-size:20px}.order-number{color:#bd3f60;background:#fff0f3;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.order-card>div{min-width:0}.order-card b,.order-card small{overflow-wrap:anywhere;display:block}.position-picker{color:#676d78;font-size:11px}.position-picker select{width:100%;min-width:84px;margin-top:4px;padding:8px;display:block}.empty-guide{color:#7c5862;background:#fff7f9;border:1px dashed #d9b7c0;border-radius:10px;padding:18px}.selection-summary{background:#f6f4f3;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:13px 15px;display:flex}.question-search{grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr) auto}.question-search>button{height:46px}.staff-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.curriculum-list{margin-top:28px}.curriculum-order-card{grid-template-columns:24px 42px minmax(0,1fr) 112px minmax(270px,auto);margin:10px 0}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.row-actions button{white-space:nowrap}.material-preview-modal{background:#fff;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;width:min(1050px,100vw - 28px);height:min(820px,100vh - 28px);padding:26px;display:grid;position:relative}.material-preview-modal iframe{background:#f6f6f4;border:1px solid #dfe1e5;border-radius:9px;width:100%;height:100%}.link-button{justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.course-locked{filter:saturate(.55);opacity:.72;cursor:not-allowed!important}.course-locked button:disabled{cursor:not-allowed;color:#fff;background:#878b94}.archive-compact{padding-top:4px}.archive-manage-row{border-bottom:1px solid #ececea;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.archive-manage-row:last-child{border-bottom:0}.archive-manage-row b,.archive-manage-row small{display:block}.staff-register-card{background:#fff;border:1px solid #e1e2e5;border-radius:11px;grid-template-columns:minmax(180px,1.4fr) minmax(160px,.8fr) minmax(210px,1fr) auto;align-items:end;gap:12px;margin:18px 0;padding:20px;display:grid}.staff-register-card label,.record-filters label{gap:6px;font-size:13px;font-weight:700;display:grid}.staff-register-card input,.staff-register-card select,.record-filters input,.record-filters select{width:100%;margin:0}.staff-simple-head,.staff-simple-row{grid-template-columns:minmax(180px,1.2fr) 120px minmax(210px,1fr) minmax(190px,auto);align-items:center;gap:14px;display:grid}.staff-simple-head{color:#777d87;padding:10px 12px;font-size:12px}.staff-simple-row{border-top:1px solid #ececea;padding:14px 12px}.staff-simple-row>span:first-child{align-items:center;gap:10px;display:flex}.staff-simple-row i{background:#f7d6cb;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.staff-simple-row mark{color:#b33e5c;background:#fff0f3;border-radius:999px;padding:5px 9px}.pin-editor{gap:6px;display:flex}.pin-editor input{width:120px;min-width:0}.record-filters{background:#fff;border:1px solid #e1e2e5;border-radius:11px;grid-template-columns:repeat(3,minmax(150px,1fr)) auto auto;align-items:end;gap:10px;margin:18px 0;padding:18px;display:grid}.record-card{border-top:1px solid #ececea;grid-template-columns:minmax(140px,.7fr) minmax(220px,1.4fr) auto;align-items:center;gap:16px;padding:13px 0;display:grid}.record-card b,.record-card small{display:block}.record-card mark,.attempt-badge{color:#287250;background:#eef8f2;border-radius:999px;justify-self:start;padding:5px 9px;font-size:12px}.attempt-card{border-top:1px solid #ececea;grid-template-columns:minmax(260px,1.4fr) 75px repeat(3,minmax(90px,.5fr));align-items:center;gap:12px;padding:13px 0;display:grid}.attempt-card b,.attempt-card small{display:block}.calendar-nav{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:20px 0;display:grid}.calendar-nav h2{text-align:center;margin:0}.month-calendar{background:#fff;border:1px solid #dfe1e5;border-radius:12px;overflow:hidden}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays b{text-align:center;color:#777d87;border-bottom:1px solid #dfe1e5;padding:11px 2px;font-size:12px}.calendar-day{border-bottom:1px solid #ececea;border-right:1px solid #ececea;min-width:0;min-height:125px;padding:7px}.calendar-day:nth-child(7n){border-right:0}.calendar-day>span{border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.calendar-day.today>span{color:#fff;background:#e85d7d}.calendar-day article{color:#7e2e45;background:#fff0f3;border-radius:6px;margin-top:5px;padding:6px;font-size:11px;overflow:hidden}.calendar-day article b,.calendar-day article small,.calendar-day article a{overflow-wrap:anywhere;display:block}.calendar-add{margin-top:20px}.calendar-add .calendar-editor{border:0;border-radius:0;margin:0}@media (max-width:900px){.curriculum-order-card{grid-template-columns:24px 42px minmax(0,1fr) 100px}.curriculum-order-card .row-actions{grid-column:3/-1}.staff-register-card{grid-template-columns:1fr 1fr}.staff-register-card button{min-height:46px}.record-filters{grid-template-columns:1fr 1fr}.attempt-card{grid-template-columns:minmax(0,1fr) auto}.attempt-card>span:not(.attempt-badge){grid-column:1/-1}.staff-simple-head{display:none}.staff-simple-row{grid-template-columns:1fr auto}.staff-simple-row>span:nth-child(3),.staff-simple-row>span:nth-child(4){grid-column:1/-1}.calendar-day{min-height:95px}}@media (max-width:640px){.wizard-actions{grid-template-columns:1fr;display:grid}.wizard-actions .publish{width:100%;margin:0}.order-card,.curriculum-order-card{grid-template-columns:22px 36px minmax(0,1fr)}.order-card .position-picker,.order-card>button,.curriculum-order-card .row-actions{grid-column:2/4}.question-search{grid-template-columns:1fr}.selection-summary{flex-direction:column;align-items:flex-start}.staff-choice-grid{grid-template-columns:1fr}.material-preview-modal{border-radius:0;width:100vw;height:100vh;padding:18px}.archive-manage-row{flex-direction:column;align-items:flex-start}.archive-manage-row .row-actions{justify-content:flex-end;width:100%}.staff-register-card,.record-filters,.staff-simple-row{grid-template-columns:1fr}.staff-simple-row>span:nth-child(n){grid-column:1}.pin-editor input{width:100%}.record-card,.attempt-card{grid-template-columns:1fr}.calendar-nav{grid-template-columns:auto 1fr auto}.calendar-nav h2{font-size:17px}.calendar-nav button{min-width:0;padding:9px 8px}.calendar-day{min-height:72px;padding:3px}.calendar-day>span{width:23px;height:23px;font-size:11px}.calendar-day article{padding:3px;font-size:9px}.calendar-day article small{display:none}}.material-admin-page .assignment-row>.form-actions{grid-template-columns:repeat(2,92px);min-width:192px!important;display:grid!important}.material-admin-page .assignment-row>.form-actions button{width:92px!important}@media (max-width:640px){.material-admin-page .assignment-row>.form-actions{margin-left:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--paper:#fffaf3;--surface:#fffdfa;--sidebar:#faf4eb;--ink:#453b35;--muted:#786b61;--accent:#805d49;--accent-hover:#674734;--line:#dec7b2;--soft:#efe3d4;--success:#456b53;--danger:#a33f4d}html{font-size:16px}body{background:var(--paper);color:var(--ink);font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.login-page{background:var(--paper);grid-template-columns:minmax(0,1fr) minmax(320px,480px);align-content:center;gap:7%;min-height:100dvh;padding:64px max(5%,50vw - 640px);display:grid;position:relative}.login-page:before{content:"";width:100%;height:560px;box-shadow:12px 12px 0 var(--soft);background:url(/design18/original-top-portrait.jpg) 65% 0/cover;border-radius:240px 240px 4px 4px;align-self:center;display:block}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:480px;box-shadow:5px 5px 0 var(--soft);border-radius:4px;align-self:center;padding:36px 32px}.login-brand{letter-spacing:1px;color:var(--accent);margin-bottom:28px;font-size:18px}.login-card h1{color:var(--ink);margin:8px 0 24px;font:500 32px/1.6 Yu Mincho,Hiragino Mincho ProN,serif}.login-card label{gap:8px;margin-bottom:20px;font-size:16px;display:grid}.login-card input,.login-card select{width:100%;min-height:50px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:12px;font-size:16px}.login-privacy{color:var(--muted);margin:4px 0 24px;font-size:13px;line-height:1.8}.login-submit{background:var(--accent);color:#fff;border:0;border-radius:5px;width:100%;min-height:50px;font-size:16px}.login-submit:hover{background:var(--accent-hover)}.eyebrow,.eyebrow.dark{letter-spacing:.1em;color:var(--accent);font-size:12px}@media (max-width:850px){.login-page{grid-template-columns:1fr;gap:0;padding:32px 20px}.login-page:before{max-width:400px;height:230px;box-shadow:none;background-position:65% 20%;border-radius:160px 160px 0 0;margin:0 auto}.login-card{max-width:430px;margin:-20px auto 0;padding:28px 24px;position:relative}.login-brand{margin-bottom:20px;font-size:16px}.login-card h1{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.design18 .sidebar{background:var(--sidebar);width:248px;color:var(--ink);border-right:1px solid var(--line);z-index:30;padding:24px 16px;overflow-y:auto}.design18 .brand{border-bottom:1px solid var(--line);gap:9px;margin-bottom:16px;padding:0 4px 24px}.design18 .brand>img{mix-blend-mode:multiply;width:36px;height:36px}.design18 .brand b{letter-spacing:.025em;font-size:14px}.design18 .brand small{color:var(--muted);letter-spacing:.09em;font-size:10px}.design18 .sidebar nav{gap:5px}.design18 .nav{min-height:47px;color:var(--ink);background:0 0;border-left:2px solid #0000;border-radius:0 5px 5px 0;align-items:center;gap:10px;padding:11px 9px;font-size:14px;line-height:1.5;display:flex}.navigation-icon{width:19px;height:19px;color:var(--accent);flex-shrink:0}.design18 .nav.active{color:var(--accent);background:var(--soft);border-left-color:var(--accent);font-weight:700}.design18 .nav:hover{background:var(--soft);color:var(--accent)}.design18 .nav-label{color:var(--muted);letter-spacing:.08em;margin:24px 10px 6px;font-size:12px}.design18 .profile{border-color:var(--line);flex-wrap:wrap;margin-top:32px;padding:18px 0 0}.design18 .profile b{overflow-wrap:anywhere;font-size:14px}.design18 .profile small{color:var(--muted);font-size:12px}.design18 .profile button{min-height:44px;color:var(--accent);padding:6px;font-size:13px}.design18 .avatar{background:var(--soft);color:var(--accent);flex-shrink:0}.design18 .content{width:calc(100% - 248px);margin-left:248px;padding-bottom:48px}.design18 .app-header{background:var(--surface);border-color:var(--line);gap:12px;height:auto;min-height:64px;padding:14px 36px}.design18 .crumb{color:var(--muted);font-size:14px}.design18 .crumb span{color:inherit;margin:0}.mobile-brand{display:none}.header-person{color:var(--ink);text-align:right;font-size:14px}.header-person small{color:var(--muted);margin-left:10px;font-size:12px}.design18 .workspace-page{min-width:0;max-width:1280px;margin:0 auto;padding:32px 36px}.design18 .workspace-heading,.design18 .page-heading{border-bottom:1px solid var(--line);min-height:110px;margin:0 0 28px;padding:0 142px 24px 0;display:block;position:relative}.design18 :is(.workspace-heading,.page-heading) h1{letter-spacing:.035em;white-space:normal;word-break:normal;text-overflow:clip;overflow-wrap:anywhere;margin:6px 0 10px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(25px,2.3vw,34px);font-weight:500;line-height:1.65;overflow:visible}.design18 :is(.workspace-heading,.page-heading) p:last-child,.design18 .page-heading>span{color:var(--muted);max-width:900px;padding:0;font-size:16px;line-height:1.85;display:block}.design18 .workspace-heading:after{content:"";background:var(--heading-image) center/cover;border-radius:64px 64px 3px 3px;width:112px;height:96px;position:absolute;top:0;right:0}.design18{--heading-image:url(/design18/section-materials.webp)}.design18[data-view=calendar]{--heading-image:url(/design18/section-calendar.webp)}.design18:is([data-view=staff],[data-view=report]){--heading-image:url(/design18/section-team.webp)}.design18:is([data-view=questions],[data-view=records]){--heading-image:url(/design18/section-records.webp)}.design18 .page-heading{min-height:0;padding-right:0}.design18 h2{color:var(--ink);overflow-wrap:anywhere;font-size:23px;font-weight:600;line-height:1.65}.design18 h3{color:var(--ink);overflow-wrap:anywhere;font-size:18px;line-height:1.7}.design18 p{overflow-wrap:anywhere;font-size:16px;line-height:1.85}.design18 :is(small,.step-help){color:var(--muted);font-size:14px;line-height:1.8}.design18 .eyebrow{letter-spacing:.1em;color:var(--accent);font-size:12px;line-height:1.7}.editorial-hero{grid-template-columns:1fr 1fr;align-items:start;margin:30px 0 26px;padding:0 5px 5px 0;display:grid;position:relative}.editorial-portrait{object-fit:cover;object-position:65% top;border-radius:220px 220px 3px 3px;grid-area:1/1/auto/-1;width:72%;height:390px;display:block}.editorial-hero-copy{z-index:1;background:var(--paper);border:1px solid var(--line);box-shadow:5px 5px 0 var(--soft);grid-area:1/1/auto/-1;width:62%;margin:260px 0 0 auto;padding:26px 30px;position:relative}.design18 .editorial-hero-copy h2{margin:6px 0 14px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:32px;font-weight:500;line-height:1.7}.editorial-hero-copy>p:not(.eyebrow){margin:10px 0 16px}.editorial-hero-copy .publish{width:100%;margin-top:16px}.editorial-hero-copy .publish span{margin-left:8px}.editorial-status{background:var(--soft);color:var(--accent);border-radius:30px;padding:4px 12px;font-size:13px;line-height:1.6;display:inline-flex}.editorial-progress{border:1px solid var(--line);box-shadow:3px 3px 0 var(--soft);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;gap:14px;padding:20px 24px;display:flex}.editorial-progress>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.design18 .editorial-progress h3{margin:0;font-size:16px}.editorial-progress>div>span{color:var(--muted);font-size:14px}.editorial-progress progress{-webkit-appearance:none;appearance:none;background:var(--soft);border:0;border-radius:8px;width:100%;height:7px}.editorial-progress progress::-webkit-progress-bar{background:var(--soft);border-radius:8px}.editorial-progress progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.editorial-progress progress::-moz-progress-bar{background:var(--accent)}.editorial-courses{gap:30px;max-width:1000px;padding-right:5px;display:grid}.editorial-course{grid-template-columns:112px minmax(0,1fr);align-items:start;display:grid}.editorial-course-symbol{position:relative}.course-symbol{width:140px;height:164px;display:block}.editorial-order{border:1px solid var(--line);background:var(--paper);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;bottom:10px;left:12px}.editorial-course-copy{z-index:1;border:1px solid var(--line);background:var(--paper);box-shadow:4px 4px 0 var(--soft);margin-top:18px;padding:20px 24px;position:relative}.design18 .editorial-course-copy h2{margin:12px 0 10px;font-size:21px;line-height:1.75}.editorial-course-copy>p{margin:12px 0}.editorial-course-copy .publish{width:100%;margin-top:16px}.editorial-course.is-locked .editorial-status{color:#716860;background:#ede8e1}.editorial-course-meta{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.editorial-course-meta .file-icon{width:25px;height:30px}.file-icon{object-fit:contain;flex-shrink:0;width:32px;height:38px}.material-title{align-items:center;gap:16px;min-width:0;display:flex}.material-title>div{min-width:0}.design18 :is(.settings-list,.assignment-manager,.admin-collapsible,.staff-register-card,.record-filters,.followup,.follow-staff-list,.report-summary){background:var(--surface);border-color:var(--line);border-radius:6px;box-shadow:3px 3px #efe3d480}.design18 :is(.settings-list,.assignment-manager){max-width:none;margin-bottom:26px;padding:24px}.design18 .admin-primary-form{max-width:820px}.design18 :is(.settings-list,.assignment-manager) h2{margin:0 0 20px}.design18 :is(.settings-list label,.staff-register-card label,.record-filters label,.admin-toolbar label,.calendar-editor label){color:var(--ink);font-size:16px;font-weight:600;line-height:1.8}.design18 :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid var(--line);background:var(--surface);min-width:0;max-width:100%;min-height:48px;color:var(--ink);border-radius:5px;padding:11px 12px;font-size:16px;line-height:1.6}.design18 textarea{resize:vertical;min-height:110px}.design18 input[type=file]{background:#fcf7ef;border-style:dashed;width:100%;font-size:14px}.design18 input::file-selector-button{border:1px solid var(--line);background:var(--soft);color:var(--ink);cursor:pointer;border-radius:4px;margin-right:12px;padding:8px 12px}.design18 input[type=checkbox],.design18 input[type=radio]{accent-color:var(--accent);flex:0 0 20px;width:20px;height:20px}.design18 :is(.publish,.finish,.csv-button,.reminder-banner button){background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:5px;min-height:48px;padding:11px 18px;font-size:16px;font-weight:600;line-height:1.6}.design18 :is(.publish,.finish,.csv-button,.reminder-banner button):hover:not(:disabled){background:var(--accent-hover)}.design18 :is(.outline,.danger-button,.link-button){border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--accent);white-space:normal;border-radius:5px;padding:10px 15px;font-size:14px;line-height:1.6}.design18 .danger-button{color:var(--danger);background:#fffaf9;border-color:#dca5aa}.design18 .outline:hover:not(:disabled){background:var(--soft)}.design18 button:disabled{color:#756f69;opacity:1;background:#eae5df;border-color:#eae5df}.design18 .form-actions,.design18 .row-actions{flex-wrap:wrap;gap:8px}.design18 .assignment-manager .assignment-row{border-color:var(--line);grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px 0;display:grid}.design18 .assignment-row b{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:16px!important;line-height:1.8!important}.design18 .assignment-row small{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.8;display:block}.design18 .material-admin-page .assignment-row>.form-actions{grid-template-columns:repeat(2,112px);min-width:232px!important}.design18 .material-admin-page .assignment-row>.form-actions button{flex:auto!important;width:112px!important}.design18 .admin-toolbar{grid-template-columns:minmax(0,1fr) minmax(180px,280px);gap:16px}.design18 :is(.admin-list-meta,.admin-pagination){color:var(--muted);font-size:14px;line-height:1.8}.design18 .admin-list-meta{flex-wrap:wrap;gap:8px}.design18 .admin-pagination{margin-top:20px}.design18 .admin-collapsible{margin-bottom:22px}.design18 .admin-collapsible>summary{color:var(--ink);cursor:pointer;padding:18px 22px;font-size:16px}.design18 .admin-collapsible-body{padding:20px}.design18 .admin-collapsible-body .settings-list{box-shadow:none}.design18 .admin-note{border:1px solid var(--line);color:#78513a;background:#f7eee3;border-radius:5px;margin:14px 0;padding:14px 16px;font-size:15px;line-height:1.8}.design18 :is(.empty-guide,.empty-state){border-color:var(--line);background:var(--surface);color:var(--muted);padding:24px;font-size:16px;line-height:1.8}.design18 .loading-state{color:var(--muted);border-color:var(--line);background:var(--surface);font-size:16px}.design18 .loading-state i{border-color:var(--soft);border-top-color:var(--accent)}.design18 .wizard-steps{gap:8px}.design18 .wizard-steps button{background:var(--soft);min-height:46px;color:var(--muted);border-radius:5px;padding:11px 16px;font-size:14px}.design18 .wizard-steps button.active{background:var(--accent);color:#fff}.design18 .order-card{border-color:var(--line);background:var(--surface);border-radius:5px;gap:12px}.design18 .order-card b{font-size:16px;line-height:1.7}.design18 .order-number{background:var(--soft);color:var(--accent)}.design18 .position-picker{color:var(--muted);font-size:13px}.design18 .position-picker select{min-width:75px;font-size:14px}.design18 .curriculum-order-card{grid-template-columns:20px 36px minmax(0,1fr) 100px}.design18 .curriculum-order-card .row-actions{grid-column:3/-1}.design18 :is(.pick-row,.quiz-option){background:var(--surface);border-radius:5px;font-size:16px;border-color:var(--line)!important}.design18 .pick-row{padding:16px!important}.design18 .pick-row b{font-size:16px}.design18 .pick-row small{font-size:14px}.design18 .selection-summary{background:var(--soft);color:var(--ink);font-size:16px}.design18 .question-search{grid-template-columns:minmax(140px,.7fr) minmax(180px,1fr) auto}.design18 .step-help{color:var(--muted);font-size:15px}.design18 :is(.staff-simple-row,.record-card,.attempt-card,.archive-manage-row){border-color:var(--line);padding:18px 0;font-size:16px}.design18 .staff-simple-head{color:var(--muted);font-size:14px}.design18 .staff-simple-row i{background:var(--soft);color:var(--accent)}.design18 .staff-simple-row mark{background:var(--soft);color:var(--accent);font-size:14px}.design18 .staff-simple-row code{color:var(--ink);font:600 17px/1.7 monospace}.design18 .record-card mark,.design18 .attempt-badge{color:var(--success);background:#e9efe6;font-size:14px}.design18 .staff-simple-head,.design18 .staff-simple-row{grid-template-columns:minmax(150px,1.2fr) 100px minmax(140px,1fr) auto}.design18 .staff-register-card{grid-template-columns:minmax(140px,1.3fr) minmax(130px,.8fr) minmax(160px,1fr) auto;gap:16px}.design18 .record-filters{grid-template-columns:repeat(3,minmax(140px,1fr));gap:16px}.design18 .record-filters button{grid-row:2}.design18 .attempt-card{grid-template-columns:minmax(220px,1.4fr) 70px repeat(3,minmax(90px,.5fr))}.design18 .archive-manage-row>div:first-child{overflow-wrap:anywhere;min-width:0}.design18 .calendar-nav h2{font-size:24px}.design18 .month-calendar{border-color:var(--line);background:var(--surface);border-radius:5px}.design18 .calendar-weekdays b{border-color:var(--line);color:var(--muted);font-size:14px}.design18 .calendar-weekdays b:first-child{color:#a64c50}.design18 .calendar-weekdays b:last-child{color:#527198}.design18 .calendar-day{border-color:var(--line);min-height:114px}.design18 .calendar-day>span{font-size:14px;font-weight:500}.design18 .calendar-day.today>span{background:var(--accent);color:#fff}.design18 .calendar-day article{background:var(--soft);color:var(--ink);border-radius:4px;font-size:12px}.design18 .calendar-day article small{font-size:12px}.design18 .calendar-editor{background:var(--surface);border-color:var(--line)}.design18 .reminder-banner{border-color:var(--line);border-left-color:var(--accent);background:#f7eee3}.design18 .reminder-banner p{color:var(--accent)}.design18 .modal-backdrop{grid-template-columns:minmax(0,1fr);justify-items:center}.design18 .material-preview-modal{width:100%;min-width:0;max-width:1050px}@media (min-width:1181px){.design18 .staff-simple-head,.design18 .staff-simple-row{grid-template-columns:minmax(150px,1.2fr) 100px minmax(140px,1fr) 172px;padding-left:0;padding-right:0}}.design18 .modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#342d287d;padding:24px;overflow-y:auto}.design18 .close{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line);z-index:3;place-items:center;font-size:26px;line-height:1;display:grid;top:12px;right:12px}.design18 .lesson-modal.lesson-fullscreen{border:1px solid var(--line);background:var(--paper);border-radius:8px;grid-template-columns:minmax(0,1fr) 360px;width:min(1440px,100%);height:min(880px,100dvh - 48px);max-height:calc(100dvh - 48px)}.design18 .lesson-viewer{background:#282522;min-width:0;min-height:0;overflow:hidden}.design18 .lesson-viewer :is(iframe,video){object-fit:contain;border:0;width:100%;height:100%;display:block}.design18 .lesson-side{background:var(--paper);color:var(--ink);min-width:0;padding:72px 24px 24px;position:relative;overflow-y:auto}.design18 .lesson-side h2{font-size:24px}.design18 .lesson-side p{font-size:15px;line-height:1.85}.design18 .lesson-side .eyebrow{font-size:12px}.design18 .lesson-side .finish{white-space:normal;width:100%}.design18 .step-list p{border-color:var(--line);flex-wrap:wrap;gap:8px;padding:12px 8px}.design18 .step-list p span{flex:1}.design18 .step-list p.current{background:var(--soft);color:var(--accent)}.design18 .step-list p.current b{background:var(--accent);color:#fff}.design18 .step-list small{color:var(--muted);font-size:12px}.design18 .lesson-ready-note{background:var(--soft);color:var(--accent)}.design18 .lesson-actions{background:var(--paper);padding-top:18px;position:sticky;bottom:0}.design18 .lesson-viewer-empty{background:var(--surface);color:var(--muted);place-content:center;gap:12px;padding:30px;font-size:16px;display:grid}.design18 .understanding-modal,.design18 .quiz-screen{background:var(--paper);border:1px solid var(--line);border-radius:8px;width:min(880px,100%);max-height:calc(100dvh - 48px);padding:54px 36px 32px;position:relative;overflow-y:auto}.design18 .understanding-modal h2{margin:4px 0 12px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:28px;font-weight:500;line-height:1.65}.design18 .understanding-options{gap:12px;margin:22px 0}.design18 .understanding-choice{border-color:var(--line);background:var(--surface);min-height:76px;color:var(--ink);border-radius:6px;gap:16px;padding:14px 18px}.design18 .understanding-choice i{background:var(--soft);color:var(--accent);border-color:var(--line);font-size:16px}.design18 .understanding-choice strong{font-size:17px}.design18 .understanding-choice small{color:var(--muted);font-size:14px}.design18 .understanding-choice.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#f0e3d3}.design18 .understanding-choice.selected i{background:var(--accent);color:#fff}.design18 .understanding-modal>.finish{width:100%;margin-top:12px}.design18 .quiz-screen .quiz-header{border-color:var(--line);background:0 0;height:auto;margin:0 0 24px;padding:0 0 20px;display:block}.design18 .quiz-header h2{font-size:24px}.design18 .quiz-body,.design18 .quiz-result{max-width:none;padding:0}.design18 .quiz-screen fieldset{min-width:0}.design18 .quiz-screen legend{color:var(--ink);overflow-wrap:anywhere;padding:0;font-size:22px;line-height:1.8}.design18 .quiz-option{white-space:normal;overflow-wrap:anywhere;min-height:66px;padding:16px;font-size:16px;line-height:1.85}.design18 .quiz-option i{background:var(--soft);color:var(--accent);flex-shrink:0;font-size:16px}.design18 .quiz-option.selected{color:var(--ink);border-color:var(--accent)!important;background:#f0e3d3!important}.design18 .quiz-progress{color:var(--accent);font-size:14px}.design18 .quiz-actions{flex-wrap:wrap;gap:12px}.design18 .quiz-result h3{font-size:26px;line-height:1.7}.design18 .review-list article{background:var(--surface);border-radius:5px;padding:20px}.design18 .review-list b{font-size:16px;line-height:1.85}.design18 .review-list article p{font-size:16px}.design18 .material-preview-modal{background:var(--paper);border:1px solid var(--line);grid-template-rows:auto minmax(160px,1fr) auto;max-width:100%;height:min(860px,100dvh - 48px);padding:60px 24px 24px}.design18 .material-preview-modal h2{margin:0;font-size:24px}.design18 .material-preview-modal iframe{background:var(--surface);border-color:var(--line)}@media (max-width:1180px){.design18 .staff-register-card{grid-template-columns:1fr 1fr}.design18 .staff-simple-head{display:none}.design18 .staff-simple-row{grid-template-columns:minmax(0,1fr) auto}.design18 .staff-simple-row>span:nth-child(3){grid-column:1}.design18 .staff-simple-row>span:nth-child(4){grid-column:2}.design18 .attempt-card{grid-template-columns:minmax(0,1fr) auto}.design18 .record-filters{grid-template-columns:1fr 1fr}.design18 .record-filters button{grid-row:auto}.design18 .question-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.design18 .question-search>button{grid-column:2}.editorial-portrait{width:82%;height:340px}.editorial-hero-copy{width:76%;margin-top:240px}}@media (max-width:850px){.design18 .sidebar{width:min(300px,100vw - 42px);height:100dvh;transform:translate(-100%)}.design18 .sidebar.open{transform:translate(0)}.design18 .menu-backdrop{z-index:29;background:#342d287d;border:0;width:100%;height:100dvh;position:fixed;inset:0}.design18 .content{width:100%;margin-left:0}.design18 .app-header{z-index:20;min-height:60px;padding:8px 16px;position:sticky;top:0}.design18 .hamburger{width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;padding:0;font-size:24px;display:grid}.design18 .crumb{text-align:center;margin:0 auto}.mobile-brand{letter-spacing:.015em;font-size:14px;font-weight:700;display:inline}.desktop-crumb,.header-person{display:none}.design18 .app-header:after{content:"";flex-shrink:0;width:44px}.design18 .workspace-page{padding:28px 24px}.design18 .lesson-modal.lesson-fullscreen{grid-template-columns:1fr;height:auto;max-height:calc(100dvh - 32px);overflow-y:auto}.design18 .lesson-viewer{height:min(55dvh,500px);min-height:240px}.design18 .lesson-side{padding:62px 24px 24px;overflow:visible}.design18 .lesson-actions{position:static}.design18 .modal-backdrop{padding:16px}.design18 .lesson-side .close{position:fixed;top:24px;right:24px}.design18 .understanding-modal,.design18 .quiz-screen{max-height:calc(100dvh - 32px)}.design18 .calendar-day{min-height:98px}}@media (max-width:600px){.design18 .workspace-page{padding:24px 18px}.design18 .workspace-heading{min-height:85px;margin-bottom:24px;padding:0 84px 20px 0}.design18 .workspace-heading:after{width:72px;height:74px;top:0}.design18 :is(.workspace-heading,.page-heading) h1{letter-spacing:.01em;font-size:25px;line-height:1.7}.design18 .workspace-heading>p:last-child{margin-top:20px;margin-right:-84px;padding-top:0;font-size:15px}.design18 .page-heading>span{font-size:15px}.design18 .page-heading h1{font-size:23px}.design18 .page-heading{margin-bottom:22px;padding-bottom:20px}.design18 .eyebrow{font-size:12px}.editorial-hero{margin-top:22px;padding-right:4px;display:block}.editorial-portrait{object-position:65% top;border-radius:160px 160px 0 0;width:88%;height:250px}.editorial-hero-copy{width:calc(100% - 22px);margin:-74px 0 0 22px;padding:20px;position:relative}.design18 .editorial-hero-copy h2{margin:8px 0 12px;font-size:27px}.design18 .editorial-hero-copy p:not(.eyebrow){font-size:15px}.editorial-progress{gap:14px;padding:18px}.editorial-progress>button{width:100%}.editorial-courses{gap:26px}.editorial-course{grid-template-columns:58px minmax(0,1fr)}.course-symbol{width:82px;height:108px}.editorial-order{width:28px;height:28px;font-size:13px;bottom:7px;left:7px}.editorial-course-copy{margin-top:15px;padding:16px 14px}.design18 .editorial-course-copy h2{margin:12px 0;font-size:18px;line-height:1.75}.editorial-course-meta{flex-wrap:wrap;gap:7px;font-size:13px}.editorial-course-meta .file-icon{width:23px;height:28px}.design18 .editorial-course-copy p{font-size:14px}.design18 .editorial-course-copy .publish{min-height:48px;padding:12px 10px;font-size:14px}.editorial-status{padding:4px 9px;font-size:12px}.design18 :is(.settings-list,.assignment-manager){margin-bottom:22px;padding:20px 16px}.design18 h2{font-size:21px}.design18 .admin-toolbar,.design18 .question-search{grid-template-columns:1fr}.design18 .question-search>button{grid-column:1}.design18 .assignment-manager .assignment-row{grid-template-columns:1fr;gap:14px}.design18 .assignment-row>.form-actions{width:100%;justify-content:flex-start!important}.design18 .material-admin-page .assignment-row>.form-actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0!important}.design18 .material-admin-page .assignment-row>.form-actions button{width:100%!important}.design18 .material-title{align-items:flex-start;gap:12px}.design18 .material-title .file-icon{width:30px;height:36px}.design18 .admin-collapsible>summary{padding:18px 16px}.design18 .admin-collapsible-body{padding:16px 12px}.design18 .form-actions>*{max-width:100%}.design18 .wizard-steps{grid-template-columns:1fr 1fr;display:grid}.design18 .wizard-steps button{padding:10px;font-size:14px}.design18 .order-card,.design18 .curriculum-order-card{grid-template-columns:20px 32px minmax(0,1fr);gap:8px;padding:12px 10px}.design18 .order-card .position-picker,.design18 .order-card>button,.design18 .curriculum-order-card .row-actions{grid-column:2/-1}.design18 .row-actions{justify-content:flex-start}.design18 .position-picker select{width:100%;font-size:16px}.design18 .staff-register-card,.design18 .record-filters,.design18 .staff-simple-row,.design18 .record-card,.design18 .attempt-card{grid-template-columns:1fr}.design18 .staff-simple-row>span:nth-child(n){grid-column:1}.design18 .staff-simple-row>span:nth-child(3):before{content:"PIN：";color:var(--muted);font-size:14px}.design18 .staff-simple-row>span:nth-child(4){margin-top:4px}.design18 .staff-register-card,.design18 .record-filters{padding:20px 16px}.design18 .archive-manage-row{flex-direction:column;align-items:stretch;gap:14px;display:flex}.design18 .archive-manage-row .row-actions{justify-content:flex-start}.design18 .record-filters button{grid-column:1}.design18 .calendar-nav{gap:8px}.design18 .calendar-nav h2{font-size:20px}.design18 .calendar-nav button{padding:8px;font-size:13px}.design18 .calendar-day{min-height:76px;padding:4px 2px}.design18 .calendar-day>span{width:25px;height:25px;font-size:13px}.design18 .calendar-day article{overflow-wrap:anywhere;padding:4px 2px;font-size:12px}.design18 .calendar-weekdays b{font-size:13px}.design18 .calendar-day article small{display:none}.design18 .reminder-banner{flex-direction:column;align-items:stretch}.design18 .reminder-banner h2{font-size:20px}.design18 .understanding-modal,.design18 .quiz-screen{border-radius:8px;width:100%;max-height:calc(100dvh - 24px);padding:60px 20px 24px}.design18 .modal-backdrop{padding:12px}.design18 .understanding-modal h2{font-size:25px}.design18 .understanding-choice{gap:12px;padding:14px 12px}.design18 .understanding-choice strong{font-size:16px}.design18 .understanding-choice small{font-size:14px}.design18 .understanding-choice i{flex-shrink:0;width:34px;height:34px}.design18 .understanding-modal .finish{font-size:15px}.design18 .quiz-header h2{font-size:21px}.design18 .quiz-screen legend{font-size:20px}.design18 .quiz-option{padding:14px 12px;font-size:16px}.design18 .quiz-actions{grid-template-columns:1fr;display:grid}.design18 .quiz-result h3{font-size:24px}.design18 .lesson-modal.lesson-fullscreen{max-height:calc(100dvh - 24px)}.design18 .lesson-viewer{height:40dvh;min-height:210px}.design18 .lesson-side{padding:26px 20px}.design18 .lesson-side .close{top:20px;right:20px}.design18 .lesson-side h2{font-size:23px}.design18 .lesson-side .finish{font-size:15px}.design18 .material-preview-modal{border-radius:8px;grid-template-rows:auto minmax(140px,1fr) auto;height:calc(100dvh - 24px);padding:60px 16px 20px}.design18 .material-preview-modal .form-actions{grid-template-columns:1fr;display:grid}.design18 .material-preview-modal h2{font-size:21px}}