/* Web has room for a wider journal; export uses this same responsive cover layout. */
body[data-log-tab="timeline"] #logContent{width:100%;max-width:1280px}
.journal-flow{container-type:inline-size;container-name:strimplan-journal}
.timeline-heading{flex-wrap:wrap;gap:12px}
.export-preview-dialog{width:min(1100px,calc(100% - 28px))}
.export-preview-dialog #exportPreviewBody{padding:12px}
.export-preview-dialog>footer{flex-wrap:wrap}
.journal-cover.archived-split-cover{
 container-type:inline-size;
 height:184px;min-height:184px;
 grid-template-columns:39% 1px minmax(0,1fr);
}
.archived-split-cover .split-period-label{padding:14px 8px}
.archived-split-cover .split-period-label strong{
 font-size:clamp(18px,4.8cqi,34px)!important;
 line-height:1.12!important;white-space:nowrap;
}
.archived-split-cover .split-period-label span{white-space:nowrap}
.archived-split-cover .split-weekdays b{font-size:clamp(6px,1.5cqi,9px);letter-spacing:0}
.archived-split-cover .monthly-cover-calendar{
 display:grid;align-content:stretch;
 grid-template-rows:auto 1px minmax(0,1fr)!important;
 gap:7px;padding:14px 12px 12px!important;
}
.archived-split-cover .monthly-cover-calendar .split-calendar-rule{margin:0}
.archived-split-cover .split-month-grid{
 grid-template-rows:repeat(6,minmax(0,1fr))!important;
 overflow:visible!important;
}
.archived-split-cover .split-month-grid>span{align-content:center;padding:0 0 4px!important}
@media(max-width:700px){
 .journal-cover.archived-split-cover{grid-template-columns:44% 1px minmax(0,1fr)}
 .archived-split-cover .monthly-cover-calendar{padding-inline:8px!important}
 .export-preview-dialog #exportPreviewBody{padding:0}
}
@container strimplan-journal (max-width:340px){
 .journal-cover.archived-split-cover{height:300px;min-height:300px;grid-template-columns:minmax(0,1fr);grid-template-rows:108px minmax(0,1fr)}
 .journal-cover.archived-split-cover .split-cover-divider{display:none}
 .archived-split-cover .split-period-label strong{font-size:clamp(18px,8cqi,26px)!important}
 .archived-split-cover .split-weekdays b{font-size:8px}
 .archived-split-cover .split-right{align-items:center}
 .archived-split-cover .weekly-cover-calendar{margin-block:auto}
}