.classroom-seo-content{color:var(--ink);background:var(--white);margin-top:108px}.classroom-intro-trust{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px 11px;margin-top:16px;font-size:12px;font-weight:800;display:flex}.classroom-intro-trust i{background:var(--blue);border-radius:50%;width:4px;height:4px}.classroom-seo-content h2,.classroom-seo-content h3{font-family:var(--font-heading);letter-spacing:-.05em;margin:0;font-weight:800}.classroom-seo-heading{grid-template-columns:minmax(0,.92fr) minmax(320px,.68fr);align-items:end;gap:86px;display:grid}.classroom-seo-heading h2{max-width:760px;font-size:clamp(42px,5vw,66px);line-height:1}.classroom-seo-heading>p{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.classroom-seo-how{padding:24px 0 124px}.classroom-seo-how ol{border-top:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:68px 0 0;padding:0;list-style:none;display:grid}.classroom-seo-how li{border-right:1px solid var(--line);min-height:278px;padding:28px 28px 34px 0}.classroom-seo-how li+li{padding-left:28px}.classroom-seo-how li:last-child{border-right:0;padding-right:0}.classroom-seo-number{color:var(--blue);letter-spacing:.1em;font-size:10px;font-weight:900}.classroom-seo-how h3{margin-top:74px;font-size:24px;line-height:1.08}.classroom-seo-how li p,.classroom-seo-feature p,.classroom-seo-use-case p,.classroom-seo-room-copy>p{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.68}.classroom-seo-capabilities{background:var(--soft-blue);padding:116px 0}.classroom-seo-capabilities-inner{grid-template-columns:minmax(0,.76fr) minmax(500px,1.24fr);gap:108px;display:grid}.classroom-seo-capabilities-copy h2{font-size:clamp(43px,4.9vw,64px);line-height:1}.classroom-seo-capabilities-copy p{max-width:510px;color:var(--muted);margin:24px 0 0;font-size:16px;line-height:1.68}.classroom-seo-feature-list{border-top:2px solid var(--ink)}.classroom-seo-feature{border-bottom:1px solid #0714272e;grid-template-columns:44px minmax(0,1fr);gap:22px;min-height:132px;padding:25px 0;display:grid}.classroom-seo-feature>span{color:var(--orange);font-size:11px;font-weight:900}.classroom-seo-feature h3{font-size:22px;line-height:1.1}.classroom-seo-feature p{max-width:650px}.classroom-seo-layouts{padding:132px 0 118px}.classroom-seo-layout-list{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;margin-top:66px;display:grid}.classroom-seo-layout{border-bottom:1px solid var(--line);grid-template-columns:34px 160px minmax(0,1fr);align-items:center;gap:18px;min-height:112px;padding:24px 34px 24px 0;display:grid}.classroom-seo-layout:nth-child(odd){border-right:1px solid var(--line)}.classroom-seo-layout:nth-child(2n){padding-left:34px}.classroom-seo-layout>span{color:var(--blue);font-size:10px;font-weight:900}.classroom-seo-layout h3{font-size:19px;line-height:1.15}.classroom-seo-layout p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.classroom-seo-room{color:var(--white);background:var(--ink);border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);align-items:center;gap:90px;padding:68px;display:grid}.classroom-seo-room-copy h2{max-width:700px;font-size:clamp(43px,5vw,66px);line-height:1}.classroom-seo-room-copy>p{color:#ffffffb3;max-width:650px;font-size:16px}.classroom-seo-room-map{border-radius:var(--radius-xl);background:var(--blue);min-height:310px;box-shadow:12px 12px 0 var(--yellow);border:2px solid #ffffff6b;grid-template-columns:1fr 58px 1fr;align-items:center;gap:18px;padding:30px;display:grid}.classroom-seo-room-map>div{text-align:center;border:1px solid #ffffff8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:150px;padding:20px 16px;display:flex}.classroom-seo-room-map strong{font-family:var(--font-heading);letter-spacing:-.04em;font-size:24px}.classroom-seo-room-map small{color:#ffffffb8;font-size:11px;line-height:1.4}.classroom-seo-room-map>span{text-align:center;font-size:28px;font-weight:900}.classroom-seo-use-cases{padding:132px 0 118px}.classroom-seo-use-case-list{border-top:2px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:66px;display:grid}.classroom-seo-use-case{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:248px;padding:28px 32px 34px 0}.classroom-seo-use-case:nth-child(3n+2),.classroom-seo-use-case:nth-child(3n+3){padding-left:32px}.classroom-seo-use-case:nth-child(3n){border-right:0;padding-right:0}.classroom-seo-use-case h3{margin-top:52px;font-size:25px;line-height:1.08}.classroom-seo-trust{background:var(--yellow);padding:104px 0}.classroom-seo-trust-inner{grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-items:center;gap:100px;display:grid}.classroom-seo-trust h2{font-size:clamp(43px,5vw,66px);line-height:1}.classroom-seo-trust header p{color:#071427b3;max-width:540px;margin:24px 0 0;font-size:16px;line-height:1.65}.classroom-seo-trust-list{border-top:2px solid var(--ink)}.classroom-seo-trust-list div{border-bottom:1px solid #07142740;grid-template-columns:44px minmax(0,1fr);gap:20px;padding:24px 0;display:grid}.classroom-seo-trust-list span{width:34px;height:34px;color:var(--white);background:var(--ink);border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid}.classroom-seo-trust-list strong{font-size:18px;display:block}.classroom-seo-trust-list p{color:#071427b3;margin:7px 0 0;font-size:13px;line-height:1.55}.classroom-seo-faq{grid-template-columns:minmax(260px,.64fr) minmax(520px,1.36fr);gap:110px;padding:132px 0 116px;display:grid}.classroom-seo-faq header h2{font-size:clamp(43px,5vw,66px);line-height:1}.classroom-seo-faq header p{color:var(--muted);margin:24px 0 0;font-size:15px;line-height:1.65}.classroom-seo-faq-list{border-top:2px solid var(--ink)}.classroom-seo-faq details{border-bottom:1px solid var(--line)}.classroom-seo-faq summary{min-height:84px;font-family:var(--font-heading);cursor:pointer;align-items:center;padding:22px 50px 22px 0;font-size:18px;font-weight:800;line-height:1.3;list-style:none;display:flex;position:relative}.classroom-seo-faq summary::-webkit-details-marker{display:none}.classroom-seo-faq summary:before,.classroom-seo-faq summary:after{content:"";background:var(--ink);width:16px;height:2px;position:absolute;top:50%;right:7px}.classroom-seo-faq summary:after{transition:transform .16s;transform:rotate(90deg)}.classroom-seo-faq details[open] summary:after{transform:rotate(0)}.classroom-seo-faq details p{max-width:720px;color:var(--muted);margin:-5px 0 0;padding:0 50px 28px 0;font-size:14px;line-height:1.72}.classroom-seo-related{grid-template-columns:minmax(0,.78fr) minmax(500px,1.22fr);align-items:start;gap:110px;padding:0 0 118px;display:grid}.classroom-seo-related h2{font-size:clamp(40px,4.8vw,60px);line-height:1}.classroom-seo-related>div>p{max-width:490px;color:var(--muted);margin:22px 0 0;font-size:15px;line-height:1.65}.classroom-seo-related nav{border-top:2px solid var(--ink)}.classroom-seo-related a{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:18px;min-height:82px;padding:0 5px;display:grid}.classroom-seo-related a>span{color:var(--blue);font-size:10px;font-weight:900}.classroom-seo-related a strong{font-size:18px}.classroom-seo-related a svg{width:18px;height:18px}.classroom-seo-related a:hover{color:var(--blue)}@media (width<=1050px){.classroom-seo-heading,.classroom-seo-capabilities-inner,.classroom-seo-trust-inner,.classroom-seo-faq,.classroom-seo-related{grid-template-columns:1fr;gap:52px}.classroom-seo-room{grid-template-columns:1fr;gap:58px}.classroom-seo-layout{grid-template-columns:32px 130px minmax(0,1fr)}}@media (width<=780px){.classroom-seo-content{margin-top:84px}.classroom-seo-how,.classroom-seo-layouts,.classroom-seo-use-cases,.classroom-seo-faq{padding-top:88px;padding-bottom:86px}.classroom-seo-how{padding-top:0}.classroom-seo-heading{gap:28px}.classroom-seo-how ol,.classroom-seo-layout-list,.classroom-seo-use-case-list{grid-template-columns:1fr;margin-top:48px}.classroom-seo-how li,.classroom-seo-how li+li,.classroom-seo-layout,.classroom-seo-layout:nth-child(2n),.classroom-seo-use-case,.classroom-seo-use-case:nth-child(3n+2),.classroom-seo-use-case:nth-child(3n+3){border-right:0;min-height:0;padding:26px 0 34px}.classroom-seo-how h3,.classroom-seo-use-case h3{margin-top:38px}.classroom-seo-layout:nth-child(odd){border-right:0}.classroom-seo-capabilities,.classroom-seo-trust{padding:86px 0}.classroom-seo-room{border-radius:0;width:100%;padding:56px 24px}.classroom-seo-room-map{min-height:260px;box-shadow:7px 7px 0 var(--yellow);grid-template-columns:1fr 36px 1fr;gap:10px;padding:22px}.classroom-seo-room-map strong{font-size:20px}.classroom-seo-faq summary{min-height:76px;font-size:16px}.classroom-seo-related{padding-bottom:88px}}@media (width<=430px){.classroom-seo-heading h2,.classroom-seo-capabilities-copy h2,.classroom-seo-room-copy h2,.classroom-seo-trust h2,.classroom-seo-faq header h2,.classroom-seo-related h2{font-size:40px}.classroom-seo-feature{grid-template-columns:34px minmax(0,1fr);gap:14px}.classroom-seo-layout{grid-template-columns:28px minmax(0,1fr);gap:12px}.classroom-seo-layout p{grid-column:2}.classroom-seo-room{padding-inline:18px}.classroom-seo-room-map{padding:16px}.classroom-seo-room-map>div{min-height:132px;padding-inline:8px}.classroom-seo-related{gap:38px}}@media print{.classroom-seo-content{display:none!important}}.classroom-page{background:var(--white);min-height:100vh;padding-bottom:76px}.classroom-header{height:72px}.classroom-intro,.classroom-toolbar,.classroom-editor,.classroom-tip{width:min(1450px,100% - 40px)}.classroom-intro{justify-content:space-between;align-items:flex-end;gap:36px;padding:30px 0 18px;display:flex}.classroom-intro h1{font-family:var(--font-heading);letter-spacing:-.065em;margin:0;font-size:clamp(44px,4.2vw,56px);line-height:.98}.classroom-intro p{color:var(--muted);margin:12px 0 0;font-size:17px;line-height:1.55}.classroom-intro>span{color:#16864f;flex:none;align-items:center;gap:8px;padding-bottom:7px;font-size:14px;font-weight:800;display:flex}.classroom-intro>span svg{width:22px;height:22px}.classroom-intro-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:10px;padding-bottom:2px;display:flex}.classroom-intro-status{color:#16864f;white-space:nowrap;align-items:center;gap:8px;min-height:42px;padding:0 4px;font-size:14px;font-weight:800;display:inline-flex}.classroom-intro-status svg{width:21px;height:21px}.classroom-guide-button{border:1.5px solid var(--ink);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:800;display:inline-flex}.classroom-guide-button:hover{color:var(--blue-dark);background:var(--soft-blue)}.classroom-guide-button svg{width:18px;height:18px}.classroom-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:3px 0 11px;display:flex}.classroom-toolbar>div{align-items:center;gap:9px;display:flex}.classroom-action{border:2px solid var(--ink);min-height:46px;color:var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.classroom-action:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);background:#f8fbff;transform:translate(-1px,-1px)}.classroom-action:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.classroom-action:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.classroom-action.is-primary{color:var(--white);background:#3278ee}.classroom-action.is-primary:hover:not(:disabled){background:#1766eb}.classroom-action svg{width:19px;height:19px}.classroom-editor{grid-template-columns:250px minmax(0,1fr) 250px;grid-template-areas:"students canvas layout";align-items:start;gap:16px;margin-top:16px;display:grid}.classroom-sidebar,.classroom-canvas{border:2px solid var(--ink);background:var(--white);min-width:0;box-shadow:6px 6px 0 var(--ink);border-radius:21px}.classroom-sidebar{padding:17px}.classroom-students{grid-area:students}.classroom-layout{grid-area:layout}.classroom-canvas{grid-area:canvas;padding:21px}.classroom-sidebar>header,.classroom-canvas>header,.classroom-unassigned>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.classroom-sidebar h2,.classroom-canvas h2{font-family:var(--font-heading);letter-spacing:-.045em;margin:0;font-size:21px;line-height:1.1}.classroom-sidebar>header>span,.classroom-canvas>header>div>span{color:var(--muted);font-size:11px;font-weight:800}.classroom-roster{scrollbar-width:thin;flex-direction:column;gap:3px;max-height:390px;margin:12px 0 14px;padding:0 3px 0 0;list-style:none;display:flex;overflow-y:auto}.classroom-roster li{min-width:0}.classroom-roster li button{border:1px solid var(--line);width:100%;min-height:31px;color:var(--ink);background:var(--white);text-align:left;cursor:grab;border-radius:9px;grid-template-columns:20px 19px minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px 7px;display:grid}.classroom-roster li button:hover,.classroom-roster li.is-selected button{border-color:var(--blue);background:var(--soft-blue)}.classroom-roster li.is-unassigned button{background:#fff9df;border-color:#e6a600}.classroom-roster svg{color:#8791a2;width:18px;height:18px}.classroom-roster li button>span{color:var(--muted);font-size:11px;font-weight:800}.classroom-roster strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.classroom-roster small{color:var(--muted);font-size:9px;font-weight:700}.classroom-students>label{color:var(--ink);flex-direction:column;gap:2px;font-size:13px;font-weight:800;display:flex}.classroom-students>label span{color:var(--muted);font-size:10px;font-weight:600}.classroom-students textarea{resize:vertical;border:2px solid var(--ink);width:100%;min-height:102px;color:var(--ink);background:#f8fbff;border-radius:11px;outline:0;margin-top:8px;padding:11px 12px;font-size:14px;line-height:1.5}.classroom-students textarea:focus{border-color:var(--blue);box-shadow:3px 3px 0 var(--blue)}.classroom-add,.classroom-clear{border:2px solid var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:43px;margin-top:9px;font-size:14px;font-weight:800;display:flex}.classroom-add{color:var(--white);box-shadow:3px 3px 0 var(--ink);background:#1766eb}.classroom-clear{color:var(--ink);background:var(--white)}.classroom-add:disabled,.classroom-clear:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.classroom-add svg,.classroom-clear svg{width:18px;height:18px}.classroom-canvas>header>div{align-items:baseline;gap:9px;min-width:0;display:flex}.classroom-canvas>header>p{color:var(--blue-dark);text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:800;overflow:hidden}.classroom-front{color:var(--blue-dark);letter-spacing:.055em;text-transform:uppercase;place-items:center;margin:15px 0 18px;font-size:11px;font-weight:800;display:grid}.classroom-front i{border-top:9px solid var(--blue-dark);border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;margin-top:5px}.classroom-canvas-export{scrollbar-width:thin;overscroll-behavior-inline:contain;min-height:356px;overflow-x:auto}.classroom-seat-grid{gap:13px;min-width:max-content;display:grid}.classroom-seat{background:#fffaf1;border:2px solid #8e5b20;border-radius:13px;min-width:118px;min-height:104px;transition:transform .14s,border-color .14s,background .14s;position:relative;overflow:hidden;box-shadow:2px 2px #d4b48d}.classroom-seat:hover{border-color:var(--ink);transform:translateY(-1px)}.classroom-seat.is-locked{border-color:var(--ink);background:#fff2ad}.classroom-seat.is-blocked{box-shadow:none;background:repeating-linear-gradient(135deg,#f3f5f7 0 10px,#e9edf1 10px 12px);border-style:dashed;border-color:#7c8798}.classroom-seat.is-blocked:hover{border-color:#7c8798;transform:none}.classroom-seat.is-selected{outline:3px solid var(--blue);outline-offset:2px}.classroom-seat-main{width:100%;min-height:100px;color:var(--ink);cursor:grab;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:27px 10px 10px;display:flex}.classroom-seat-main>svg{color:#697489;width:20px;height:20px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.classroom-seat-main>span{max-width:100%;font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.classroom-seat-main>em{color:var(--white);background:var(--blue);border-radius:5px;padding:2px 5px;font-size:9px;font-style:normal;font-weight:800;position:absolute;top:7px;left:8px}.classroom-seat-main>small{color:var(--muted);font-size:9px;font-weight:800}.classroom-seat.is-blocked .classroom-seat-main{color:#596477;cursor:default}.classroom-seat.is-blocked .classroom-seat-main>svg{color:#7c8798;width:23px;height:23px}.classroom-seat-lock{border:2px solid var(--ink);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink);background:var(--white);cursor:pointer;place-items:center;padding:6px;display:grid;position:absolute;bottom:7px;right:7px}.is-locked .classroom-seat-lock{background:var(--yellow)}.classroom-seat-lock svg{width:100%;height:100%}.classroom-seat-block{border:2px solid var(--ink);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink);background:var(--white);cursor:pointer;place-items:center;padding:6px;display:grid;position:absolute;bottom:7px;right:7px}.classroom-seat-block svg{width:100%;height:100%}.classroom-seat:not(.is-blocked) .classroom-seat-block{color:#9f2d2d;border-color:#8e4a4a}.classroom-seat.is-blocked .classroom-seat-block{color:var(--white);border-color:var(--blue-dark);background:var(--blue)}.classroom-seat-remove{color:#7f8998;cursor:pointer;background:#ffffffc7;border:1px solid #d6dbe3;border-radius:6px;place-items:center;width:24px;height:24px;padding:5px;display:grid;position:absolute;top:7px;right:7px}.classroom-seat-remove:hover{color:#596477;background:#f3f5f7;border-color:#aeb7c5}.classroom-seat-remove svg{width:100%;height:100%}.classroom-lock-hint{color:var(--white);background:var(--ink);border-radius:6px;padding:3px 7px;font-size:8px;font-weight:800;position:absolute;bottom:5px;right:5px}.classroom-seat-groups{grid-template-columns:repeat(2,1fr);gap:16px;min-width:650px;display:grid}.classroom-seat-group{background:#fafcff;border:2px dashed #9aa4b4;border-radius:18px;padding:12px}.classroom-seat-group>b{color:var(--blue-dark);margin-bottom:8px;font-size:11px;display:block}.classroom-seat-group>div{grid-template-columns:repeat(2,minmax(118px,1fr));gap:8px;display:grid}.classroom-seat-pairs{grid-template-columns:repeat(2,1fr);gap:14px;min-width:650px;display:grid}.classroom-seat-pair{background:var(--soft-blue);border-radius:17px;grid-template-columns:repeat(2,minmax(118px,1fr));gap:7px;padding:8px;display:grid}.classroom-seat-u{min-width:650px}.classroom-seat-u .u-top{gap:12px;display:grid}.classroom-seat-u .u-sides{grid-template-columns:minmax(118px,1fr) minmax(180px,2fr) minmax(118px,1fr);gap:20px;margin-top:12px;display:grid}.classroom-seat-u .u-sides>div{flex-direction:column;gap:12px;display:flex}.classroom-seat-u .u-sides>span{border:2px dashed var(--line);color:#a4acb8;border-radius:22px;place-items:center;min-height:150px;font-size:13px;font-weight:800;display:grid}.classroom-seat-radial{position:relative}.classroom-seat-radial>span{z-index:0;border:2px dashed var(--line);color:#9aa4b4;background:#fbfcfe;border-radius:50%;place-items:center;min-width:190px;min-height:120px;padding:18px;font-size:13px;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.classroom-seat-radial.is-semicircle>span{border-radius:28px;top:66%}.classroom-seat-radial>div{z-index:1;width:132px;position:absolute;transform:translate(-50%,-50%)}.classroom-seat-radial .classroom-seat{width:100%;min-width:0}.classroom-seat-conference{flex-direction:column;gap:12px;min-width:720px;display:flex}.classroom-seat-conference .conference-edge{gap:10px;display:grid}.classroom-seat-conference .conference-middle{grid-template-columns:minmax(118px,1fr) minmax(280px,3fr) minmax(118px,1fr);gap:16px;display:grid}.classroom-seat-conference .conference-middle>div{flex-direction:column;gap:10px;display:flex}.classroom-seat-conference .conference-middle>span{min-height:230px;color:var(--muted);background:#eef3fb;border:2px solid #9aa4b4;border-radius:28px;place-items:center;font-size:14px;font-weight:800;display:grid}.classroom-seat-chevron{flex-direction:column;gap:17px;min-width:720px;display:flex}.classroom-seat-chevron .chevron-row{grid-template-columns:1fr 1fr;gap:28px;display:grid}.classroom-seat-chevron .chevron-row>div{gap:10px;display:grid}.classroom-seat-chevron .chevron-left .classroom-seat{transform:rotate(1.8deg)}.classroom-seat-chevron .chevron-right .classroom-seat{transform:rotate(-1.8deg)}.classroom-seat-chevron .classroom-seat:hover{transform:translateY(-1px)rotate(0)}.classroom-unassigned{background:#fbfcfe;border:2px dashed #9aa4b4;border-radius:14px;min-height:98px;margin-top:18px;padding:13px 14px}.classroom-unassigned>header{justify-content:flex-start}.classroom-unassigned>header strong{font-family:var(--font-heading);font-size:15px}.classroom-unassigned>header span{color:var(--muted);font-size:10px}.classroom-unassigned>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.classroom-unassigned button{border:2px solid var(--ink);min-height:34px;color:var(--ink);cursor:grab;background:#fff4c7;border-radius:9px;padding:0 11px;font-size:14px;font-weight:800}.classroom-unassigned button.is-selected{color:var(--white);background:var(--blue)}.classroom-unassigned>p{color:var(--muted);margin:13px 0 0;font-size:12px}.classroom-layout>p{color:var(--muted);margin:10px 0 0;font-size:12px}.classroom-layout-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.classroom-layout-options button{border:2px solid var(--line);min-height:88px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px 5px;font-size:14px;font-weight:800;display:flex}.classroom-layout-options button:hover{border-color:var(--ink)}.classroom-layout-options button.is-active{border-color:var(--ink);color:var(--blue-dark);background:var(--soft-blue);box-shadow:3px 3px 0 var(--ink)}.classroom-layout-options svg{width:27px;height:27px}.classroom-dimensions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px;padding:15px 0}.classroom-stepper{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.classroom-stepper:first-child{margin-top:0}.classroom-stepper>span{font-size:14px;font-weight:800}.classroom-stepper>div{border:2px solid var(--ink);border-radius:9px;grid-template-columns:32px 38px 32px;display:grid;overflow:hidden}.classroom-stepper button,.classroom-stepper strong{background:var(--white);place-items:center;min-height:34px;font-size:14px;display:grid}.classroom-stepper button{color:var(--ink);cursor:pointer}.classroom-stepper button:hover{background:var(--soft-blue)}.classroom-stepper strong{border-right:1px solid var(--line);border-left:1px solid var(--line)}.classroom-switch{cursor:pointer;grid-template-columns:1fr 42px;align-items:center;gap:9px;margin-top:16px;display:grid}.classroom-switch>span{flex-direction:column;gap:2px;display:flex}.classroom-switch b{font-size:12px}.classroom-switch small{color:var(--muted);font-size:9px;line-height:1.35}.classroom-switch input{opacity:0;pointer-events:none;position:absolute}.classroom-switch>i{border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--white);width:42px;height:24px;padding:3px}.classroom-switch>i:after{content:"";background:var(--ink);border-radius:50%;width:14px;height:14px;transition:transform .16s;display:block}.classroom-switch input:checked+i{background:var(--lime)}.classroom-switch input:checked+i:after{transform:translate(18px)}.classroom-legend{border:1px solid var(--line);background:#f8f9fb;border-radius:11px;margin-top:17px;padding:10px}.classroom-legend p{color:var(--muted);grid-template-columns:19px 1fr;align-items:center;gap:7px;margin:7px 0;font-size:10px;display:grid}.classroom-legend p:first-child{margin-top:0}.classroom-legend p:last-child{margin-bottom:0}.classroom-legend svg{width:18px;height:18px;color:var(--ink)}.classroom-legend b{color:var(--ink)}.classroom-tip{color:var(--muted);text-align:center;margin-top:23px;font-size:12px}.classroom-tip span{color:var(--blue-dark);font-weight:800}.classroom-footer{margin-top:0}.classroom-action:focus-visible,.classroom-roster button:focus-visible,.classroom-seat button:focus-visible,.classroom-layout-options button:focus-visible,.classroom-stepper button:focus-visible,.classroom-switch input:focus-visible+i,.classroom-add:focus-visible,.classroom-clear:focus-visible,.classroom-unassigned button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (width<=1050px){.classroom-toolbar{scrollbar-width:thin;justify-content:flex-start;overflow-x:auto}.classroom-toolbar>div{flex:none}.classroom-toolbar>div+div{border-left:1px solid var(--line);padding-left:14px}.classroom-editor{grid-template-columns:1fr 1fr;grid-template-areas:"students layout""canvas canvas"}.classroom-roster{max-height:300px}}@media (width<=760px){.classroom-intro,.classroom-toolbar,.classroom-editor,.classroom-tip{width:var(--shell)}.classroom-intro{flex-direction:column;align-items:flex-start;gap:13px;padding-top:42px}.classroom-intro h1{font-size:clamp(43px,12vw,62px)}.classroom-intro>span{padding:0}.classroom-toolbar{margin-top:10px;padding-bottom:15px}.classroom-editor{grid-template-columns:1fr;grid-template-areas:"students""layout""canvas";gap:20px}.classroom-sidebar,.classroom-canvas{box-shadow:4px 4px 0 var(--ink)}.classroom-canvas{padding:18px}.classroom-canvas>header{flex-direction:column;align-items:flex-start}.classroom-canvas>header>p{text-align:left;max-width:100%}.classroom-seat{min-width:116px}.classroom-tip{text-align:left;line-height:1.5}}@media (width<=430px){.classroom-action{min-height:44px;padding:0 12px}.classroom-sidebar{padding:16px}.classroom-layout-options button{min-height:79px;font-size:14px}.classroom-seat-main>span{font-size:15px}.classroom-unassigned>header{flex-direction:column;align-items:flex-start;gap:3px}}@media print{.site-header,.classroom-intro,.classroom-toolbar,.classroom-students,.classroom-layout,.classroom-tip,.picker-footer{display:none!important}.classroom-page{padding:0}.classroom-editor{width:100%;margin:0;display:block}.classroom-canvas{box-shadow:none;border:0}.classroom-canvas-export{overflow:visible}.classroom-seat{break-inside:avoid;box-shadow:none}}@media (prefers-reduced-motion:reduce){.classroom-action,.classroom-seat,.classroom-switch>i:after{transition:none}}.classroom-workspace,.classroom-export-center,.classroom-seo{width:min(1450px,100% - 40px)}.classroom-workspace{border:1.5px solid var(--ink);background:var(--white);border-radius:13px;grid-template-columns:minmax(180px,1.25fr) minmax(150px,.9fr) minmax(160px,.9fr) auto minmax(160px,.85fr) auto;align-items:end;gap:10px;min-height:74px;padding:10px 12px;display:grid}.classroom-workspace label,.classroom-field{flex-direction:column;gap:5px;min-width:0;display:flex}.classroom-workspace label>span,.classroom-field>span{font-size:14px;font-weight:800}.classroom-workspace input,.classroom-workspace select,.classroom-field select,.classroom-rule select{border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--ink);background:var(--white);border:1.5px solid #aeb7c5;outline:none;padding:0 10px;font-size:14px;font-weight:700}.classroom-workspace input:focus,.classroom-workspace select:focus,.classroom-field select:focus,.classroom-rule select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #dbe7ff}.classroom-workspace-actions{gap:7px;display:flex}.classroom-workspace-actions button,.classroom-save-layout{border:1.5px solid var(--ink);border-radius:var(--radius-sm);min-height:38px;color:var(--ink);background:var(--white);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:14px;font-weight:800;display:inline-flex}.classroom-workspace-actions button.is-blue,.classroom-save-layout{color:var(--white);background:var(--blue)}.classroom-workspace-actions .icon-only{color:#a22;width:38px;padding:0}.classroom-workspace-actions svg,.classroom-save-layout svg{width:17px;height:17px}.classroom-toolbar{padding-top:10px}.classroom-number-toggle{border:2px solid var(--ink);cursor:pointer;border-radius:11px;align-items:center;gap:7px;min-height:46px;padding:0 13px;font-size:14px;font-weight:800;display:flex}.classroom-number-toggle input{width:16px;height:16px;accent-color:var(--blue)}.classroom-view-switch{border:2px solid var(--ink);border-radius:10px;grid-template-columns:1fr 1fr;overflow:hidden;display:grid!important}.classroom-view-switch button{min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;padding:0 13px;font-size:14px;font-weight:800}.classroom-view-switch button+button{border-left:1px solid var(--ink)}.classroom-view-switch button.is-active{color:var(--blue-dark);background:var(--soft-blue)}.classroom-editor{grid-template-columns:255px minmax(0,1fr) 300px}.classroom-roster-tools{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.classroom-roster-tools button{border:1.5px solid var(--ink);min-height:54px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 3px;font-size:14px;font-weight:800;display:flex}.classroom-roster-tools button:disabled{opacity:.35;cursor:not-allowed}.classroom-roster-tools svg{width:18px;height:18px;color:var(--ink)}.classroom-roster-tools span{font-size:10px}.classroom-landmark-row{grid-template-columns:1fr auto;align-items:center;gap:14px;margin:11px 0 3px;display:grid}.classroom-landmark-row span,.classroom-door{border:1.5px solid var(--ink);color:var(--ink);background:var(--white);text-align:center;border-radius:6px;font-size:10px;font-weight:800}.landmark-whiteboard,.landmark-desk{place-items:center;height:36px;padding:0 12px;font-size:12px;display:grid}.landmark-desk{min-width:82px;background:#f8fbff!important}.classroom-front{margin-top:7px}.classroom-front.is-bottom,.classroom-front.is-bottom span{transform:rotate(180deg)}.classroom-canvas{position:relative}.classroom-door{writing-mode:vertical-rl;padding:17px 4px;position:absolute;top:46%;left:-2px}.classroom-canvas.is-substitute .classroom-seat-lock,.classroom-canvas.is-substitute .classroom-seat-block,.classroom-canvas.is-substitute .classroom-seat-main>svg{display:none}.classroom-canvas.is-substitute .classroom-seat-main{cursor:default}.classroom-numbered-roster{grid-template-columns:repeat(3,1fr);gap:5px 12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.classroom-numbered-roster li{grid-template-columns:22px 1fr;align-items:center;gap:5px;min-width:0;font-size:12px;font-weight:700;display:grid}.classroom-numbered-roster li b{width:22px;height:22px;color:var(--white);background:var(--blue);border-radius:50%;place-items:center;font-size:10px;display:grid}.classroom-numbered-roster li span{color:var(--muted);grid-column:2;font-size:9px}.classroom-inspector-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0 -7px 15px;display:grid}.classroom-inspector-tabs button{min-height:42px;color:var(--muted);background:var(--white);cursor:pointer;font-size:14px;font-weight:800;position:relative}.classroom-inspector-tabs button[aria-selected=true]{color:var(--blue-dark)}.classroom-inspector-tabs button[aria-selected=true]:after{content:"";background:var(--blue);height:3px;position:absolute;bottom:-1px;left:0;right:0}.classroom-inspector-tabs button span{min-width:20px;height:20px;color:var(--white);background:var(--blue);border-radius:99px;place-items:center;margin-left:6px;padding:0 5px;font-size:10px;display:inline-grid}.classroom-layout-panel>header{justify-content:space-between;align-items:center;display:flex}.classroom-layout-panel>header span{color:var(--muted);font-size:11px;font-weight:800}.classroom-layout-panel>p{color:var(--muted);margin:8px 0 0;font-size:12px}.classroom-field{margin-top:14px}.classroom-landmark-controls{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0;padding:11px;display:grid}.classroom-landmark-controls legend{padding:0 5px;font-size:14px;font-weight:800}.classroom-landmark-controls label{align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.classroom-landmark-controls input{width:15px;height:15px;accent-color:var(--blue)}.classroom-rules-panel{flex-direction:column;gap:16px;display:flex}.classroom-rule{border-bottom:1px solid var(--line);padding-bottom:14px}.classroom-rule>strong{margin-bottom:9px;font-size:14px;line-height:1.2;display:block}.classroom-rule-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px;display:grid}.classroom-rule-pair>span{color:var(--muted);font-size:10px}.classroom-rule-pair select{min-width:0;padding:0 6px;font-size:12px}.classroom-rule-add{border:1.5px solid var(--blue);border-radius:var(--radius-sm);min-height:34px;color:var(--blue-dark);background:var(--white);cursor:pointer;align-items:center;gap:5px;margin-top:7px;padding:0 10px;font-size:14px;font-weight:800;display:inline-flex}.classroom-rule-add:disabled{opacity:.35;cursor:not-allowed}.classroom-rule-add svg{width:15px;height:15px}.classroom-rule ul{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.classroom-rule li{background:var(--soft-blue);border-radius:7px;justify-content:space-between;align-items:center;gap:5px;min-height:30px;padding:4px 4px 4px 8px;font-size:10px;font-weight:800;display:flex}.classroom-rule li button{width:24px;height:24px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:6px;padding:5px}.classroom-rule li svg{width:100%;height:100%}.classroom-rule-report{color:#0b6338;background:#effbf4;border:1.5px solid #1b9759;border-radius:10px;grid-template-columns:22px 1fr;gap:9px;padding:12px;display:grid}.classroom-rule-report.has-warning{color:#765500;background:#fff9df;border-color:#d99b00}.classroom-rule-report>svg{width:20px;height:20px}.classroom-rule-report>div{flex-direction:column;gap:4px;min-width:0;display:flex}.classroom-rule-report strong{font-size:12px}.classroom-rule-report span,.classroom-rule-report summary,.classroom-rule-report li{font-size:10px;line-height:1.4}.classroom-rule-report details ul{padding-left:14px}.classroom-export-center{border:1.5px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);border-radius:15px;grid-template-columns:250px 1fr;align-items:center;gap:18px;margin-top:24px;padding:14px 16px;display:grid}.classroom-export-center>header{align-items:center;gap:11px;display:flex}.classroom-export-center>header>svg{width:26px;height:26px}.classroom-export-center h2{letter-spacing:-.03em;margin:0;font-size:18px}.classroom-export-center p{color:var(--muted);margin:3px 0 0;font-size:11px}.classroom-export-center>div{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.classroom-export-center button{border:1.5px solid var(--line);min-height:62px;color:var(--ink);background:var(--white);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:24px 1fr 16px;align-items:center;gap:8px;padding:9px 10px;display:grid}.classroom-export-center button:hover{border-color:var(--blue);background:var(--soft-blue)}.classroom-export-center button>svg{width:22px;height:22px}.classroom-export-center button>svg:last-child{width:15px;height:15px}.classroom-export-center button span{flex-direction:column;gap:2px;display:flex}.classroom-export-center button strong{font-size:13px}.classroom-export-center button small{color:var(--muted);font-size:9px}.classroom-seo h2{font-family:var(--font-heading);letter-spacing:-.045em;margin:0}.classroom-how{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:300px 1fr;align-items:center;gap:60px;padding:28px 0;display:grid}.classroom-how h2{font-size:28px}.classroom-how header p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.5}.classroom-how ol{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.classroom-how li{grid-template-columns:34px 1fr;gap:10px;display:grid}.classroom-how li>b{width:34px;height:34px;color:var(--white);background:var(--blue);border-radius:50%;place-items:center;display:grid}.classroom-how li span{flex-direction:column;gap:3px;display:flex}.classroom-how li strong{font-size:14px}.classroom-how li small{color:var(--muted);font-size:11px;line-height:1.45}.classroom-layout-guide{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;padding:80px 0;display:grid}.classroom-layout-guide h2{max-width:540px;font-size:clamp(34px,4vw,52px);line-height:1.05}.classroom-layout-guide p{max-width:600px;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.7}.classroom-layout-guide dl{border-top:2px solid var(--ink);margin:0}.classroom-layout-guide dl>div{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:20px;padding:17px 4px;display:grid}.classroom-layout-guide dt{font-size:15px;font-weight:800}.classroom-layout-guide dd{color:var(--muted);margin:0;font-size:14px}.classroom-privacy{border:2px solid var(--ink);color:var(--white);background:var(--blue);box-shadow:7px 7px 0 var(--ink);border-radius:22px;justify-content:space-between;align-items:center;gap:50px;padding:38px 42px;display:flex}.classroom-privacy h2{font-size:32px}.classroom-privacy p{color:#e7efff;max-width:780px;margin:10px 0 0;line-height:1.6}.classroom-privacy>strong{border:2px solid var(--white);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:220px;padding:14px 18px;font-size:14px;display:flex}.classroom-privacy svg{width:20px;height:20px}.classroom-faq{max-width:900px;margin:100px auto 0}.classroom-faq h2{text-align:center;margin-bottom:30px;font-size:40px}.classroom-faq details{border-top:1px solid var(--line)}.classroom-faq details:last-child{border-bottom:1px solid var(--line)}.classroom-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px 3px;font-size:15px;font-weight:800;list-style:none;display:flex}.classroom-faq summary span{font-size:24px}.classroom-faq details[open] summary span{transform:rotate(45deg)}.classroom-faq details p{color:var(--muted);margin:-5px 0 20px;padding-right:40px;font-size:14px;line-height:1.65}@media (width<=1250px){.classroom-workspace{grid-template-columns:repeat(3,1fr)}.classroom-workspace-actions{align-self:end}.classroom-editor{grid-template-columns:240px minmax(0,1fr) 280px}.classroom-export-center{grid-template-columns:1fr}}@media (width<=1050px){.classroom-editor{grid-template-columns:1fr 1fr}.classroom-export-center>div{grid-template-columns:repeat(2,1fr)}.classroom-how{grid-template-columns:1fr;gap:28px}}@media (width<=760px){.classroom-workspace,.classroom-export-center,.classroom-seo{width:var(--shell)}.classroom-workspace{grid-template-columns:1fr;padding:14px}.classroom-editor{grid-template-columns:1fr;grid-template-areas:"students""layout""canvas"}.classroom-workspace-actions{grid-template-columns:repeat(3,1fr);display:grid}.classroom-workspace-actions .icon-only{width:auto}.classroom-save-layout{width:100%}.classroom-toolbar{flex-wrap:nowrap}.classroom-numbered-roster{grid-template-columns:repeat(2,1fr)}.classroom-export-center{box-shadow:3px 3px 0 var(--ink);padding:14px}.classroom-export-center>div{grid-template-columns:1fr}.classroom-export-center button{min-height:58px}.classroom-seo{margin-top:56px}.classroom-how{padding:25px 0}.classroom-how ol{grid-template-columns:1fr}.classroom-layout-guide{grid-template-columns:1fr;gap:34px;padding:58px 0}.classroom-layout-guide h2{font-size:38px}.classroom-privacy{box-shadow:4px 4px 0 var(--ink);border-radius:17px;flex-direction:column;align-items:flex-start;gap:24px;padding:27px 23px}.classroom-privacy h2{font-size:27px}.classroom-privacy>strong{width:100%;min-width:0}.classroom-faq{margin-top:70px}.classroom-faq h2{text-align:left;font-size:32px}}@media (width<=430px){.classroom-numbered-roster{grid-template-columns:1fr}.classroom-workspace-actions button{padding:0 7px}.classroom-layout-guide dl>div{grid-template-columns:110px 1fr}}@media print{.classroom-workspace,.classroom-export-center,.classroom-seo{display:none!important}}.classroom-intro{padding-bottom:28px}.classroom-intro p{max-width:650px}.classroom-planner{border-radius:var(--radius-xl);background:#f5f7fa;width:min(1450px,100% - 40px);margin-top:0;padding:16px}.classroom-planner>.classroom-toolbar,.classroom-planner>.classroom-editor,.classroom-planner>.classroom-tip{width:100%}.classroom-planner>.classroom-toolbar{border-bottom:0;min-height:56px;padding:0 0 14px;display:none}.classroom-planner>.classroom-editor{grid-template-columns:280px minmax(0,1fr) 290px;align-items:stretch;gap:16px;margin-top:0}.classroom-planner>.classroom-tip{margin:16px 2px 0}.classroom-action{min-height:42px;box-shadow:none;border-width:1.5px}.classroom-action:hover:not(:disabled){box-shadow:none;transform:none}.classroom-action.is-primary{min-height:44px;box-shadow:3px 3px 0 var(--ink);border-width:2px}.classroom-page .classroom-action.is-primary,.classroom-page .classroom-add,.classroom-page .classroom-save-layout,.classroom-dialog footer button.is-primary{color:var(--white)}.classroom-action.is-primary:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.classroom-number-toggle{background:var(--white);border-width:1.5px;min-height:42px}.classroom-view-switch{background:var(--white);border-width:1.5px}.classroom-view-switch button{min-height:39px}.classroom-sidebar,.classroom-canvas{background:var(--white)}.classroom-sidebar{border-radius:var(--radius-lg);box-shadow:none;border:1.5px solid #c7cfdb;padding:18px}.classroom-canvas{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:18px;padding:22px}.classroom-step-title{justify-content:flex-start!important;align-items:center!important;gap:10px!important;display:flex!important}.classroom-step-title>b{width:28px;height:28px;color:var(--white);background:var(--blue);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.classroom-step-title>div{flex-direction:column;gap:2px;min-width:0;display:flex}.classroom-step-title h2{letter-spacing:-.04em;margin:0;font-size:19px}.classroom-step-title span,.classroom-step-title p{color:var(--muted);margin:0;font-size:10px;font-weight:700}.classroom-class-controls{border-bottom:1px solid var(--line);margin-top:18px;padding-bottom:18px}.classroom-class-controls>span{margin-bottom:7px;font-size:14px;font-weight:800;line-height:1.2;display:block}.classroom-class-summary{width:100%;min-height:48px;color:var(--ink);background:var(--white);text-align:left;cursor:pointer;border:1.5px solid #aeb7c5;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;display:flex}.classroom-class-summary:hover{border-color:var(--blue);background:#fbfdff}.classroom-class-summary>span{flex-direction:column;gap:2px;min-width:0;display:flex}.classroom-class-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.classroom-class-summary small{color:var(--muted);font-size:10px;font-weight:700}.classroom-class-summary>svg{flex:0 0 17px;width:17px;height:17px}.classroom-class-name-field,.classroom-saved-class-field{flex-direction:column;gap:5px;display:flex}.classroom-class-name-field>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.classroom-class-name-field label,.classroom-saved-class-field>span,.classroom-import-block>strong,.classroom-roster-heading>strong{font-size:14px;font-weight:800;line-height:1.2}.classroom-class-name-field>div>button{border:1.5px solid var(--blue);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--blue-dark);background:var(--soft-blue);cursor:pointer;place-items:center;padding:5px;display:grid}.classroom-class-name-field>div>button svg{width:16px;height:16px}.classroom-class-controls input,.classroom-class-controls select,.classroom-template-panel select{border-radius:var(--radius-sm);width:100%;min-height:39px;color:var(--ink);background:var(--white);border:1.5px solid #aeb7c5;outline:0;padding:0 9px;font-size:14px;font-weight:700}.classroom-class-controls input:focus,.classroom-class-controls select:focus,.classroom-template-panel select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #dbe7ff}.classroom-save-class{border:2px solid var(--ink);width:100%;min-height:40px;color:var(--white);background:var(--blue);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:10px;font-size:14px;font-weight:800;display:flex}.classroom-save-class svg{width:17px;height:17px}.classroom-save-class+.classroom-saved-class-field{margin-top:14px}.classroom-class-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.classroom-class-actions button{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:14px;font-weight:800;display:flex}.classroom-class-actions svg{width:14px;height:14px}.classroom-import-block{border-bottom:1px solid var(--line);padding:18px 0}.classroom-import-block>strong,.classroom-import-block>small{display:block}.classroom-import-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.classroom-import-heading>strong{font-size:14px;font-weight:800;line-height:1.2}.classroom-import-heading>button{border-radius:var(--radius-sm);width:32px;min-height:32px;color:var(--ink);background:var(--white);cursor:pointer;border:1.5px solid #c7cfdb;justify-content:center;align-items:center;gap:5px;padding:0;font-size:14px;font-weight:800;display:inline-flex}.classroom-import-heading>button svg{width:15px;height:15px}.classroom-import-block>small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4}.classroom-import-block textarea{resize:vertical;width:100%;min-height:88px;color:var(--ink);background:var(--white);border:1.5px solid #aeb7c5;border-radius:9px;outline:0;margin-top:10px;padding:10px;font-size:14px;line-height:1.45}.classroom-import-block textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #dbe7ff}.classroom-import-block .classroom-add{min-height:39px;box-shadow:none;margin-top:10px}.classroom-import-block .classroom-roster-tools{gap:8px;margin-top:10px}.classroom-import-block .classroom-roster-tools button{border-color:#c7cfdb;min-height:46px}.classroom-roster-heading{justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.classroom-roster-heading>div{align-items:center;gap:5px;display:flex}.classroom-roster-heading>div>span{color:var(--muted);margin-right:2px;font-size:10px;font-weight:800}.classroom-roster-heading>div>button{min-height:30px;color:var(--ink);background:var(--white);cursor:pointer;border:1px solid #c7cfdb;border-radius:7px;justify-content:center;align-items:center;gap:3px;padding:0 7px;font-size:14px;font-weight:800;display:inline-flex}.classroom-roster-heading>div>button:last-child{width:30px;padding:0}.classroom-roster-heading>div>button:first-of-type{width:30px;padding:0;font-size:0}.classroom-roster-heading>div>button:disabled{opacity:.35;cursor:not-allowed}.classroom-roster-heading>div>button svg{width:14px;height:14px}.classroom-students .classroom-roster{max-height:260px;margin:9px 0 0}.classroom-canvas>header{min-height:40px}.classroom-canvas>header>div.classroom-step-title{align-items:center}.classroom-canvas>header>p{color:#16864f}.classroom-canvas-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;padding-bottom:16px;display:flex}.classroom-display-controls{flex:none;align-items:center;gap:7px;display:flex}.classroom-canvas-toolbar .classroom-number-toggle{flex:none;min-height:38px;padding:0 10px}.classroom-canvas-toolbar .classroom-view-switch{flex:none}.classroom-canvas-toolbar .classroom-view-switch button{min-height:35px;padding:0 10px}.classroom-canvas-icon-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.classroom-action.is-icon-only{border-radius:9px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;line-height:0}.classroom-action.is-icon-only.is-primary,.classroom-action.is-icon-only.is-primary:hover:not(:disabled){box-shadow:none;transform:none}.classroom-action.is-icon-only svg{flex:0 0 19px;width:19px;height:19px;display:block}.classroom-seat{border-width:1.5px;box-shadow:1.5px 1.5px #d4b48d}.classroom-seat.is-locked{border-width:2px}.classroom-layout{padding-top:10px}.classroom-inspector-tabs{margin-bottom:16px}.classroom-layout-panel>header h2{font-size:18px}.classroom-layout-panel>p{line-height:1.45}.classroom-template-panel{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;margin-top:14px;padding-bottom:16px;display:grid}.classroom-template-panel select{min-width:0;padding:0 6px;font-size:12px}.classroom-template-panel button{border:1.5px solid var(--ink);border-radius:var(--radius-sm);min-height:39px;color:var(--ink);background:var(--white);cursor:pointer;align-items:center;gap:5px;padding:0 8px;font-size:14px;font-weight:800;display:flex}.classroom-template-panel svg{width:15px;height:15px}.classroom-template-panel button.is-icon-only{justify-content:center;width:39px;padding:0}.classroom-no-saved-rooms{border-radius:var(--radius-sm);min-height:39px;color:var(--muted);border:1.5px dashed #c7cfdb;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:flex}.classroom-layout-options{gap:10px;margin-top:16px}.classroom-layout-options button{border-width:1.5px;min-height:78px}.classroom-layout-options button.is-active{box-shadow:2px 2px 0 var(--ink);border-width:2px}.classroom-export-center{box-shadow:none;background:#f5f7fa;border:0;border-radius:18px;grid-template-columns:260px 1fr;margin-top:32px;padding:18px}.classroom-export-center>header>svg{display:none}.classroom-export-center h2{font-size:19px}.classroom-export-center button{border-color:#c7cfdb}.classroom-seo{margin-top:96px}@media (width<=1250px){.classroom-planner>.classroom-editor{grid-template-columns:260px minmax(0,1fr) 270px}}@media (width<=1050px){.classroom-planner>.classroom-editor{grid-template-columns:1fr 1fr;grid-template-areas:"students layout""canvas canvas"}}@media (width<=760px){.classroom-planner{width:var(--shell);border-radius:18px;padding:12px}.classroom-planner>.classroom-toolbar{padding-bottom:12px}.classroom-planner>.classroom-editor{grid-template-columns:1fr;grid-template-areas:"students""canvas""layout";gap:16px}.classroom-sidebar{border-color:#aeb7c5}.classroom-canvas{box-shadow:3px 3px 0 var(--ink);padding:18px}.classroom-export-center{margin-top:28px;padding:16px}}@media print{.classroom-planner{background:var(--white);width:100%;padding:0}.classroom-students,.classroom-layout{display:none!important}}.classroom-students{padding-top:20px}.classroom-rules-source{border-radius:var(--radius-sm);color:var(--muted);background:#f5f7fa;margin:0;padding:9px 10px;font-size:10px;line-height:1.45}.classroom-rules-source b{color:var(--ink)}.classroom-rules-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:24px 12px;display:flex}.classroom-rules-empty svg{width:34px;height:34px;color:var(--blue)}.classroom-rules-empty strong{margin-top:10px;font-size:15px}.classroom-rules-empty p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.5}.classroom-select{min-width:0;position:relative}.classroom-select-trigger{border-radius:var(--radius-sm);width:100%;min-height:39px;color:var(--ink);background:var(--white);text-align:left;cursor:pointer;border:1.5px solid #aeb7c5;outline:0;justify-content:space-between;align-items:center;gap:8px;padding:0 9px 0 10px;font-size:14px;font-weight:700;display:flex}.classroom-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.classroom-select-trigger>span.is-placeholder{color:var(--muted)}.classroom-select-trigger>svg{flex:0 0 16px;width:16px;height:16px;transition:transform .14s}.classroom-select.is-open .classroom-select-trigger{border-color:var(--blue);box-shadow:0 0 0 3px #dbe7ff}.classroom-select.is-open .classroom-select-trigger>svg{transform:rotate(180deg)}.classroom-select-menu{z-index:1300;border:1.5px solid var(--ink);background:var(--white);overscroll-behavior:contain;border-radius:10px;padding:6px;position:fixed;overflow-y:auto;box-shadow:5px 5px #07152d2e}.classroom-select-menu>button{width:100%;min-height:37px;color:var(--ink);background:var(--white);text-align:left;cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:14px;font-weight:700;display:flex}.classroom-select-menu>button:hover,.classroom-select-menu>button:focus-visible{background:var(--soft-blue);outline:0}.classroom-select-menu>button.is-selected{color:var(--blue-dark);background:var(--soft-blue);font-weight:800}.classroom-select-menu>button:disabled{opacity:.45;cursor:not-allowed}.classroom-select-menu>button svg{flex:0 0 16px;width:16px;height:16px}.classroom-template-panel>.classroom-select,.classroom-rule-pair>.classroom-select{min-width:0}.classroom-rule-pair .classroom-select-trigger{padding-left:7px;padding-right:6px;font-size:12px}.classroom-rule-pair.is-preference{grid-template-columns:minmax(0,1fr) minmax(92px,.72fr);gap:6px}.classroom-rule-pair.is-preference>.classroom-select-trigger{font-size:12px}.classroom-dialog-backdrop{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07152d6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.classroom-dialog{border:2px solid var(--ink);background:var(--white);width:min(440px,100%);box-shadow:8px 8px 0 var(--ink);border-radius:18px;padding:24px}.classroom-dialog>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.classroom-dialog>header span{color:var(--blue-dark);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.classroom-dialog h2{letter-spacing:-.045em;margin:4px 0 0;font-size:24px}.classroom-dialog>header>button{width:36px;height:36px;color:var(--ink);background:var(--white);cursor:pointer;border:1.5px solid #c7cfdb;border-radius:9px;padding:8px}.classroom-dialog>header>button svg{width:100%;height:100%}.classroom-dialog>p{color:var(--muted);margin:14px 0 20px;font-size:13px;line-height:1.55}.classroom-dialog form{flex-direction:column;display:flex}.classroom-dialog form>label{margin-bottom:7px;font-size:13px;font-weight:800}.classroom-dialog-field{flex-direction:column;gap:7px;display:flex}.classroom-dialog-field+.classroom-dialog-field{margin-top:16px}.classroom-dialog-field>label{font-size:13px;font-weight:800}.classroom-dialog input{width:100%;min-height:46px;color:var(--ink);background:var(--white);border:1.5px solid #aeb7c5;border-radius:9px;outline:0;padding:0 12px;font-size:15px;font-weight:700}.classroom-dialog input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #dbe7ff}.classroom-dialog-secondary{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.classroom-dialog-secondary button{border-radius:var(--radius-sm);min-height:36px;color:var(--ink);background:var(--white);cursor:pointer;border:1px solid #c7cfdb;align-items:center;gap:5px;padding:0 10px;font-size:14px;font-weight:800;display:inline-flex}.classroom-dialog-secondary button.is-danger{color:#a12b2b}.classroom-dialog-secondary button svg{width:15px;height:15px}.classroom-dialog footer{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.classroom-dialog footer button{border:1.5px solid var(--ink);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.classroom-dialog footer button.is-primary{color:var(--white);background:var(--blue);box-shadow:2px 2px 0 var(--ink)}.classroom-dialog footer button:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}.classroom-dialog footer button svg{width:17px;height:17px}@media (width<=760px){.classroom-select-menu{box-shadow:3px 3px #07152d29}.classroom-dialog-backdrop{align-items:end;padding:14px}.classroom-dialog{box-shadow:4px 4px 0 var(--ink);border-radius:18px 18px 12px 12px;padding:20px}.classroom-dialog footer{grid-template-columns:1fr 1fr;display:grid}}.classroom-workflow{margin-bottom:16px}.classroom-workflow ol{background:var(--white);border:1.5px solid #c7cfdb;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:7px;list-style:none;display:grid}.classroom-workflow li{align-items:center;gap:10px;min-width:0;min-height:52px;padding:6px 14px;display:flex}.classroom-workflow li+li{border-left:1px solid var(--line)}.classroom-workflow li>b,.classroom-workflow li button>b{width:28px;height:28px;color:var(--white);background:var(--blue);border-radius:50%;flex:0 0 28px;place-items:center;font-size:12px;display:grid}.classroom-workflow li>span,.classroom-workflow li button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.classroom-workflow strong{font-size:14px;line-height:1.2}.classroom-workflow small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.classroom-workflow li button{width:100%;min-height:40px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0;display:flex}.classroom-workflow li button>svg{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--white);background:var(--blue);box-shadow:2px 2px 0 var(--ink);flex:0 0 32px;margin-left:auto;padding:7px}.classroom-workflow li:last-child{background:var(--soft-blue);border-radius:9px}.classroom-workflow li:last-child:hover{background:#dce9ff}.classroom-export-dialog{width:min(680px,100%)}.classroom-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.classroom-export-grid>button{min-height:72px;color:var(--ink);background:var(--white);text-align:left;cursor:pointer;border:1.5px solid #c7cfdb;border-radius:10px;grid-template-columns:26px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:11px 12px;display:grid}.classroom-export-grid>button:hover{border-color:var(--blue);background:var(--soft-blue)}.classroom-export-grid>button>svg{width:23px;height:23px}.classroom-export-grid>button>svg:last-child{width:15px;height:15px}.classroom-export-grid>button span{flex-direction:column;gap:3px;min-width:0;display:flex}.classroom-export-grid>button strong{font-size:14px}.classroom-export-grid>button small{color:var(--muted);font-size:10px;line-height:1.35}.classroom-group-names{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:16px;padding:15px 0}.classroom-group-names>strong{margin-bottom:10px;font-size:14px;display:block}.classroom-group-names>div{flex-direction:column;gap:7px;display:flex}.classroom-group-names label{grid-template-columns:25px minmax(0,1fr);align-items:center;gap:7px;display:grid}.classroom-group-names label>span{width:24px;height:24px;color:var(--blue-dark);background:var(--soft-blue);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.classroom-group-names input{border-radius:var(--radius-sm);width:100%;min-height:36px;color:var(--ink);background:var(--white);border:1.5px solid #aeb7c5;outline:0;padding:0 9px;font-size:14px;font-weight:700}.classroom-group-names input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #dbe7ff}.classroom-zoom-controls{border:1.5px solid var(--ink);background:var(--white);border-radius:9px;flex:none;grid-template-columns:32px 52px 32px 52px;display:grid;overflow:hidden}.classroom-zoom-controls button{min-height:38px;color:var(--ink);background:var(--white);cursor:pointer;place-items:center;padding:0;font-size:14px;font-weight:800;display:grid}.classroom-zoom-controls button+button{border-left:1px solid var(--line)}.classroom-zoom-controls button:hover:not(:disabled){background:var(--soft-blue)}.classroom-zoom-controls button:disabled{opacity:.35;cursor:not-allowed}.classroom-zoom-controls button svg{width:16px;height:16px}.classroom-zoom-controls .zoom-value{font-variant-numeric:tabular-nums}.classroom-zoom-controls .fit-value{justify-content:center;align-items:center;gap:3px;display:flex}.classroom-room-stage{transform-origin:0 0;width:max-content;min-width:100%;min-height:430px;padding:76px 26px 24px;position:relative}.classroom-zoom-layer{width:max-content;min-width:100%}.classroom-room-object{z-index:8;border:1.5px solid var(--ink);min-height:36px;color:var(--ink);background:var(--white);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:14px;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%)}.classroom-room-object:active{cursor:grabbing}.classroom-room-object>svg{width:15px;height:15px;color:var(--muted)}.classroom-room-object.is-whiteboard{width:min(52%,580px)}.classroom-room-object.is-teacher-desk{background:#f8fbff;min-width:112px}.classroom-room-object.is-door{flex-direction:column;gap:5px;width:44px;min-width:44px;height:88px;min-height:88px;padding:8px 4px}.classroom-export-capture{z-index:-1;color:var(--ink);background:var(--white);font-family:var(--font-heading);padding:44px;position:fixed;top:0;left:-100000px}.classroom-export-capture>header{border-bottom:2px solid var(--ink);padding-bottom:22px}.classroom-export-capture>header h1{letter-spacing:-.04em;margin:0;font-size:34px}.classroom-export-capture>header p{color:var(--muted);margin:7px 0 0;font-size:14px;font-weight:700}.classroom-export-capture .is-export-stage{margin-top:20px;zoom:1!important}.classroom-export-capture .classroom-room-object{cursor:default}.classroom-export-capture .classroom-room-object>svg,.classroom-export-capture .classroom-seat-lock,.classroom-export-capture .classroom-seat-remove,.classroom-export-capture .classroom-seat-block,.classroom-export-capture .classroom-lock-hint,.classroom-export-capture .classroom-seat-main>svg{display:none!important}.classroom-export-capture.is-substitute .classroom-seat.is-locked{background:#fffaf1}.classroom-export-roster{border-top:2px solid var(--ink);margin-top:30px;padding-top:24px}.classroom-export-roster h2{margin:0 0 14px;font-size:24px}.classroom-export-roster ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 28px;margin:0;padding-left:26px;display:grid}.classroom-export-roster li{font-size:13px;font-weight:700}.classroom-canvas.is-expanded{z-index:300;border:2px solid var(--ink);background:var(--white);border-radius:18px;width:auto;height:auto;max-height:none;margin:0;padding:22px;display:block;position:fixed;inset:12px;overflow:auto;box-shadow:7px 7px #07152d47}.classroom-canvas.is-expanded .classroom-canvas-export{min-height:calc(100vh - 330px)}@media (width<=760px){.classroom-canvas-toolbar{grid-template-columns:minmax(0,1fr);gap:9px;display:grid;overflow:visible}.classroom-display-controls{grid-template-columns:auto minmax(0,1fr);gap:9px;width:100%;display:grid}.classroom-display-controls .classroom-view-switch{width:100%}.classroom-display-controls .classroom-view-switch button{width:100%;padding-left:7px;padding-right:7px}.classroom-zoom-controls{grid-template-columns:42px minmax(58px,1fr) 42px minmax(70px,1fr);width:100%}.classroom-zoom-controls button{min-height:42px}.classroom-canvas-icon-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;margin-left:0;display:grid}.classroom-canvas-icon-actions .classroom-action.is-icon-only{width:100%;min-width:0;height:42px;min-height:42px}.classroom-workflow{margin-bottom:14px}.classroom-workflow ol{padding:5px}.classroom-workflow li{justify-content:center;gap:6px;min-height:46px;padding:5px 8px}.classroom-workflow li>b,.classroom-workflow li button>b{flex-basis:24px;width:24px;height:24px;font-size:11px}.classroom-workflow small{display:none}.classroom-workflow strong{font-size:14px}.classroom-workflow li button{justify-content:center;gap:6px}.classroom-workflow li button>svg{width:24px;height:24px;box-shadow:1.5px 1.5px 0 var(--ink);border-radius:6px;flex-basis:24px;margin-left:0;padding:5px}.classroom-export-grid{grid-template-columns:1fr}.classroom-canvas.is-expanded{box-shadow:none;border:0;border-radius:0;padding:16px;inset:0}.classroom-room-stage{padding-left:18px;padding-right:18px}}@media (width<=430px){.classroom-display-controls{grid-template-columns:minmax(0,1fr)}.classroom-canvas-toolbar .classroom-number-toggle{justify-content:center;width:100%}}.classroom-tour-blocker{z-index:440;position:fixed;inset:0}.classroom-tour-focus{z-index:441;pointer-events:none;border-radius:var(--radius-lg);border:3px solid #3278ee;transition:none;position:fixed;box-shadow:0 0 0 9999px #07152d94,0 0 0 5px #ffffffeb}.classroom-tour-card{z-index:442;border:2px solid var(--ink);width:min(380px,100% - 32px);color:var(--ink);background:var(--white);box-shadow:7px 7px 0 var(--ink);border-radius:18px;padding:22px;position:fixed;bottom:24px}.classroom-tour-card.is-left{left:24px}.classroom-tour-card.is-right{right:24px}.classroom-tour-card>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.classroom-tour-card>header span{color:var(--blue-dark);letter-spacing:.025em;font-size:12px;font-weight:800}.classroom-tour-card>header button{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink);background:var(--white);cursor:pointer;border:1px solid #c7cfdb;flex:0 0 34px;padding:8px}.classroom-tour-card>header button svg{width:100%;height:100%}.classroom-tour-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:17px 0 20px;display:grid}.classroom-tour-progress i{background:#dfe4ec;border-radius:4px;height:4px}.classroom-tour-progress i.is-active{background:#3278ee}.classroom-tour-card h2{letter-spacing:-.045em;margin:0;font-size:25px;line-height:1.08}.classroom-tour-card>p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.58}.classroom-tour-card>footer{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.classroom-tour-card>footer>div{align-items:center;gap:8px;display:flex}.classroom-tour-card>footer button{border:1.5px solid var(--ink);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:800;display:inline-flex}.classroom-tour-card>footer button.is-primary{color:var(--white);box-shadow:2px 2px 0 var(--ink);background:#3278ee}.classroom-tour-card>footer button svg{width:17px;height:17px}.classroom-tour-card>footer .classroom-tour-skip{color:var(--muted);border-color:#0000;padding:0}@media (width<=760px){.classroom-intro-actions{justify-content:flex-start;width:100%;padding-bottom:0}.classroom-tour-card,.classroom-tour-card.is-left,.classroom-tour-card.is-right{border-radius:var(--radius-lg);width:calc(100% - 20px);box-shadow:4px 4px 0 var(--ink);padding:20px;bottom:10px;left:10px;right:auto}.classroom-tour-card h2{font-size:23px}.classroom-tour-card>footer{align-items:flex-end}}@media (width<=430px){.classroom-intro-actions{grid-template-columns:minmax(0,1fr) auto;display:grid}.classroom-intro-status{white-space:normal;min-width:0}.classroom-tour-card>footer>div{flex:1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.classroom-tour-focus{transition:none}}