/* v1.2: flat compact bars and a calendar. All selectors stay inside the day report. */
.mc-site .mc-days {
    --days-red:#f13929; --days-blue:#56d7f0; --days-line:#76503a;
    max-width:780px; margin-inline:auto; color:#fff4e3;
    overflow-wrap:normal; word-break:normal; scroll-margin-top:90px;
}
.mc-site .mc-days-filter-box { margin:0 0 14px; border-bottom:1px solid var(--days-line); }
.mc-site .mc-days-filter-box summary {
    display:list-item; padding:8px 0 12px; cursor:pointer; font-size:1rem; line-height:1.7; color:#e7cfb5;
}
.mc-site .mc-days-change { display:inline-block; color:#f3bd70; margin-left:12px; text-decoration:underline; text-underline-offset:3px; }
.mc-site .mc-days-filter { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:12px; align-items:end; padding:4px 0 18px; }
.mc-site .mc-days-filter input[type=date] {
    width:100%; max-width:100%; min-width:0; min-height:48px; margin:0; padding:8px 10px;
    border:1px solid #ae7d4e; border-radius:8px; background:#25110c; color:#fff4e3;
    color-scheme:dark; font:inherit; line-height:1.6; box-sizing:border-box;
}
.mc-site .mc-days-filter .mc-button { min-height:48px; margin:0; padding:8px 16px; }
.mc-site .mc-days-month { margin:0 0 20px; width:100%; min-width:0; height:auto; max-height:none; overflow:visible; }
.mc-site .mc-days-table {
    width:100%; min-width:0; max-width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0 2px;
    margin:0; color:inherit; background:transparent; font-size:1.125rem; line-height:1.333334;
    text-align:center; font-variant-numeric:tabular-nums;
}
.mc-site .mc-days-table caption { caption-side:top; padding:4px 0 10px; color:#ffe1a3; font-size:1.375rem; font-weight:500; text-align:center; }
.mc-site .mc-days-score-col { width:2rem; }
.mc-site .mc-days-date-col { width:2.5rem; }
.mc-site .mc-days-table thead th {
    padding:4px 0 8px; border:0; background:transparent; font-size:1.125rem;
    font-weight:500; text-align:center; white-space:nowrap; word-break:keep-all;
}
.mc-site .mc-days-bad-heading, .mc-site .mc-days-bad-score { color:#ff9b90; }
.mc-site .mc-days-good-heading, .mc-site .mc-days-good-score { color:#68e4fa; }
.mc-site .mc-days-table .mc-days-day-heading { color:#fff4e3; }
.mc-site .mc-days-table tbody td, .mc-site .mc-days-table tbody th {
    height:1.5rem; padding:0; border:0; background:transparent; vertical-align:middle; text-align:center;
    font-size:1.125rem; line-height:1.333334; font-weight:400; white-space:nowrap;
}
.mc-site .mc-days-table tbody tr { background:transparent; }
.mc-site .mc-days-date time { display:block; min-height:1.5rem; line-height:1.333334; background:#edbf77; color:#29160e; white-space:nowrap; }
.mc-site .mc-days-today .mc-days-date time { background:#ffe2ac; outline:2px solid #fff2dc; outline-offset:-2px; }
.mc-site .mc-days-track { display:flex; width:100%; height:1.25rem; min-width:0; overflow:hidden; background:transparent; }
.mc-site .mc-days-bad-track { justify-content:flex-end; }
.mc-site .mc-days-good-track { justify-content:flex-start; }
.mc-site .mc-days-bar { display:block; flex:0 0 auto; height:100%; min-width:0; max-width:100%; border:0; border-radius:0; box-shadow:none; }
.mc-site .mc-days-bad-bar { background:var(--days-red); }
.mc-site .mc-days-good-bar { background:var(--days-blue); }
.mc-site .mc-days-footnote { margin:18px 0 0; font-size:1rem; }
.mc-site .mc-days-calendar { max-width:680px; margin:auto; }
.mc-site .mc-days-month-nav { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:8px; align-items:center; margin-bottom:12px; }
.mc-site .mc-days-month-nav h2 { margin:0; color:#ffe1a3; font-size:1.375rem; font-weight:500; line-height:1.5; text-align:center; }
.mc-site .mc-days-month-link { display:flex; align-items:center; justify-content:center; min-height:44px; border:1px solid #906039; border-radius:6px; color:#f3bd70; font-size:1.5rem; text-decoration:none; }
.mc-site .mc-days-key { display:flex; justify-content:space-between; gap:12px; font-size:1rem; margin-bottom:10px; }
.mc-site .mc-days-key > span { display:inline-flex; align-items:center; gap:8px; }
.mc-site .mc-days-swatch { display:inline-block; width:14px; height:14px; }
.mc-site .mc-days-selected { margin:0 0 14px; font-size:1.125rem; line-height:1.6; }
.mc-site .mc-days-selected strong { display:block; color:#ffe1a3; font-weight:500; }
.mc-site .mc-days-selected-values { display:flex; flex-wrap:wrap; gap:4px 20px; }
.mc-site .mc-days-calendar-scroll { overflow-x:auto; }
.mc-site .mc-days-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; min-width:16rem; }
.mc-site .mc-days-weekday { text-align:center; color:#e7cfb5; font-size:1rem; white-space:nowrap; padding:0 0 6px; }
.mc-site .mc-days-calendar-cell {
    display:grid; grid-template-rows:auto 10px 10px; gap:6px; min-width:0; min-height:76px;
    padding:4px 4px 8px; border:1px solid #906039; border-radius:4px; background:transparent;
    color:#f5d6a3; text-align:center; text-decoration:none; font-size:1.125rem; line-height:1.5; font-variant-numeric:tabular-nums;
}
.mc-site .mc-days-calendar-cell:hover { color:#fff2dc; border-color:#f3bd70; }
.mc-site .mc-days-calendar-cell[aria-current=true] { border-color:#f3bd70; outline:2px solid #f3bd70; outline-offset:-2px; }
.mc-site .mc-days-calendar-cell time[aria-current=date] { color:#fff2dc; text-decoration:underline; text-underline-offset:3px; }
.mc-site .mc-days-calendar-cell .mc-days-track { height:10px; justify-content:flex-start; }
.mc-site .mc-days-calendar-cell.mc-days-unavailable { color:#c0a88f; border-color:transparent; }
.mc-site .mc-days-calendar-hint { margin:12px 0 0; color:#e1c7ad; font-size:1rem; }
@media(max-width:760px) {
    .mc-site .mc-days-filter { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
    .mc-site .mc-days-filter .mc-button { grid-column:1 / -1; }
}
@media(max-width:540px) {
    .mc-site .mc-days-panel { padding:16px 8px; }
    .mc-site .mc-days-filter { grid-template-columns:minmax(0,1fr); }
    .mc-site .mc-days-table caption, .mc-site .mc-days-month-nav h2 { font-size:1.25rem; }
    .mc-site .mc-days-score-col { width:1.75rem; }
    .mc-site .mc-days-date-col { width:2.25rem; }
    .mc-site .mc-days-calendar-grid { gap:2px; }
    .mc-site .mc-days-calendar-cell { padding:4px 2px 8px; }
}

@media(min-width:761px){
    .mc-site .mc-days-calendar-scroll{overflow:visible}
    .mc-site .mc-days-calendar-grid{min-width:0}
}