/* ══════════ 달력 위젯 — 달력 전용 규칙 ═══════════════════════════════════
   ⛔ 이 파일은 **자동 생성**이다. 손으로 고치지 말 것.
        만드는 법:  python automation/sync_board_css.py
        값의 주인:  portal_widget_board_v4.html  (판 규격본 · 디자이너)
   판 자체의 규칙(.w · .wb · --wg-*)은 board.css 가 갖는다. 여기는 `.cal-*` 뿐이다.
   ══════════════════════════════════════════════════════════════════════════ */

.cal-wrap{display:flex;gap:14px;flex:1;min-height:0}
.cal-left{flex:1;min-width:0;display:flex;flex-direction:column}
.cal-dow{font-size:12.5px;font-weight:600;color:#E05C4A}
.cal-dow.plain{color:var(--wg-ink-2)}
.cal-big{font-size:46px;line-height:1;font-weight:600;letter-spacing:-.04em; font-variant-numeric:tabular-nums;margin-top:2px}
.cal-ev{margin-top:auto;display:flex;flex-direction:column;gap:5px}
.cal-ev div{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--wg-ink-2); overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-ev i{width:3px;height:12px;border-radius:2px;flex:none;background:#E05C4A;font-style:normal}
.cal-ev i.work{background:#00A4EB}
.cal-grid{flex:none;display:grid;grid-template-columns:repeat(7,1fr);gap:1px 0; font-size:10.5px;text-align:center;align-content:start}
.cal-grid span{line-height:1.5;color:var(--wg-ink-2);font-variant-numeric:tabular-nums}
.cal-grid span.hd{color:var(--wg-ink-3);font-size:9.5px}
.cal-grid span.sun,.cal-grid span.hol{color:#F08D80}
.cal-grid span.today{color:#00121F;font-weight:700;position:relative}
.cal-grid span.today::before{content:"";position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);width:19px;height:19px;border-radius:50%;background:#fff;z-index:-1}
.cal-grid span.today{z-index:0}
.cal-grid.big{gap:2px 0;font-size:12.5px}
.cal-grid.big span{line-height:2.35}
.cal-grid.big span.hd{font-size:10.5px}
.cal-grid.big span.today::before{width:24px;height:24px}
.cal-list{margin-top:10px;display:flex;flex-direction:column}
.cal-list div{display:flex;gap:8px;align-items:baseline;padding:5px 0;font-size:12.5px}
.cal-list div + div{border-top:1px solid rgba(255,255,255,.10)}
.cal-list em{font-style:normal;color:var(--wg-ink-2);font-size:11.5px;flex:none;width:62px}
.cal-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px; margin-top:-4px;margin-bottom:8px;flex:none}
.cal-nav .cal-today{margin-right:auto;font:inherit;font-size:10.5px;color:#00A4EB; background:none;border:0;padding:0;cursor:pointer}
.cal-nav .cal-today:hover{text-decoration:underline}
.cal-nav button:not(.cal-today){font:inherit;width:18px;height:18px;border-radius:6px; cursor:pointer;border:1px solid var(--hs-line);background:transparent;color:var(--wg-ink-2); display:grid;place-items:center;font-size:11px;line-height:1;padding:0}
.cal-nav button:not(.cal-today):hover{background:rgba(255,255,255,.14);color:#fff}
@media (max-width:900px){
  .cal-big{font-size:34px}
  .cal-wrap .cal-grid{height:100%;align-content:space-between}
}