.schedule-sheet {
    --paper: #ffffff;
    --ink: #1b1b1b;
    --ink-mid: #565656;
    --ink-dim: #8a8a8a;
    --rule: #1b1b1b;
    --rule-soft: #c7c7c7;

    --sc-1: #d4e4f7;
    --sc-2: #fbe1c8;
    --sc-3: #d8efcf;
    --sc-4: #c9e9e3;
    --sc-5: #f6ecc0;
    --sc-6: #e2d9f2;
    --sc-7: #fbd6e0;
    --sc-8: #f1d7ec;
    --sc-9: #f6ddd2;
    --sc-10: #e9e4d7;

    box-sizing: border-box;
    padding: clamp(1rem, 4vw, 2.75rem);
    display: flex;
    justify-content: center;
    font-family: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
    color: var(--ink);
}
.schedule-sheet *, .schedule-sheet *::before, .schedule-sheet *::after { box-sizing: border-box; }

.schedule-sheet .sheet {
    background: var(--paper);
    width: 100%;
    max-width: 1100px;
    padding: clamp(1.25rem, 3.5vw, 2.5rem);
    box-shadow: 0 2px 18px rgba(0,0,0,.28);
}

.schedule-sheet header.sheet-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .35rem 1.5rem;
    border-bottom: 3px solid var(--rule);
    padding-bottom: .7rem;
    margin-bottom: 1.1rem;
}
.schedule-sheet h1 {
    font-weight: 700;
    font-size: clamp(1.45rem, 4.5vw, 2rem);
    line-height: 1;
    margin: 0;
    letter-spacing: -.005em;
}
.schedule-sheet .sub {
    font-size: .82rem;
    color: var(--ink-mid);
    letter-spacing: .02em;
}

.schedule-sheet .scroll { overflow-x: auto; overflow-y: hidden; padding-top: .35rem; }
.schedule-sheet .tablewrap { min-width: 760px; }

.schedule-sheet table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.schedule-sheet col.day { width: 3.6rem; }

.schedule-sheet thead th {
    border: 1px solid var(--rule);
    background: var(--paper);
    padding: .4rem .2rem .5rem;
    vertical-align: top;
}
.schedule-sheet thead th.corner { border: 1px solid var(--rule); }
.schedule-sheet thead .num {
    display: block;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.schedule-sheet thead .time {
    display: block;
    margin-top: .2rem;
    font-size: .66rem;
    color: var(--ink-mid);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.schedule-sheet tbody th.day {
    border: 1px solid var(--rule);
    background: var(--paper);
    font-weight: 700;
    font-size: 1.1rem;
    font-variant: all-small-caps;
    letter-spacing: .08em;
    text-align: center;
}

.schedule-sheet tbody td {
    border: 1px solid var(--rule);
    height: 4.4rem;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: .85rem;
    letter-spacing: .01em;
    padding: .25rem;
}

.schedule-sheet tbody td.free {
    background: repeating-linear-gradient(-45deg, transparent 0 6px, var(--rule-soft) 6px 7px);
}

.schedule-sheet .entry + .entry { margin-top: .3rem; padding-top: .3rem; border-top: 1px dashed rgba(27,27,27,.25); }
.schedule-sheet .entry-course { display: block; }
.schedule-sheet .entry-lector { display: block; font-weight: 400; font-size: .78em; color: var(--ink-mid); }

.schedule-sheet .sc-1 { background: var(--sc-1); }
.schedule-sheet .sc-2 { background: var(--sc-2); }
.schedule-sheet .sc-3 { background: var(--sc-3); }
.schedule-sheet .sc-4 { background: var(--sc-4); }
.schedule-sheet .sc-5 { background: var(--sc-5); }
.schedule-sheet .sc-6 { background: var(--sc-6); }
.schedule-sheet .sc-7 { background: var(--sc-7); }
.schedule-sheet .sc-8 { background: var(--sc-8); }
.schedule-sheet .sc-9 { background: var(--sc-9); }
.schedule-sheet .sc-10 { background: var(--sc-10); }

.schedule-sheet footer.sheet-footer {
    margin-top: 1rem;
    font-size: .72rem;
    color: var(--ink-dim);
    letter-spacing: .02em;
}

@media (max-width: 576px) {
    .schedule-sheet { padding: 1rem .5rem; }
}