/* V4.11: Mesekert layout and artwork corrections. */
[data-theme="meadow"] .journalMemo{display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
[data-theme="meadow"] .journalMemo .journalGnome{display:block;align-self:flex-end;width:min(235px,88%);height:auto;max-height:350px;margin:auto -8px 0 auto;object-fit:contain;object-position:right bottom;transform:scaleX(-1);transform-origin:center center;flex-shrink:0}

[data-theme="meadow"] #listView>.intro{border-radius:30px 44px 0 0;border-bottom-color:#decfd8}
[data-theme="meadow"] #listView>#dailyTip{box-sizing:border-box;width:100%;margin-top:-1px;border-radius:0 0 30px 30px;border-top:1px solid #decfd8;background:linear-gradient(110deg,#faf2ed,#f4f2e5)}

/* Each mood/season image is now its own 3:2 file. Cover crops at the edges without distorting the artwork. */
.weatherPage .weatherMoodImage{background-size:cover;background-position:center center}
.weatherPage[data-season] .weatherMoodImage{background-position:center center}
[data-theme="meadow"] .weatherPage .weatherDialogHeader{position:relative;overflow:hidden;padding:20px 28px;background:linear-gradient(110deg,#faf7ec,#f6eff6);border:1px solid #dfcfe0;border-bottom:0;border-radius:29px 29px 0 0}
[data-theme="meadow"] .weatherPage .weatherDialogHeader:after{content:"";position:absolute;right:24px;bottom:3px;width:65px;height:65px;background:url('assets/flower.svg') center/contain no-repeat;opacity:.48;pointer-events:none}
[data-theme="meadow"] .weatherPage .weatherDialogHeader h1{position:relative;z-index:1;color:#594a61}
[data-theme="meadow"] .weatherPage #weatherContent{border-radius:0 0 29px 29px;border-color:#dfcfe0}

@media(max-width:800px){
 [data-theme="meadow"] .journalMemo{display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-areas:"title art" "facts art";align-items:start;overflow:hidden}
 [data-theme="meadow"] .journalMemo h2{grid-area:title}
 [data-theme="meadow"] .journalMemo dl{grid-area:facts}
 [data-theme="meadow"] .journalMemo .journalGnome{grid-area:art;width:100%;max-height:none;align-self:end;margin:0 -5px -15px 0}
}
@media(max-width:600px){
 [data-theme="meadow"] #listView>.intro{border-radius:24px 24px 0 0}
 [data-theme="meadow"] #listView>#dailyTip{border-radius:0 0 24px 24px}
 [data-theme="meadow"] .journalMemo{grid-template-columns:minmax(0,1fr) 116px;grid-template-areas:"title title" "facts art"}
 [data-theme="meadow"] .weatherPage .weatherDialogHeader{padding:15px 18px}
 [data-theme="meadow"] .weatherPage .weatherDialogHeader:after{right:6px;width:42px;height:42px;opacity:.32}
 .weatherPage .weatherMoodImage{background-size:cover}
}