/* Телефон: один класс за раз, выбор параллели и дня. */
.mobile-selectors,.mobile-day-tabs,.mobile-schedule{display:none}
.hero-note-mobile{display:none}
.brand-mark{width:56px;height:56px;flex:0 0 56px;overflow:hidden;border:0;background:#10251c}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
.news-item .news-category-event{border-color:#3e7fba;color:#9ed5ff;background:rgba(62,127,186,.12)}
.news-item .news-category-important{border-color:#bb5353;color:#ffb0a5;background:rgba(187,83,83,.12)}
.news-item .news-category-study{border-color:#679d73;color:#b8e2a8;background:rgba(103,157,115,.12)}
.news-item .news-category-vacation{border-color:#9271be;color:#ddc3ff;background:rgba(146,113,190,.14)}

@media (min-width:801px){
  html,body{overscroll-behavior:none}
  .schedule-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
  .schedule-swipe{overscroll-behavior:contain;touch-action:pan-x pan-y}
}

@media (max-width:800px){
  .hero-note-desktop{display:none}
  .hero-note-mobile{display:block}
  .brand-mark{width:42px;height:42px;flex-basis:42px}
  .schedule-shell{height:auto;min-height:100dvh;overflow:auto}
  .schedule-page{height:auto;min-height:100dvh;grid-template-columns:minmax(0,1fr);overflow:visible}
  .schedule-page>*{min-width:0}
  .schedule-section{width:100%;min-width:0}
  .schedule-section{display:block;padding:9px 0 5px}
  .schedule-swipe{overflow:visible;min-height:0;max-height:none;padding-right:0;touch-action:auto}
  .schedule-swipe .parallel-schedule,.schedule-section .swipe-hint{display:none}

  .mobile-selectors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}
  .mobile-selectors label{display:grid;gap:4px;color:var(--soft);font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
  .mobile-selectors select{width:100%;min-width:0;padding:8px 7px;border:1px solid var(--line);border-radius:3px;background:#10251c;color:var(--paper);font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}

  .mobile-day-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;overflow-x:auto;margin:0 0 9px;padding:1px 0 4px;scrollbar-width:none}
  .mobile-day-tabs::-webkit-scrollbar{display:none}
  .mobile-day-tab{min-width:46px;padding:7px 3px 6px;border-color:var(--line);background:rgba(255,255,255,.02);color:var(--soft);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}
  .mobile-day-tab span{display:block;font-size:12px;line-height:1.1;text-transform:uppercase}
  .mobile-day-tab small{display:none}
  .mobile-day-tab.today{border-color:#b68d25;color:var(--yellow)}
  .mobile-day-tab.active{border-color:var(--paper);background:var(--paper);color:var(--board)}

  .mobile-schedule{display:block;padding:0 0 10px}
  .mobile-schedule-caption{margin:1px 0 7px;color:var(--yellow);font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase}
  .mobile-class-list{display:grid;gap:9px}
  .mobile-class-card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:rgba(9,25,19,.34)}
  .mobile-class-card>header{display:flex;align-items:baseline;gap:9px;padding:8px 10px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}
  .mobile-class-card>header strong{color:var(--paper);font:700 20px Georgia,serif}
  .mobile-class-card>header span{color:var(--dim);font:9px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}
  .mobile-class-card ol{list-style:none;margin:0;padding:0 10px}
  .mobile-class-card .lesson{grid-template-columns:24px minmax(0,1fr) auto;gap:7px;padding:9px 0}
  .mobile-class-card .lesson>b{font-size:13px}
  .mobile-class-card .lesson span{font-size:13px}
  .mobile-class-card .lesson span small{margin-top:3px;font-size:10px}
  .mobile-class-card .lesson em{font-size:10px;align-self:center}
  .mobile-class-card .empty{margin:0;padding:14px 10px;color:var(--dim);font-size:12px}

  .parallel-section{display:none}
  .news-section{padding-top:14px}
  .news-viewport{height:210px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#516a5d var(--board)}
  .news-viewport.is-manually-scrolling .news-track{animation-play-state:paused}
  .news-viewport::-webkit-scrollbar{width:5px}
  .news-viewport::-webkit-scrollbar-thumb{background:#516a5d;border-radius:4px}
  .news-track{padding:10px 0;gap:12px}
  .news-item{min-height:94px}
  .news-item b{font-size:14px}
  .news-item p{font-size:12px;line-height:1.45}
  .news-item small,.news-item em{font-size:10px}
}