/* Five-level mental energy and date-addressable demo journal calendar. */
.mental-energy-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.mental-energy-option{min-width:0;min-height:61px;padding:6px 3px;font-size:.62rem;line-height:1.2;hyphens:auto;overflow-wrap:anywhere}
.mental-back-today{border:1px solid #d9e8df;background:#f3f8f3;color:#37634a;border-radius:11px;min-height:36px;padding:6px 12px;font-size:.72rem;font-weight:700;margin-bottom:12px}
.mental-history{padding:0;overflow:hidden}
.mental-history>summary{display:flex;align-items:center;gap:11px;min-height:70px;padding:15px;list-style:none}
.mental-history>summary::-webkit-details-marker{display:none}
.mental-history[open] .mental-chevron{transform:rotate(180deg)}
.mental-history-body{padding:14px 15px 16px;border-top:1px solid #eaf0ea}
.mental-month-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.mental-month-nav strong{font-size:.9rem;color:#35584b}
.mental-month-nav button{width:39px;height:39px;border:1px solid #dce7dd;background:#f6faf6;border-radius:11px;color:#446855;font-size:1.45rem}
.mental-month-nav button:disabled{opacity:.3}
.mental-month-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:.65rem;color:#6f8b7c;margin-bottom:12px}
.mental-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.mental-calendar-weekday{font-size:.62rem;text-align:center;color:#849d8e;font-weight:700;padding:5px 0}
.mental-calendar-day{position:relative;display:grid;place-items:center;min-width:0;min-height:39px;border:1px solid transparent;border-radius:11px;background:#f6faf6;color:#466b54;font-size:.72rem;font-weight:700}
.mental-calendar-day:disabled{color:#bbc6bb;opacity:.6;cursor:default}
.mental-calendar-day.is-selected{border-color:#8cbaa0;background:#e3f0e5;color:#28543b;box-shadow:inset 0 0 0 1px #b2d5bb}
.mental-calendar-day.has-data>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#4e9975;bottom:3px}
.mental-calendar-day.is-outside{visibility:hidden}
.mental-history-disclaimer{font-size:.66rem;line-height:1.45;color:#879d8b;margin-top:13px}
@media(max-width:350px){.mental-energy-option{font-size:.56rem;padding:5px 1px;min-height:57px}.mental-calendar{gap:2px}.mental-calendar-day{min-height:36px}}

/* Calendar always visible as final wellbeing section. */
.mental-history-heading{display:flex;align-items:center;gap:11px;min-height:65px;padding:15px}
.mental-history .mental-history-body{display:block}