/* 北大资讯顶上的「校历」一页（pages/schoolcal.js，docs/specs/811-school-calendar.md）。返回链接、提示沿用 life.css 的 lf-；自己的类名以 sc- 开头。手机分界 760px */
.sc-year { margin: 6px 0 0; color: var(--muted); font-size: 14px; }
.sc-now { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin-top: 16px; padding: 14px 16px;
  border-radius: var(--radius-sm); background: var(--soft); }
.sc-now b { color: var(--ink); font-size: 18px; font-weight: 600; }
.sc-now span { color: var(--muted); font-size: 13.5px; }
.sc-term { margin-top: 22px; }
.sc-term h2 { margin: 0 0 4px; font-size: 15px; font-weight: 600; color: var(--ink); }
.sc-row { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; align-items: start; padding: 10px 2px;
  border-bottom: 1px solid var(--line); font-size: 14px; }
.sc-k { color: var(--muted); font-size: 13px; padding-top: 1px; }
.sc-v { display: flex; flex-wrap: wrap; gap: 4px 14px; color: var(--ink); font-variant-numeric: tabular-nums; }
.sc-wrap { flex: 1 1 100%; min-width: 0; }
.sc-row.now .sc-k { color: var(--tint); font-weight: 600; }
.sc-i em { margin-left: 6px; color: var(--muted); font-style: normal; font-size: 13px; }
.sc-i.on { color: var(--tint); font-weight: 600; }
/* 各教学周：周次和那周的星期一，今天那周实心 */
.sc-weeks { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; margin-top: 8px; width: 100%; }
.sc-w { display: grid; justify-items: center; padding: 4px 0; border: 1px solid var(--line-2); border-radius: var(--radius-sm); line-height: 1.2; }
.sc-w b { font-size: 13px; font-weight: 500; color: var(--ink); }
.sc-w span { color: var(--muted); font-size: 10.5px; }
.sc-w.on { border-color: var(--ink); background: var(--ink); }
.sc-w.on b, .sc-w.on span { color: var(--panel); }
.sc-rest { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 12px; margin-top: 14px; padding: 12px 2px 12px; font-size: 14px;
  border-top: 1px dashed var(--line-2); border-bottom: 1px dashed var(--line-2); }
.sc-rest b { font-weight: 600; color: var(--ink); }
.sc-rest span { color: var(--ink); font-variant-numeric: tabular-nums; }
.sc-rest.now b { color: var(--tint); }
@media (max-width: 760px) {
  .sc-row, .sc-rest { grid-template-columns: 64px minmax(0, 1fr); gap: 8px; }
  .sc-weeks { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
