/* 1 か月の格子の図（templates/_month_grid.html）。ボジョレー・ヌーヴォーの面で使う。色・余白・字は bc の値（--bc-*）だけ。ds の部品（migration.json の state ds） */
.bc .mg-fig { margin: 0 0 var(--bc-space-3); }
.bc .mg-title { caption-side: top; text-align: left; margin: 0; padding: 0 0 var(--bc-space-2); font-size: var(--bc-text-body); line-height: var(--bc-leading); font-weight: 700; color: var(--bc-text); }
.bc .mg-table { width: 100%; max-width: 30rem; table-layout: fixed; border-collapse: collapse; background: var(--bc-bg); border: var(--bc-line) solid var(--bc-border); }
.bc .mg-h { padding: var(--bc-space-1) 0; font-size: var(--bc-text-body); line-height: var(--bc-leading-table); font-weight: 700; text-align: center; color: var(--bc-text); background: var(--bc-bg); border: var(--bc-line) solid var(--bc-border); }
.bc .mg-h--sun { color: var(--bc-sun); }
.bc .mg-h--sat { color: var(--bc-sat); }
.bc .mg-c { padding: var(--bc-space-1) 0; vertical-align: top; text-align: center; font-size: var(--bc-text-body); line-height: var(--bc-leading-table); color: var(--bc-text); border: var(--bc-line) solid var(--bc-border); height: var(--bc-target); }
.bc .mg-c--blank { background: var(--bc-surface); }
.bc .mg-d, .bc .mg-l, .bc .mg-m { display: block; }
.bc .mg-l { color: var(--bc-muted); font-weight: 700; }
.bc .mg-c--mark { position: relative; background: var(--bc-current-bg); color: var(--bc-current-text); font-weight: 700; }
.bc .mg-ring { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.bc .mg-ring rect { fill: none; stroke: var(--bc-brand); stroke-width: 3; vector-effect: non-scaling-stroke; }
.bc .mg-c--mark .mg-l, .bc .mg-c--mark .mg-m { color: var(--bc-current-text); }
.bc .mg-fig figcaption { margin-top: var(--bc-space-2); font-size: var(--bc-text-body); line-height: var(--bc-leading); color: var(--bc-muted); max-width: 43rem; }