/* Classroom labels take priority over secondary interface text. */
.member-subject-row strong{font-weight:700;color:#182c49}
.group-timer .class-tag{font-weight:700;color:#182c49;background:#edf2f8;border-color:#b8c5d6;line-height:1.2}
.group-timer:nth-child(even) .class-tag{color:#182c49;background:#f3e6b8;border-color:#ceba79}

@media(min-width:961px){
  .agt-header{min-height:76px;padding-top:6px;padding-bottom:6px}
  .agt-brand img{width:52px;height:52px}
  .agt-toolbar{min-height:65px;padding-top:9px;padding-bottom:9px}
  .day-strip{min-height:46px}
  .agt-footer{min-height:43px}
  .timer-grid{gap:15px}
  .group-timer{padding:17px 21px 13px}
  .period-time{font-size:22px}
  .card-members{padding-top:10px}
  .card-members-label{font-size:10px;color:#58677c;margin-bottom:5px}
  .member-subject-row{padding:7px 0;min-height:42px;gap:12px;flex-wrap:nowrap;line-height:1.2}
  .member-subject-row strong{font-size:24px;flex-shrink:0}
  .member-subject-row>span{gap:6px}
  .class-tag{font-size:20px;padding:4px 8px;border-radius:6px}
  .card-state{font-size:14px;color:#56677d}
  .card-countdown{font-size:clamp(64px,20cqw,160px);line-height:1.08}
  .group-timer.long .card-countdown{font-size:clamp(40px,15cqw,124px)}
  .card-clock-caption{font-size:11px;color:#647389}
  .card-clock{min-height:0;padding:8px 0}
  .completed-strip{font-size:15px;padding:8px 12px;margin-top:8px;color:#344e43;font-weight:600}
  .timer-grid[data-count="3"] .member-subject-row{flex-direction:column;align-items:flex-start;gap:8px}
  .timer-grid[data-count="3"] .member-subject-row strong{font-size:26px}
  .timer-grid[data-count="3"] .class-tag{font-size:22px}
  .timer-grid[data-count="3"] .member-subject-row>span{justify-content:flex-start}

  .timer-grid.weighted{grid-template-columns:1.08fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
  .timer-grid.weighted .group-timer.featured{grid-column:1;grid-row:1 / span 3;display:flex;padding:17px 21px 13px}
  .weighted .featured .timer-card-head{display:flex}
  .weighted .featured .period-label{font-size:10px;margin-bottom:4px}
  .weighted .featured .period-time{font-size:22px}
  .weighted .featured .duration-badge{font-size:11px;padding:6px 10px}
  .weighted .featured .card-clock{flex:1;min-height:0;padding:7px 0}
  .weighted .featured .card-state{display:block;font-size:14px}
  .weighted .featured .card-countdown{font-size:clamp(60px,18cqw,145px);line-height:1.05}
  .weighted .featured .card-clock-caption{display:none}
  .weighted .group-timer.featured .card-members{display:block;padding-top:10px}
  .weighted .featured .card-members-label{display:flex;font-size:10px;margin-bottom:5px}
  .weighted .featured .member-subject-row{min-height:42px;padding:7px 0;gap:10px;align-items:center}
  .weighted .group-timer.featured .member-subject-row strong{font-size:24px;max-width:none}
  .weighted .featured .class-tag{font-size:20px;padding:4px 7px}
  .weighted .featured .member-subject-row>span{gap:5px}
  .weighted .featured .card-progress{margin-top:9px;height:3px}

  .timer-grid.weighted .group-timer:not(.featured){grid-column:2;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto minmax(0,1fr) 2px;column-gap:20px;row-gap:3px;padding:10px 16px 9px}
  .weighted .group-timer:not(.featured) .timer-card-head{grid-column:1 / -1}
  .weighted .group-timer:not(.featured) .period-label{display:none}
  .weighted .group-timer:not(.featured) .period-time{font-size:18px}
  .weighted .group-timer:not(.featured) .duration-badge{font-size:10px;padding:4px 8px}
  .weighted .group-timer:not(.featured) .card-clock{grid-column:1;grid-row:2;min-height:0;padding:0;align-items:flex-start;justify-content:center}
  .weighted .group-timer:not(.featured) .card-state,.weighted .group-timer:not(.featured) .card-clock-caption{display:none}
  .weighted .group-timer:not(.featured) .card-countdown{font-size:clamp(40px,13cqw,92px);line-height:1;letter-spacing:-.05em}
  .weighted .group-timer:not(.featured) .card-members{grid-column:2;grid-row:2;min-width:0;border:0;padding:0;display:flex;align-items:center}
  .weighted .group-timer:not(.featured) .card-members-label{display:none}
  .weighted .group-timer:not(.featured) .member-subject-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:0;padding:0;min-height:0}
  .weighted .group-timer:not(.featured) .member-subject-row strong{font-size:24px;flex-shrink:1;line-height:1.1}
  .weighted .group-timer:not(.featured) .member-subject-row>span{justify-content:flex-start}
  .weighted .group-timer:not(.featured) .class-tag{font-size:20px;padding:3px 6px}
  .weighted .group-timer:not(.featured) .card-progress{grid-column:1 / -1;margin:0;height:2px}

  .dense:not(.weighted) .member-subject-row strong{font-size:18px}
  .dense:not(.weighted) .class-tag{font-size:16px}
  .dense:not(.weighted) .card-countdown{font-size:clamp(32px,10cqw,66px)}
}

@media(min-width:1700px){
  .agt-header{min-height:94px}.agt-brand img{width:67px;height:67px}.agt-toolbar{min-height:78px}.day-strip{min-height:58px}.agt-footer{min-height:53px}
  .group-timer{padding:25px 30px 20px}.member-subject-row{min-height:59px;padding:10px 0}
  .member-subject-row strong{font-size:34px}.class-tag{font-size:28px;padding:6px 10px}
  .card-members-label{font-size:13px;margin-bottom:9px}.card-state{font-size:18px}.card-clock-caption{font-size:14px}
  .completed-strip{font-size:21px;padding:11px 16px}
  .weighted .group-timer.featured{padding:25px 30px 20px}
  .weighted .featured .period-time{font-size:30px}.weighted .featured .period-label{font-size:12px}.weighted .featured .duration-badge{font-size:14px}
  .weighted .featured .card-state{font-size:18px}.weighted .featured .card-countdown{font-size:clamp(80px,20cqw,176px)}
  .weighted .group-timer.featured .member-subject-row strong{font-size:34px}.weighted .featured .class-tag{font-size:28px}
  .weighted .featured .member-subject-row{min-height:60px;padding:10px 0}.weighted .featured .card-members-label{font-size:13px}
  .timer-grid.weighted .group-timer:not(.featured){padding:16px 24px 13px;column-gap:28px}
  .weighted .group-timer:not(.featured) .period-time{font-size:25px}.weighted .group-timer:not(.featured) .duration-badge{font-size:13px}
  .weighted .group-timer:not(.featured) .member-subject-row strong{font-size:34px}.weighted .group-timer:not(.featured) .class-tag{font-size:28px;padding:6px 9px}
  .weighted .group-timer:not(.featured) .card-countdown{font-size:clamp(68px,14cqw,130px)}
  .timer-grid[data-count="3"] .member-subject-row strong{font-size:34px}.timer-grid[data-count="3"] .class-tag{font-size:28px}
}

@media(min-width:961px) and (max-width:1150px){
  .member-subject-row strong,.weighted .group-timer.featured .member-subject-row strong{font-size:20px}
  .class-tag,.weighted .featured .class-tag{font-size:17px}
  .weighted .group-timer:not(.featured) .member-subject-row strong{font-size:21px}
  .weighted .group-timer:not(.featured) .class-tag{font-size:18px}
}

@media(max-width:960px){
  .member-subject-row strong,.dense .member-subject-row strong{font-size:18px}
  .class-tag,.dense .class-tag{font-size:15px;padding:4px 6px}
  .member-subject-row,.dense .member-subject-row{min-height:37px;gap:7px}
}
@media(max-width:700px){
  .group-timer,.timer-grid.dense .group-timer{min-height:380px}
  .member-subject-row,.dense .member-subject-row{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 0}
  .member-subject-row>span{justify-content:flex-start}
  .member-subject-row strong,.dense .member-subject-row strong{font-size:19px}
  .class-tag,.dense .class-tag{font-size:15px;padding:4px 7px}
  .card-members-label,.dense .card-members-label{font-size:9px;color:#596a80}
}