/* Product studies: strong neutral surfaces, orange and cobalt; no inherited tint. */
.showcase{position:relative;isolation:isolate;container:sc-showcase/size;display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;color:#111216;font-family:"Space Grotesk",Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:0;line-height:1.35;text-align:left;text-transform:none}
.showcase *{box-sizing:border-box}
.sc-art{position:absolute;inset:0;overflow:hidden;background:#fff;color:#111216;--sc-orange:#ff6300;--sc-blue:#1555ff;--sc-line:#e2e3e8;font-size:clamp(9px,1.8cqw,15px)}
.sc-art strong,.sc-art b{font-weight:650}
.sc-art p{margin:0}
.sc-art small{display:block}
.sc-icon{display:block;width:2.9cqw;height:2.9cqw;flex-shrink:0}
.sc-topline{position:absolute;top:5%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:3cqw;z-index:3}
.sc-brand{display:flex;align-items:center;gap:1.4cqw;font-size:clamp(17px,4.1cqw,34px);font-weight:650;letter-spacing:-.16cqw;line-height:1;white-space:nowrap}
.sc-brand>.sc-icon{width:3.7cqw;height:3.7cqw;stroke-width:1.8}
.sc-brand>span{font-weight:400;opacity:.55;margin-left:.1cqw}
.sc-edition{font-size:clamp(5.5px,1.2cqw,10px);line-height:1.5;letter-spacing:.12cqw;text-align:right;max-width:34%;font-weight:500}
.sc-caption{position:absolute;left:5%;right:5%;bottom:4%;display:flex;justify-content:space-between;align-items:center;gap:2cqw;z-index:6;font-size:clamp(6px,1.22cqw,10px);font-weight:500;letter-spacing:.08cqw;line-height:1.3;white-space:nowrap}
.sc-device{position:absolute;overflow:hidden;border:1px solid #ffffff80;border-radius:1.7cqw;background:#fff;box-shadow:0 2px 0 #00000012,0 2.6cqw 5cqw #11121628;display:flex;flex-direction:column;text-align:left}
.sc-app-bar{height:6.6cqw;min-height:6.6cqw;padding:0 2.9cqw;display:flex;align-items:center;gap:2cqw;background:#fff;border-bottom:1px solid #e4e5e9;color:#111216}
.sc-app-bar-dark{background:#101115;border-bottom-color:#27282e;color:#fff}
.sc-app-brand{font-size:clamp(8px,1.7cqw,14px);letter-spacing:.14cqw;font-weight:700;white-space:nowrap}
.sc-app-descriptor{font-size:clamp(5px,1.0cqw,8px);letter-spacing:.09cqw;color:#8c8e98;margin-left:auto;white-space:nowrap}
.sc-app-avatar{width:3.2cqw;height:3.2cqw;border-radius:50%;display:grid;place-items:center;background:#34353c;color:#fff;font-size:clamp(6px,1.25cqw,10px);font-weight:650}
.sc-app-body{display:flex;min-height:0;flex:1}
.sc-rail{width:8.5cqw;min-width:8.5cqw;display:flex;flex-direction:column;align-items:center;gap:1.2cqw;background:#f4f5f7;border-right:1px solid #e5e6eb;padding:2.6cqw 0 2.2cqw}
.sc-rail-logo{display:flex;align-items:center;justify-content:center;width:4.4cqw;height:4.4cqw;background:#111216;color:#fff;border-radius:1.1cqw;font-size:2.6cqw;font-weight:650;line-height:1;margin-bottom:1.4cqw;position:relative}
.sc-rail-logo>span{display:block;height:.8cqw;width:.8cqw;background:var(--sc-orange);position:absolute;right:.45cqw;bottom:.45cqw;border-radius:50%}
.sc-rail-item{display:grid;place-items:center;width:4.5cqw;height:4.5cqw;border-radius:1cqw;color:#858994}
.sc-rail-item>.sc-icon{width:2.6cqw;height:2.6cqw}
.sc-rail-active{background:var(--sc-orange);color:#fff}
.sc-rail-bottom{margin-top:auto;color:#8e929d}
.sc-rail-bottom>.sc-icon{width:2.5cqw;height:2.5cqw}
.sc-workspace-title{display:flex;flex-direction:column;gap:.8cqw}
.sc-overline{font-size:clamp(6px,1.15cqw,10px);letter-spacing:.14cqw;font-weight:500;line-height:1.3;color:#747884;display:block}
.sc-workspace-title>strong{font-size:clamp(14px,3.15cqw,26px);line-height:1.1;letter-spacing:-.12cqw;color:#111216}
.sc-panel-title{display:flex;justify-content:space-between;align-items:center;gap:1cqw}
.sc-panel-title>strong{font-size:clamp(9px,1.9cqw,16px);letter-spacing:-.04cqw}
.sc-panel-title>span{font-size:clamp(5px,1.0cqw,9px);letter-spacing:.09cqw;color:#9a9da7}

/* Schedio: a complete desktop workspace, paired with a real-sized phone. */
.sc-schedio{background:#ff6500;color:#fff}
.sc-schedio-device{top:17%;bottom:11%;left:5%;width:80%;border:1px solid #1a1a1a;box-shadow:0 .65cqw 0 #bd4100,0 2.5cqw 4.5cqw #9f33004d}
.sc-schedio-main{display:flex;flex-direction:column;padding:3.2cqw 2.5cqw 2.2cqw;flex:1;min-width:0;min-height:0;color:#111216;background:#fff}
.sc-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:clamp(8px,1.65cqw,14px);padding:2.1cqw 0 1.6cqw;margin-top:.3cqw;border-bottom:1px solid var(--sc-line)}
.sc-calendar-toolbar b{margin-left:1cqw}
.sc-view-pill{border:1px solid #dadce3;padding:.5cqw 1cqw;border-radius:.6cqw;font-size:clamp(6px,1.25cqw,10px);color:#656a77;line-height:1.2}
.sc-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:1.3cqw 0;border-bottom:1px solid var(--sc-line);flex-shrink:0}
.sc-days>span{font-size:clamp(5.5px,1.05cqw,9px);letter-spacing:.08cqw;color:#7b808d;display:flex;align-items:center;justify-content:center;gap:.9cqw;white-space:nowrap}
.sc-days b{font-size:clamp(10px,2.0cqw,17px);font-weight:600;color:#15161a}
.sc-days>.sc-day-current{color:#e75500}
.sc-day-current b{background:#ff6500;color:#fff;padding:.25cqw .6cqw;border-radius:.5cqw}
.sc-calendar-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-height:12cqw;background-image:linear-gradient(to bottom,#eceef3 1px,transparent 1px);background-size:100% 33.3333%}
.sc-calendar-column{border-right:1px solid #e6e8ee;min-width:0}
.sc-calendar-column:first-child{border-left:1px solid #e6e8ee}
.sc-event{position:absolute;width:calc(33.3333% - 1.2cqw);border-radius:.8cqw;padding:1.2cqw 1.1cqw;line-height:1.22;overflow:hidden}
.sc-event>span{display:block;font-size:clamp(6px,1.1cqw,10px);letter-spacing:.02cqw;opacity:.75;margin-bottom:.65cqw}
.sc-event>strong{display:block;font-size:clamp(9px,1.9cqw,16px);line-height:1.2;letter-spacing:-.03cqw}
.sc-event>small{font-size:clamp(5px,1.0cqw,8px);line-height:1.3;margin-top:1cqw;opacity:.8}
.sc-event-strong{top:8%;left:.6cqw;background:#ff6500;color:#fff;min-height:61%}
.sc-event-black{top:29%;left:calc(33.3333% + .6cqw);background:#16171c;color:#fff;min-height:65%}
.sc-event-outline{top:9%;left:calc(66.6666% + .6cqw);background:#fff;border:1px solid #ff6500;color:#d44b00;min-height:59%}
.sc-calendar-now{position:absolute;left:33.3333%;width:33.3333%;top:26%;height:1px;background:#ff6500;z-index:2}
.sc-calendar-now>i{position:absolute;width:.7cqw;height:.7cqw;border-radius:50%;background:#ff6500;left:-.35cqw;top:-.25cqw}
.sc-phone{position:absolute;right:3.8%;bottom:9.8%;width:22%;aspect-ratio:.48;background:#fff;border:.8cqw solid #17181c;border-radius:3.4cqw;box-shadow:.3cqw .4cqw 0 #70727a,0 1.5cqw 3cqw #5b1b0066;z-index:4;overflow:hidden;color:#111216;text-align:left}
.sc-phone-island{position:absolute;top:1.0cqw;left:33%;width:34%;height:1.25cqw;border-radius:2cqw;background:#111216}
.sc-phone-status{display:flex;justify-content:space-between;align-items:center;padding:1.0cqw 1.5cqw 0;font-size:clamp(5px,1.05cqw,9px);font-weight:600}
.sc-phone-content{padding:1.5cqw 1.7cqw 1.8cqw}
.sc-phone-logo{font-size:4cqw;font-weight:700;color:#ff6500;letter-spacing:-.3cqw;line-height:1;display:block;margin-bottom:1.5cqw}
.sc-phone-logo>span{font-size:1.9cqw;letter-spacing:0;vertical-align:top;margin-left:.3cqw}
.sc-phone-title{display:block;font-size:3.4cqw;letter-spacing:-.14cqw;line-height:1.05}
.sc-phone-date{display:block;font-size:1.0cqw;color:#717684;letter-spacing:.04cqw;margin-top:.8cqw}
.sc-phone-meeting{padding:1.5cqw 1.1cqw;background:#ff6500;color:#fff;border-radius:1cqw;margin-top:2cqw;position:relative;min-height:11.5cqw}
.sc-phone-meeting>span{font-size:.95cqw;letter-spacing:.01cqw;display:block;margin-bottom:1cqw;opacity:.85}
.sc-phone-meeting>strong{display:block;font-size:2.25cqw;line-height:1.15;letter-spacing:-.06cqw}
.sc-phone-meeting>i{position:absolute;right:1.1cqw;bottom:1.4cqw;display:block}
.sc-phone-meeting .sc-icon{width:2.5cqw;height:2.5cqw}
.sc-phone-label{display:block;font-size:.95cqw;letter-spacing:.05cqw;color:#7e8491;margin-top:2.0cqw;margin-bottom:.7cqw}
.sc-phone-task{display:flex;gap:.7cqw;align-items:center;padding:.9cqw 0;border-bottom:1px solid #eceef3;font-size:1.25cqw;white-space:nowrap}
.sc-phone-task>i{width:1.7cqw;height:1.7cqw;border:1px solid #cbd0d9;border-radius:.35cqw;display:grid;place-items:center;flex-shrink:0;color:#ff6500}
.sc-phone-task .sc-icon{width:1.55cqw;height:1.55cqw}
.sc-phone-nav{display:flex;justify-content:space-between;padding:1.8cqw .5cqw .3cqw;color:#9ca1ae}
.sc-phone-nav .sc-icon{width:2.2cqw;height:2.2cqw}
.sc-phone-nav .sc-icon:first-child{color:#ff6500}
.sc-phone-home{position:absolute;bottom:.65cqw;width:30%;left:35%;height:.55cqw;background:#15161b;border-radius:1cqw}

/* Safe Quote: actual website imagery; never skewed or forced into a crop. */
.sc-safequote{background:#1555ff;color:#fff}
.sc-safequote .sc-brand{font-size:clamp(15px,3.0cqw,25px);letter-spacing:-.08cqw}
.sc-safequote .sc-brand>.sc-icon{width:3cqw;height:3cqw}
.sc-safequote .sc-edition{max-width:30%;font-size:clamp(5px,1.05cqw,9px)}
.sc-safe-browser{position:absolute;top:16%;bottom:10%;left:5%;right:5%;border-radius:1.4cqw;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #cbd9ff;box-shadow:0 2cqw 4.5cqw #06257c66}
.sc-browser-chrome{height:5.3cqw;min-height:5.3cqw;background:#f4f6fb;border-bottom:1px solid #e5e9f3;display:flex;align-items:center;gap:2cqw;padding:0 2.2cqw;color:#627087}
.sc-browser-dots{display:flex;gap:.7cqw}
.sc-browser-dots>i{display:block;width:1.0cqw;height:1.0cqw;border-radius:50%;background:#b9c3d4}
.sc-browser-dots>i:first-child{background:#ff725c}
.sc-browser-dots>i:nth-child(2){background:#ffbe4f}
.sc-browser-dots>i:nth-child(3){background:#7299f5}
.sc-address{display:flex;align-items:center;justify-content:center;gap:.7cqw;font-size:clamp(6px,1.25cqw,11px);background:#fff;border:1px solid #e5e8f0;border-radius:.6cqw;padding:.45cqw 2cqw;margin:0 auto;min-width:54%}
.sc-address>.sc-icon{width:1.3cqw;height:1.3cqw}
.sc-browser-menu{font-size:1.7cqw;letter-spacing:.2cqw}
.sc-safe-image{position:relative;flex:1;min-height:0;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sc-safe-image>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:0;border:0;max-width:none}

/* HRMS: neutral silver hardware, black product chrome and decisive orange data. */
.sc-hrms{background:linear-gradient(135deg,#f0f1f4 0%,#d5d8df 100%);color:#111216}
.sc-hrms .sc-brand{font-size:clamp(17px,3.6cqw,30px)}
.sc-hrms .sc-brand>.sc-icon{color:#ff6500}
.sc-hrms .sc-edition{font-size:clamp(5px,1.05cqw,9px);color:#5b6270}
.sc-hr-device{inset:17% 5% 10%;border:1px solid #a4a9b5;box-shadow:0 .7cqw 0 #a6aab3,0 2.2cqw 4cqw #5d647333}
.sc-hr-main{padding:3.0cqw 3cqw 2.2cqw;flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;background:#fff}
.sc-product-tabs{display:flex;gap:3.1cqw;align-items:center;margin-top:2.3cqw;border-bottom:1px solid #e3e5eb;font-size:clamp(7px,1.5cqw,13px);color:#7c8290;flex-shrink:0}
.sc-product-tabs>span{padding-bottom:1.2cqw;position:relative}
.sc-product-tabs>.sc-tab-active{color:#111216;font-weight:600}
.sc-tab-active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ff6500}
.sc-hr-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:2cqw;margin-top:2cqw;flex:1;min-height:0}
.sc-team-panel{border:1px solid #e1e4eb;border-radius:1cqw;padding:1.6cqw 1.6cqw .6cqw;display:flex;flex-direction:column;min-width:0}
.sc-team-panel>.sc-panel-title{padding-bottom:1.0cqw}
.sc-team-row{display:flex;align-items:center;gap:1.1cqw;padding:1.3cqw 0;border-top:1px solid #eaecf1;flex:1;min-height:0}
.sc-team-avatar{display:grid;place-items:center;flex-shrink:0;width:4.1cqw;height:4.1cqw;border-radius:.8cqw;font-weight:650;font-size:clamp(8px,1.7cqw,15px);background:#f0f2f6;color:#4e5668}
.sc-team-avatar-0{background:#fff0e6;color:#e45700}
.sc-team-avatar-1{background:#111216;color:#fff}
.sc-team-row>div{min-width:0}
.sc-team-row strong{display:block;font-size:clamp(8px,1.7cqw,15px);white-space:nowrap;letter-spacing:-.04cqw}
.sc-team-row small{font-size:clamp(5px,1.15cqw,10px);color:#8d93a0;margin-top:.3cqw;white-space:nowrap}
.sc-row-arrow{margin-left:auto;color:#9a9fac;font-size:2cqw}
.sc-activity-panel{background:#141519;color:#fff;border-radius:1cqw;padding:1.9cqw 1.7cqw 1.5cqw;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.sc-activity-panel>.sc-overline{font-size:clamp(5px,1.05cqw,9px);color:#878d9c}
.sc-activity-panel>strong{display:block;font-size:clamp(12px,2.7cqw,23px);line-height:1.1;letter-spacing:-.08cqw;margin-top:1cqw}
.sc-activity-bars{display:flex;align-items:flex-end;gap:.85cqw;flex:1;min-height:7cqw;padding-top:1.5cqw;border-bottom:1px solid #3b3e48;margin-top:.6cqw}
.sc-activity-bars>i{width:14%;height:var(--sc-h);max-height:100%;display:block;border-radius:.35cqw .35cqw 0 0;background:#ff6500}
.sc-activity-bars>i:nth-child(2n){background:#ff944b}
.sc-sample-week{font-size:clamp(4.5px,.9cqw,8px);color:#808795;letter-spacing:.1cqw;margin-top:1cqw}
.sc-review-strip{display:flex;justify-content:space-between;align-items:center;gap:1.5cqw;margin-top:1.6cqw;padding-top:1.5cqw;border-top:1px solid #e5e7ed;font-size:clamp(5.5px,1.25cqw,11px);color:#7c8290;white-space:nowrap}
.sc-review-strip>span{display:flex;align-items:center;gap:.6cqw}
.sc-review-strip .sc-icon{width:1.7cqw;height:1.7cqw;color:#ff6500}
.sc-review-strip strong{font-weight:500;color:#363b47}
.sc-review-strip i{font-style:normal;color:#ff6500}

/* Frontier: a clear console, a real transcript and a visible human handoff. */
.sc-frontier{background:#0d0e12;color:#fff}
.sc-frontier::before{content:"";position:absolute;top:0;left:0;right:0;height:.8%;background:#ff6500}
.sc-frontier .sc-brand{font-size:clamp(18px,4.4cqw,36px);letter-spacing:-.12cqw}
.sc-frontier .sc-brand>.sc-icon{color:#ff6500;width:3.7cqw;height:3.7cqw}
.sc-frontier .sc-edition{color:#9ca1af;font-size:clamp(5px,1.1cqw,9px)}
.sc-frontier .sc-caption{color:#8d93a1}
.sc-voice-device{inset:17% 5% 10%;background:#181a21;border:1px solid #424650;box-shadow:0 .6cqw 0 #070809,0 2cqw 4cqw #0006}
.sc-voice-bar{display:flex;align-items:center;justify-content:space-between;gap:2cqw;min-height:6.5cqw;padding:0 2.6cqw;border-bottom:1px solid #333642;color:#e3e5ed;flex-shrink:0}
.sc-voice-bar>span:first-child{display:flex;align-items:center;gap:1.0cqw}
.sc-voice-bar .sc-icon{width:2.4cqw;height:2.4cqw;color:#ff6500}
.sc-voice-bar strong{font-size:clamp(9px,1.85cqw,16px);font-weight:500}
.sc-simulated{font-size:clamp(5.5px,1.1cqw,10px);letter-spacing:.09cqw;color:#a9afbc;display:flex;gap:.8cqw;align-items:center}
.sc-simulated>i{height:.7cqw;width:.7cqw;border-radius:50%;background:#ff6500;display:block}
.sc-voice-wave{height:29%;min-height:12cqw;padding:2.0cqw 3cqw 2.2cqw;position:relative;background:#101217;flex-shrink:0}
.sc-wave-label{font-size:clamp(5px,1.05cqw,9px);letter-spacing:.14cqw;color:#9b6b4f;display:block;position:relative;z-index:2}
.sc-waveform{position:absolute;left:10%;right:10%;top:30%;height:58%;display:flex;align-items:center;justify-content:center;gap:1.1cqw;z-index:2}
.sc-waveform>i{height:var(--sc-h);min-height:3px;width:1.15cqw;border-radius:1cqw;background:#ff6500;box-shadow:0 0 1.7cqw #ff650020}
.sc-waveform>i:nth-child(4n){background:#ff9c57}
.sc-wave-baseline{position:absolute;height:1px;background:#492c21;left:5%;right:5%;top:61%}
.sc-voice-lower{display:grid;grid-template-columns:1.18fr 1fr;flex:1;min-height:0}
.sc-transcript{padding:2.3cqw 2.8cqw;display:flex;flex-direction:column;min-height:0}
.sc-transcript>.sc-overline{color:#9b9fac;font-size:clamp(5.5px,1.1cqw,10px)}
.sc-transcript>strong{display:block;font-size:clamp(14px,3.2cqw,26px);line-height:1.2;letter-spacing:-.1cqw;color:#fff;margin-top:1.0cqw}
.sc-visitor-line{padding-top:1.4cqw;margin-top:auto}
.sc-visitor-line>span{font-size:clamp(5px,1.0cqw,9px);letter-spacing:.1cqw;color:#777f91}
.sc-visitor-line>p{font-size:clamp(9px,1.9cqw,16px);line-height:1.4;color:#aeb5c5;margin-top:.6cqw}
.sc-handoff{background:#ff6500;color:#17130f;padding:2.3cqw 2.5cqw 1.7cqw;display:flex;flex-direction:column;min-height:0}
.sc-handoff>.sc-overline{font-size:clamp(5.5px,1.05cqw,9px);color:#773105;margin-bottom:1.0cqw}
.sc-flow-step{display:flex;align-items:center;gap:1.2cqw;flex:1;min-height:4.0cqw;font-size:clamp(9px,1.85cqw,16px);line-height:1.2}
.sc-flow-step>i{display:grid;place-items:center;height:3.3cqw;width:3.3cqw;min-width:3.3cqw;border-radius:50%;border:1px solid #a74604;color:#8a3700}
.sc-flow-step .sc-icon{width:2.0cqw;height:2.0cqw}
.sc-flow-current>i{background:#19130e;border-color:#19130e;color:#ff7f2a}
.sc-flow-current strong{font-weight:650}
.sc-handoff-note{font-size:clamp(4.5px,.95cqw,8px);letter-spacing:.1cqw;color:#8f3e08;margin-top:.7cqw;padding-top:.8cqw;border-top:1px solid #e75800}

/* School: cobalt product identity with an uncluttered role-based workspace. */
.sc-school{background:#184dff;color:#fff}
.sc-school .sc-brand{font-size:clamp(14px,3.25cqw,27px);letter-spacing:-.08cqw}
.sc-school .sc-brand>.sc-icon{width:3.4cqw;height:3.4cqw}
.sc-school .sc-edition{font-size:clamp(5px,1.05cqw,9px)}
.sc-school-device{inset:17% 5% 10%;border:1px solid #b5c5ff;box-shadow:0 .6cqw 0 #0b2c96,0 2.5cqw 4cqw #08237d66}
.sc-school .sc-app-brand{color:#174dff;font-weight:700;font-size:clamp(10px,2.1cqw,18px);letter-spacing:.05cqw}
.sc-school .sc-app-avatar{background:#174dff}
.sc-school-main{padding:2.7cqw 3.1cqw 2.6cqw;min-height:0;flex:1;display:flex;flex-direction:column;color:#111216;background:#fff}
.sc-school-title{display:flex;align-items:center;justify-content:space-between;gap:2cqw}
.sc-school-title .sc-workspace-title>strong{font-size:clamp(14px,3.2cqw,27px)}
.sc-school-badge{display:flex;align-items:center;gap:.7cqw;white-space:nowrap;color:#2253d9;font-size:clamp(6px,1.2cqw,10px);font-weight:600;padding:.65cqw 1.0cqw;background:#edf2ff;border-radius:.6cqw}
.sc-school-badge .sc-icon{height:1.6cqw;width:1.6cqw}
.sc-role-tabs{display:flex;align-items:center;gap:.7cqw;border-bottom:1px solid #e0e4ed;margin-top:2.0cqw;padding-bottom:1.4cqw;flex-shrink:0}
.sc-role-tabs>span{font-size:clamp(7px,1.5cqw,13px);color:#717b8e;padding:.75cqw 1.5cqw;border-radius:.6cqw;font-weight:500}
.sc-role-tabs>.sc-role-selected{color:#fff;background:#174dff}
.sc-school-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:2cqw;margin-top:1.8cqw;min-height:0;flex:1}
.sc-timetable{border:1px solid #dfe4ef;border-radius:.9cqw;padding:1.4cqw 1.6cqw .4cqw;display:flex;flex-direction:column;min-height:0}
.sc-timetable>.sc-panel-title{padding-bottom:1cqw}
.sc-lesson{display:flex;align-items:center;gap:1cqw;padding:1.1cqw 0;border-top:1px solid #e6eaf3;flex:1;min-height:0}
.sc-lesson-time{font-size:clamp(6px,1.25cqw,11px);color:#858ea0;width:4.0cqw;flex-shrink:0}
.sc-lesson-icon{display:grid;place-items:center;height:3.7cqw;width:3.7cqw;flex-shrink:0;background:#eaf0ff;color:#1555ff;border-radius:.7cqw}
.sc-lesson-icon .sc-icon{width:2.3cqw;height:2.3cqw}
.sc-lesson-icon-1{background:#111827;color:#fff}
.sc-lesson-icon-2{background:#fff0e5;color:#ef6500}
.sc-lesson>div{min-width:0}
.sc-lesson strong{font-size:clamp(8px,1.7cqw,15px);line-height:1.3;display:block;white-space:nowrap;letter-spacing:-.03cqw}
.sc-lesson small{font-size:clamp(5px,1.1cqw,10px);color:#9099aa;white-space:nowrap;margin-top:.35cqw}
.sc-roles-panel{background:#174dff;border-radius:.9cqw;padding:1.9cqw 1.8cqw;color:#fff;display:flex;flex-direction:column;min-height:0}
.sc-roles-panel>.sc-overline{font-size:clamp(4.5px,.95cqw,8px);letter-spacing:.08cqw;color:#afc3ff}
.sc-roles-panel>strong{font-size:clamp(14px,3.0cqw,25px);line-height:1.15;letter-spacing:-.1cqw;display:block;margin-top:1.1cqw}
.sc-role-avatars{display:flex;gap:.6cqw;margin-top:auto;padding-top:2cqw}
.sc-role-avatars>i{display:grid;place-items:center;height:3.7cqw;width:3.7cqw;border:1px solid #ffffff70;border-radius:50%;font-size:clamp(7px,1.4cqw,12px);font-style:normal;color:#fff}
.sc-role-avatars>i:first-child{background:#fff;color:#174dff;border-color:#fff}
.sc-role-note{display:block;font-size:clamp(6px,1.3cqw,11px);line-height:1.4;color:#c6d5ff;margin-top:1.3cqw}

/* Narrow artwork gets more breathing room instead of a smaller dashboard. */
@container sc-showcase (max-width:440px){
  .sc-topline{top:5%;left:5%;right:5%;gap:2cqw}.sc-brand{font-size:5.1cqw}.sc-brand>.sc-icon{width:4.4cqw;height:4.4cqw}.sc-edition{font-size:1.45cqw;max-width:33%}.sc-caption{font-size:1.55cqw;letter-spacing:.02cqw}.sc-caption>span:last-child{font-size:1.4cqw}.sc-device{border-radius:2.1cqw}.sc-app-bar{height:8cqw;min-height:8cqw;padding:0 3cqw}.sc-app-brand{font-size:2.05cqw}.sc-app-descriptor{font-size:1.15cqw;letter-spacing:.05cqw}.sc-app-avatar{height:4cqw;width:4cqw;font-size:1.65cqw}.sc-rail{width:9cqw;min-width:9cqw;padding-top:3cqw;gap:2cqw}.sc-rail-logo{width:5cqw;height:5cqw;font-size:3.3cqw;margin-bottom:2cqw}.sc-rail-item{width:5.5cqw;height:5.5cqw}.sc-rail-item>.sc-icon{width:3.2cqw;height:3.2cqw}.sc-overline{font-size:1.4cqw;letter-spacing:.09cqw}.sc-workspace-title>strong{font-size:3.8cqw;letter-spacing:-.15cqw}.sc-workspace-title{gap:1cqw}.sc-panel-title>strong{font-size:2.3cqw}.sc-panel-title>span{font-size:1.25cqw}
  .sc-schedio-device{top:17%;bottom:12%;width:82%}.sc-schedio-main{padding:3.6cqw 2.5cqw 2.8cqw}.sc-calendar-toolbar{font-size:2.0cqw;padding:3cqw 0 2cqw;margin-top:.8cqw}.sc-view-pill{font-size:1.5cqw;padding:.7cqw 1cqw}.sc-days{padding:2cqw 0}.sc-days>span{font-size:1.25cqw;gap:.7cqw;letter-spacing:0}.sc-days b{font-size:2.6cqw}.sc-event{padding:1.8cqw 1.3cqw;border-radius:1cqw}.sc-event>strong{font-size:2.5cqw;line-height:1.3}.sc-event>span{font-size:1.45cqw;margin-bottom:1cqw}.sc-event>small{font-size:1.25cqw;margin-top:1.6cqw}.sc-event-strong{min-height:55%;top:9%}.sc-event-black{min-height:60%;top:32%}.sc-event-outline{min-height:53%;top:11%}.sc-calendar-now{top:29%}.sc-phone{width:24%;right:3.5%;bottom:11%;border-width:1cqw;border-radius:3.8cqw}.sc-phone-content{padding:1.7cqw 1.7cqw 1.8cqw}.sc-phone-status{font-size:1.25cqw}.sc-phone-logo{font-size:4.8cqw;margin-bottom:1.7cqw}.sc-phone-title{font-size:4cqw}.sc-phone-date{font-size:1.2cqw}.sc-phone-meeting{min-height:13cqw;margin-top:2.4cqw;padding:1.8cqw 1.2cqw}.sc-phone-meeting>span{font-size:1.05cqw}.sc-phone-meeting>strong{font-size:2.65cqw}.sc-phone-label{font-size:1.1cqw}.sc-phone-task{font-size:1.4cqw;padding:1cqw 0}.sc-phone-nav{padding-top:2cqw}
  .sc-safequote .sc-brand{font-size:3.65cqw}.sc-safequote .sc-brand>.sc-icon{width:3.7cqw;height:3.7cqw}.sc-safequote .sc-edition{font-size:1.35cqw}.sc-safe-browser{top:16%;bottom:10%;left:5%;right:5%}.sc-browser-chrome{height:6.8cqw;min-height:6.8cqw}.sc-address{font-size:1.6cqw;padding:.7cqw 2cqw}.sc-address>.sc-icon{width:1.9cqw;height:1.9cqw}.sc-browser-dots>i{width:1.2cqw;height:1.2cqw}
  .sc-hrms .sc-brand{font-size:4.4cqw}.sc-hrms .sc-edition{font-size:1.35cqw}.sc-hr-main{padding:3.4cqw 2.6cqw 2.7cqw}.sc-hr-main .sc-workspace-title>strong{font-size:3.5cqw}.sc-product-tabs{font-size:1.8cqw;gap:3.4cqw;margin-top:3.2cqw}.sc-product-tabs>span{padding-bottom:1.7cqw}.sc-hr-grid{grid-template-columns:1.45fr 1fr;gap:1.8cqw;margin-top:2.5cqw}.sc-team-panel{padding:2.0cqw 1.6cqw .7cqw}.sc-team-panel>.sc-panel-title{padding-bottom:1.6cqw}.sc-team-row{gap:1cqw;padding:1.5cqw 0}.sc-team-avatar{width:4.5cqw;height:4.5cqw;font-size:2cqw}.sc-team-row strong{font-size:2.0cqw;letter-spacing:-.05cqw}.sc-team-row small{font-size:1.3cqw;margin-top:.6cqw}.sc-row-arrow{font-size:2.4cqw}.sc-activity-panel{padding:2.4cqw 1.8cqw}.sc-activity-panel>.sc-overline{font-size:1.2cqw}.sc-activity-panel>strong{font-size:3.1cqw;margin-top:1.8cqw}.sc-activity-bars{gap:.9cqw;min-height:12cqw;padding-top:2cqw;margin-top:1.5cqw}.sc-sample-week{font-size:1.1cqw;margin-top:1.5cqw;letter-spacing:.06cqw}.sc-review-strip{font-size:1.4cqw;margin-top:2.1cqw;padding-top:2cqw;gap:1cqw}.sc-review-strip>span:last-child{display:none}.sc-review-strip .sc-icon{width:2.2cqw;height:2.2cqw}
  .sc-frontier .sc-brand{font-size:5.3cqw}.sc-frontier .sc-brand>.sc-icon{width:4.5cqw;height:4.5cqw}.sc-frontier .sc-edition{font-size:1.4cqw}.sc-voice-bar{height:8.0cqw;min-height:8.0cqw;padding:0 3cqw}.sc-voice-bar strong{font-size:2.2cqw}.sc-voice-bar .sc-icon{width:3cqw;height:3cqw}.sc-simulated{font-size:1.35cqw}.sc-voice-wave{height:30%;min-height:15cqw;padding:2.6cqw 3cqw}.sc-wave-label{font-size:1.35cqw;letter-spacing:.09cqw}.sc-waveform{gap:1.15cqw}.sc-waveform>i{width:1.3cqw}.sc-voice-lower{grid-template-columns:1.12fr 1fr}.sc-transcript{padding:3.2cqw 2.6cqw}.sc-transcript>.sc-overline{font-size:1.4cqw}.sc-transcript>strong{font-size:3.8cqw;letter-spacing:-.12cqw;margin-top:1.8cqw}.sc-visitor-line{padding-top:2.0cqw}.sc-visitor-line>span{font-size:1.3cqw}.sc-visitor-line>p{font-size:2.3cqw;margin-top:1cqw}.sc-handoff{padding:3.2cqw 2.2cqw 2.4cqw}.sc-handoff>.sc-overline{font-size:1.3cqw}.sc-flow-step{font-size:2.2cqw;gap:1.2cqw;min-height:5.4cqw}.sc-flow-step>i{width:4.0cqw;height:4cqw;min-width:4cqw}.sc-flow-step .sc-icon{width:2.5cqw;height:2.5cqw}.sc-handoff-note{font-size:1.1cqw;margin-top:1.2cqw;padding-top:1.3cqw}
  .sc-school .sc-brand{font-size:3.9cqw}.sc-school .sc-brand>.sc-icon{width:4cqw;height:4cqw}.sc-school .sc-edition{font-size:1.3cqw;max-width:25%}.sc-school-main{padding:3.3cqw 2.7cqw 3cqw}.sc-school-title .sc-workspace-title>strong{font-size:3.5cqw}.sc-school-badge{font-size:1.5cqw;padding:.8cqw .9cqw}.sc-school-badge .sc-icon{width:2cqw;height:2cqw}.sc-role-tabs{gap:.6cqw;margin-top:2.6cqw;padding-bottom:2cqw}.sc-role-tabs>span{font-size:1.85cqw;padding:1.0cqw 1.4cqw}.sc-school-grid{grid-template-columns:1.5fr 1fr;margin-top:2.6cqw;gap:1.8cqw}.sc-timetable{padding:2cqw 1.3cqw .6cqw}.sc-timetable>.sc-panel-title{padding-bottom:1.5cqw}.sc-timetable .sc-panel-title>strong{font-size:2.05cqw}.sc-lesson{gap:1.0cqw;padding:1.5cqw 0}.sc-lesson-time{font-size:1.55cqw;width:4.5cqw}.sc-lesson-icon{width:4.2cqw;height:4.2cqw}.sc-lesson-icon .sc-icon{height:2.6cqw;width:2.6cqw}.sc-lesson strong{font-size:1.95cqw;letter-spacing:-.04cqw}.sc-lesson small{font-size:1.3cqw;margin-top:.7cqw}.sc-roles-panel{padding:2.4cqw 1.8cqw}.sc-roles-panel>.sc-overline{font-size:1.15cqw;letter-spacing:.02cqw}.sc-roles-panel>strong{font-size:3.45cqw;margin-top:1.8cqw}.sc-role-avatars{padding-top:2.5cqw;gap:.6cqw}.sc-role-avatars>i{width:4.4cqw;height:4.4cqw;font-size:1.65cqw}.sc-role-note{font-size:1.6cqw;margin-top:1.8cqw}
}
@container sc-showcase (min-aspect-ratio:1.8){
  .sc-topline{top:4%}.sc-caption{bottom:3%}.sc-schedio-device,.sc-hr-device,.sc-voice-device,.sc-school-device{top:18%;bottom:10%}.sc-workspace-title>.sc-overline{display:none}.sc-workspace-title>strong{font-size:2.6cqw}.sc-schedio-main,.sc-hr-main,.sc-school-main{padding-top:2cqw}.sc-calendar-toolbar{padding:1cqw 0;margin:0}.sc-days{padding:.8cqw 0}.sc-event>small{display:none}.sc-event{padding:.8cqw 1cqw}.sc-event>strong{font-size:1.65cqw}.sc-product-tabs{margin-top:1.1cqw}.sc-hr-grid{margin-top:1.2cqw}.sc-review-strip{display:none}.sc-team-row{padding:.8cqw 0}.sc-activity-panel>strong{font-size:2.3cqw}.sc-activity-bars{min-height:4cqw;padding-top:.6cqw}.sc-activity-panel{padding:1.2cqw 1.5cqw}.sc-phone{width:18%;bottom:9%;right:5%}.sc-phone-content{padding-top:1cqw}.sc-phone-logo{font-size:3cqw;margin-bottom:1cqw}.sc-phone-title{font-size:2.7cqw}.sc-phone-meeting{min-height:9cqw;margin-top:1.3cqw;padding:1.2cqw 1cqw}.sc-phone-meeting>strong{font-size:1.9cqw}.sc-phone-label{margin-top:1.2cqw}.sc-phone-task{font-size:1.0cqw;padding:.7cqw 0}.sc-phone-nav{padding-top:1cqw}.sc-transcript>strong{font-size:2.6cqw}.sc-visitor-line>p{font-size:1.55cqw}.sc-voice-wave{height:25%;min-height:7cqw}.sc-transcript,.sc-handoff{padding:1.6cqw 2.3cqw}.sc-voice-bar{height:5.4cqw;min-height:5.4cqw}.sc-flow-step{min-height:2.8cqw;font-size:1.55cqw}.sc-handoff-note{display:none}.sc-school-title .sc-workspace-title>strong{font-size:2.5cqw}.sc-role-tabs{margin-top:1.1cqw;padding-bottom:.8cqw}.sc-role-tabs>span{padding:.45cqw 1.2cqw}.sc-school-grid{margin-top:1.1cqw}.sc-lesson{padding:.7cqw 0}.sc-roles-panel{padding:1.1cqw 1.5cqw}.sc-roles-panel>strong{font-size:2.4cqw;margin-top:.7cqw}.sc-role-avatars{padding-top:.9cqw}.sc-role-note{display:none}
}

/* Reserve the review footer's height; team rows share only the space above it. */
.sc-hrms .sc-hr-main{padding-top:2.5cqw;padding-bottom:1.6cqw}
.sc-hrms .sc-hr-grid{flex:1 1 0;grid-template-rows:minmax(0,1fr);min-height:0}
.sc-hrms .sc-team-panel{min-height:0}
.sc-hrms .sc-team-panel>.sc-panel-title{flex:0 0 auto}
.sc-hrms .sc-team-row{flex:1 1 0;min-height:0;padding:.35cqw 0}
.sc-hrms .sc-review-strip{flex:0 0 auto;margin-top:1.1cqw;padding-top:1cqw}
@container sc-showcase (max-width:440px){
  .sc-hrms .sc-hr-main{padding-top:3cqw;padding-bottom:2cqw}
  .sc-hrms .sc-review-strip{margin-top:1.4cqw;padding-top:1.3cqw}
}
@container sc-showcase (min-aspect-ratio:1.8){
  .sc-hrms .sc-hr-main{padding-top:2cqw}
}
