/* Compact overview pages; no global overflow suppression. */
@media screen {
 html body #main.content.flow-page301.sf-overview1{padding-top:16px!important;padding-bottom:8px!important;row-gap:8px!important;scrollbar-gutter:auto}
 html body #main.content.flow-page301.sf-overview1>.page{padding-bottom:0!important}
 html body #main.sf-overview1>#cogo-business-legal-r1{padding-top:9px!important;padding-bottom:8px!important;line-height:1.65!important}

 /* Preserve the learning artwork and all its labels in a smaller card. */
 html body #main.sf-report1 .report-desk6{gap:10px!important}
 html body #main.sf-report1 .report-desk6>.welcome h1{font-size:25px;margin:0}
 html body #main.sf-report1 .report-desk6>.learning-tabs button{padding-top:4px;padding-bottom:9px}
 html body #main.sf-report1 .ca-learning[data-report-tab6=overview]{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 html body #main.sf-report1 .ca-learning>.learning-stats{gap:10px;max-height:none!important}
 html body #main.sf-report1 .history-card23{min-height:60px!important;padding:10px 16px!important}
 html body #main.sf-report1 .history-card23 strong{font-size:26px!important}
 html body #main.sf-report1 .ca-radar.radar-card12{padding:15px 18px 12px;min-height:0;height:auto;gap:0}
 html body #main.sf-report1 .ca-radar>header{padding-bottom:9px}
 html body #main.sf-report1 .ca-radar>header h2{font-size:19px;line-height:1.3;margin:3px 0}
 html body #main.sf-report1 .ca-radar>header .eyebrow{display:block;line-height:1.4}
 html body #main.sf-report1 .ca-identity{padding-top:10px;gap:10px}
 html body #main.sf-report1 .ca-mini-crest{width:44px;height:44px;flex-basis:44px}
 html body #main.sf-report1 .ca-identity strong{font-size:21px;line-height:1.2}
 html body #main.sf-report1 .ca-identity .ca-kicker{display:block;line-height:1.3}
 html body #main.sf-report1 .ca-radar .radar-stage12{margin:3px 0 0;min-height:0}
 html body #main.sf-report1 .ca-chart-note{margin:0 0 7px}
 html body #main.sf-report1 .ca-radar>footer{padding-top:7px}
 html body #main.sf-report1 .ca-radar>footer .text-btn{min-height:28px;padding-top:3px;padding-bottom:3px}
 html body #main.sf-report1 .ca-records{padding:15px 18px;min-height:0}
 html body #main.sf-report1 .ca-records>h2{font-size:17px!important;padding-bottom:10px;margin-bottom:6px!important}
 html body #main.sf-report1 .ca-records-empty{min-height:180px;padding:18px 12px}
 html body #main.sf-report1 .ca-records-empty .ca-empty-icon{width:60px;height:60px;margin-bottom:12px}

 /* The legal footer is measured, including its wrapped lines. */
 html body #main.content.flow-page301.sf-report-fit1>.page{height:var(--sf-page-height1)!important;min-height:0!important;flex:none!important}
 html body #main.content.flow-page301.sf-report-fit1>.page>.report-desk6{display:flex!important;flex-direction:column;height:100%!important;min-height:0!important}
 html body #main.sf-report-fit1 .report-desk6>.learning-pane[data-report-tab6=overview]{flex:1 1 0!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr);align-items:stretch;align-content:stretch}
 html body #main.sf-report-fit1 .learning-pane>.radar-card12,
 html body #main.sf-report-fit1 .learning-pane>.learning-records{height:100%!important;min-height:0!important;max-height:100%;align-self:stretch;box-sizing:border-box}
 html body #main.sf-report-fit1 .radar-card12 .radar-stage12{flex:1 1 0!important;height:0!important;min-height:0!important;align-items:center}
 html body #main.sf-report-fit1 .radar-card12 .radar-svg12{height:100%!important;max-height:100%;width:100%;min-height:0}
 html body #main.sf-report-fit1 .radar-label12{font-size:19px}
 html body #main.sf-report-fit1 .radar-value12{font-size:26px}
 html body #main.sf-report-fit1 .ca-identity>div:nth-child(2){display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px}
 html body #main.sf-report-fit1 .ca-identity strong{grid-column:1;grid-row:1}
 html body #main.sf-report-fit1 .ca-identity .ca-kicker{grid-column:2;grid-row:1;font-size:9px}
 html body #main.sf-report-fit1 .ca-identity p{grid-column:1/-1}
 html body #main.sf-report-fit1 #reportViewport6{flex:1 1 0!important;height:auto!important;min-height:0!important}
 html body #main.sf-report-fit1 .ca-records-empty{min-height:0;height:100%;box-sizing:border-box}
 html body #main.sf-report-fit1 #reportPager6{flex:none;margin-top:8px}

 /* Group class / 1:1 lobby. Active lessons keep their existing layout. */
 #main.sf-live1 .class-header28{margin-bottom:16px;gap:14px}
 #main.sf-live1 .class-header28 h1{font-size:29px;margin:4px 0 6px}
 #main.sf-live1 .class-header28 p{font-size:14px;line-height:1.6}
 #main.sf-live1 .class-tabs28{gap:12px;margin-bottom:14px}
 #main.sf-live1 .class-tabs28>button{min-height:76px;padding:14px 20px;gap:14px}
 #main.sf-live1 .class-tab-icon28{width:40px;height:40px}
 #main.sf-live1 .class-tabs28 b{font-size:17px}
 #main.sf-live1 #classPanel28{padding:20px 24px}
 #main.sf-live1 .class-heading28{gap:18px;margin-bottom:14px}
 #main.sf-live1 .class-heading28 h2{font-size:24px;margin:5px 0}
 #main.sf-live1 .class-heading28 p{font-size:14px;line-height:1.6}
 #main.sf-live1 .class-tools28{padding:11px 0}
 #main.sf-live1 .class-list-title28{margin:15px 0 10px}
 #main.sf-live1 .live-empty22{padding:19px 16px}
 #main.sf-live1 .live-empty22>svg{width:34px;height:34px}
 #main.sf-live1 .live-empty22 h3{font-size:17px;margin:6px 0}
 #main.sf-live1 .live-footnote22{margin-top:13px;line-height:1.6}
 #main.sf-live1 .assist-status-card27{padding:14px 18px}
 #main.sf-live1 .assist-status27{margin:6px 0 8px;padding:5px 2px}
 #main.sf-live1 .assist-foot27{margin-top:13px;padding:6px 2px}
 #main.sf-live1 .class-how28{margin-top:12px;padding:12px 0 0}
 #main.sf-live1 .class-how28 h3{margin-bottom:10px}
 #main.sf-live1 .class-how28 ol{gap:16px}

 /* Teacher main: three useful lower panels stay together on laptops. */
 #main.sf-teacher1 .tm1-head{margin-bottom:12px}
 #main.sf-teacher1 .tm1-head h1{font-size:26px;margin:3px 0 5px}
 #main.sf-teacher1 .tm1-groupbar{margin-bottom:12px}
 #main.sf-teacher1 .tm1-lead{gap:12px;margin-bottom:12px}
 #main.sf-teacher1 .tm1-hero{min-height:178px;padding:18px 24px}
 #main.sf-teacher1 .tm1-hero h2{font-size:27px;margin:6px 0}
 #main.sf-teacher1 .tm1-hero-copy>div{margin-top:13px}
 #main.sf-teacher1 .tm1-art{height:150px;transform:scale(.86);transform-origin:right center}
 #main.sf-teacher1 .tm1-panel>header{padding:14px 17px 10px}
 #main.sf-teacher1 .tm1-task{padding:12px 0;width:calc(100% - 34px);margin:0 17px}
 #main.sf-teacher1 .tm1-metrics{margin-bottom:12px;gap:10px}
 #main.sf-teacher1 .tm1-metric{padding:12px 15px}
 #main.sf-teacher1 .tm1-metric-label strong{font-size:26px}
 #main.sf-teacher1 .tm1-workbench{gap:12px}
 #main.sf-teacher1 .tm1-attendance-total{padding:0 17px 10px}
 #main.sf-teacher1 .tm1-attendance-total strong{font-size:25px}
 #main.sf-teacher1 .tm1-progress{margin:0 17px}
 #main.sf-teacher1 .tm1-attendance-rows{margin:12px 17px 10px;row-gap:7px;column-gap:18px}
 #main.sf-teacher1 .tm1-note{padding:0 17px 12px!important}
 #main.sf-teacher1 .tm1-schedule-list{padding:0 17px}
 #main.sf-teacher1 .tm1-schedule-list button{padding:10px 0}
 #main.sf-teacher1 .tm1-schedule footer{margin:5px 17px 12px}
 #main.sf-teacher1 .tm1-tool-grid{gap:8px;padding:0 12px 12px}
 #main.sf-teacher1 .tm1-tool{padding:10px 8px}
 #main.sf-teacher1 .tm1-no-schedule{min-height:150px}
 @container(min-width:960px){
  #main.sf-teacher1 .tm1-workbench{grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr) minmax(0,1.15fr)}
  #main.sf-teacher1 .tm1-tools{grid-column:auto}
  #main.sf-teacher1 .tm1-workbench .tm1-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 }
 @media(min-width:1200px){
  #main.sf-teacher1 .tm1{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px 24px}
  #main.sf-teacher1 #teacherMainData1{display:contents}
  #main.sf-teacher1 .tm1-body,#main.sf-teacher1 .tm1-start,#main.sf-teacher1 .tm1-error,#main.sf-teacher1 #teacherMainData1>.tm1-tools{grid-column:1/-1}
  #main.sf-teacher1 .tm1-head{margin:0;gap:12px}
  #main.sf-teacher1 .tm1-head h1{font-size:24px;line-height:1.3}
  #main.sf-teacher1 .tm1-head p{line-height:1.5;font-size:12px}
  #main.sf-teacher1 .tm1-eyebrow{display:block;line-height:1.3}
  #main.sf-teacher1 .tm1-top-actions{flex-direction:column;align-items:flex-end;gap:0}
  #main.sf-teacher1 .tm1-groupbar{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-self:center}
  #main.sf-teacher1 .tm1-groupbar label{min-width:0;gap:8px}
  #main.sf-teacher1 .tm1-groupbar select{width:100%;min-width:0;max-width:none;flex:1}
  #main.sf-teacher1 .tm1-scope{display:none}
  #main.sf-teacher1 .tm1-date{gap:7px;font-size:11px}
  #main.sf-teacher1 .tm1-hero{padding:14px 20px;min-height:174px}
  #main.sf-teacher1 .tm1-kicker{display:block;line-height:1.4}
  #main.sf-teacher1 .tm1-hero h2{font-size:24px;line-height:1.25;margin:5px 0}
  #main.sf-teacher1 .tm1-hero p{line-height:1.5}
  #main.sf-teacher1 .tm1-hero-copy>div{margin-top:9px}
  #main.sf-teacher1 .tm1-white{padding:9px 13px}
  #main.sf-teacher1 .tm1-panel>header{padding:11px 15px 8px}
  #main.sf-teacher1 .tm1-panel h2{font-size:15px;line-height:1.4}
  #main.sf-teacher1 .tm1-task{padding:9px 0}
  #main.sf-teacher1 .tm1-task small{margin-top:3px;line-height:1.5}
  #main.sf-teacher1 .tm1-metric{padding:10px 13px}
  #main.sf-teacher1 .tm1-metric-label{line-height:1.4}
  #main.sf-teacher1 .tm1-tool{padding:8px;row-gap:3px}
  #main.sf-teacher1 .tm1-tool small{line-height:1.4}
  #main.sf-teacher1 .tm1-attendance-rows{row-gap:5px;margin-top:10px}
  #main.sf-teacher1 .tm1-attendance-rows dd{line-height:1.4}
  #main.sf-teacher1 .tm1-attendance-total{padding-bottom:8px}
  #main.sf-teacher1 .tm1-schedule-list button{padding:8px 0}
  #main.sf-teacher1 .tm1-schedule-list small{margin-top:3px;line-height:1.4}
  #main.sf-live1 .class-header28>div{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center}
  #main.sf-live1 .class-header28 .eyebrow{grid-column:1/-1;font-size:10px;line-height:1.3}
  #main.sf-live1 .class-header28 h1{font-size:27px;margin:4px 0 0}
  #main.sf-live1 .class-header28 p{padding-top:4px}
  #main.sf-live1 .live-empty22{display:grid;grid-template-columns:42px auto;justify-content:center;align-items:center;column-gap:16px;padding:18px}
  #main.sf-live1 .live-empty-symbol24{grid-row:1/3;margin:0}
  #main.sf-live1 .live-empty22 h3{margin:0 0 4px;text-align:left}
  #main.sf-live1 .live-empty22 p{text-align:left}
  #main.sf-live1 .assist-page27:has(#assistAvailable27):not(:has(.assist-current27)){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:24px;grid-template-rows:auto auto auto auto;align-items:start}
  #main.sf-live1 .assist-page27:has(#assistAvailable27):not(:has(.assist-current27))>.assist-foot27{grid-column:1/-1;margin-top:12px}
  #main.sf-live1 .assist-page27:has(#assistAvailable27):not(:has(.assist-current27))>.class-heading28{grid-column:1/-1}
  #main.sf-live1 .assist-page27:has(#assistAvailable27):not(:has(.assist-current27))>.class-how28{grid-column:2;grid-row:2/4;margin:0;border-top:0;border-left:1px solid var(--line);padding:0 0 0 24px}
  #main.sf-live1 .assist-page27:has(#assistAvailable27):not(:has(.assist-current27)) .class-how28 ol{grid-template-columns:1fr;gap:12px}
  #main.sf-live1 .assist-page27:has(#assistAvailable27):not(:has(.assist-current27)) .class-how28 p{margin-top:2px}
  #main.sf-live1 .assist-page27:has(#assistAvailable27) .assist-status-card27{flex-direction:column;align-items:flex-start;gap:8px}
 }
 @media(max-width:760px){
  html body #main.content.flow-page301.sf-overview1{padding-top:12px!important}
  html body #main.sf-report1 .report-desk6>.welcome h1{font-size:18px}
  html body #main.sf-report1 .ca-learning[data-report-tab6=overview]{grid-template-columns:minmax(0,1fr);gap:9px}
  html body #main.sf-report1 .history-card23{min-height:68px!important;padding:9px!important}
  html body #main.sf-report1 .history-card23 strong{font-size:23px!important}
  html body #main.sf-report1 .ca-radar.radar-card12{padding:13px 14px}
  html body #main.sf-report1 .ca-radar .radar-svg12{max-height:310px}
  #main.sf-live1 .class-header28 h1{font-size:25px}
  #main.sf-live1 .class-tabs28>button{padding:12px;gap:9px}
  #main.sf-live1 .class-tabs28 b{font-size:15px}
  #main.sf-live1 #classPanel28{padding:17px 15px}
  #main.sf-live1 .class-heading28 h2{font-size:21px}
  #main.sf-teacher1 .tm1-head h1{font-size:22px}
  #main.sf-teacher1 .tm1-hero{padding:20px}
  #main.sf-teacher1 .tm1-metric{padding:12px;gap:9px}
 }
}