/* Wider writing/reading rails, with stacked layouts before content gets cramped. */
.page-content { min-width: 0; }
.recap-page .rc-workspace { grid-template-columns: minmax(0, 1fr) clamp(410px, 28vw, 520px); }
.rc-editor textarea, .calendar-recap-note textarea { font-size: clamp(16px, 15px + .12vw, 18px); line-height: 1.8; min-height: 130px; }
.month-layout { grid-template-columns: minmax(540px, 1fr) clamp(400px, 28vw, 520px); }
.report-workspace { grid-template-columns: 230px minmax(400px, 1fr) clamp(380px, 26vw, 500px); }
.annotation-rail { overflow-wrap: anywhere; }
.annotation-head { flex-wrap: wrap; }
.selection-card textarea { font-size: 16px; min-height: 110px; }
.rc-editor, .day-agenda { min-width: 0; }
@media (max-width: 1500px) {
 .recap-page .rc-workspace { grid-template-columns: minmax(0, 1fr); }
 .recap-page .rc-editor { position: static; max-height: none; }
 .month-layout { grid-template-columns: minmax(0, 1fr); }
 .day-agenda { border-top: 1px solid var(--line); }
 .report-workspace { grid-template-columns: 200px minmax(340px, 1fr) 380px; }
}
@media (max-width: 1280px) {
 .report-workspace { height: auto; grid-template-columns: 220px minmax(0, 1fr); }
 .annotation-rail { grid-column: 1 / -1; min-height: 420px; border-left: 0; border-top: 1px solid var(--line); }
 .report-reader { min-height: 680px; }
}
@media (max-width: 700px) {
 .report-workspace { grid-template-columns: minmax(0, 1fr); }
 .report-index { max-height: 320px; }
 .report-reader { min-height: 580px; }
 .annotation-rail { grid-column: auto; }
 .rc-editor textarea, .calendar-recap-note textarea { font-size: 16px; }
 .app-brand { min-width: 0; }
}