#page-records>.card{margin-bottom:18px}
#page-records{scroll-behavior:smooth;scroll-padding-top:8px}
#page-records .review-nav{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;padding:6px 0;margin:0 0 10px;background:var(--bg);border-bottom:1px solid #DDE6E0;top:var(--review-header-height,60px);z-index:35}
#page-records .review-nav::-webkit-scrollbar{display:none}
#page-records .review-nav a{min-width:0;min-height:40px;display:flex;align-items:center;justify-content:center;padding:4px 3px;border:1px solid #D8E3DA;border-radius:999px;background:#fff;color:#315C4A;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
#page-records .review-nav a:focus-visible{outline:2px solid #1D6A56;outline-offset:2px}
#page-records #viewCal,#page-records #viewAll,#page-records #dayReviewCard,#page-records #viewWeek,#page-records #moodTrend{scroll-margin-top:calc(var(--review-header-height,60px) + 104px)}
#page-records .day-review-entry-mood{display:inline-flex;align-items:center;min-height:23px;padding:2px 8px;border-radius:999px;color:#263D37;font-size:11px;font-weight:700;line-height:1.35}
#page-records .day-review-entry-head{align-items:center;gap:7px}
#page-records .day-review-entry-text{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial;overflow:visible;white-space:pre-line;overflow-wrap:anywhere}
#page-records .weekrow .h,#page-records .inf-row b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#page-records .daycell{height:auto;min-height:72px;overflow:visible}
#page-records .daycell .caption{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial;overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:normal}
#page-records #dayReviewCard{margin-top:0}
#page-records #viewWeek,#page-records #viewAll{display:block}
@media(min-width:700px){#page-records .review-nav{gap:6px}}