/* A notebook almanac: every mark is tied to a dated diary observation. */
.almanac-masthead{position:relative;isolation:isolate;min-height:300px;margin:17px 0 25px;display:grid;place-items:center;overflow:hidden;border-top:3px double var(--line);border-bottom:3px double var(--line)}
.almanac-masthead>img{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.almanac-masthead>div{text-align:center;padding:32px 10px 38px;max-width:55%;text-shadow:0 1px 8px #fff3dccc}
.almanac-masthead .overline{font-size:11px;letter-spacing:2px;margin:0 0 13px}
.almanac-masthead h2{font:italic 600 53px/.95 var(--display);color:var(--red);margin:0 0 13px}
.almanac-masthead p:last-child{font:italic 22px var(--display);margin:0}
.weather-month-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:3px double var(--line);padding:0 4px 15px;gap:15px}
.weather-month-toolbar>div{display:flex;align-items:center;gap:10px}
.weather-month-toolbar select{background:#fff8e877;border:1px solid #b59a6d;color:var(--red);padding:7px 12px;font:600 28px var(--display);border-radius:0}
.weather-month-toolbar>a,.weather-month-toolbar>span{font:28px var(--display);padding:8px 12px;text-decoration:none}
.weather-month-toolbar>span{opacity:.25}
.weather-month-count{font:18px var(--display)!important;color:#6b5c42;margin:16px 0!important}
.weather-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start;margin-bottom:35px}
.weather-weekdays,.weather-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.weather-weekdays span{text-align:center;font:600 17px var(--display);color:#6c5b3d;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.weather-calendar-grid{border-left:1px solid #c5af8599;background:#fff9e955}
.weather-day,.weather-empty-day,.weather-calendar-pad{min-width:0;min-height:93px;border-right:1px solid #c5af8599;border-bottom:1px solid #c5af8599;padding:7px 4px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:space-between}
.weather-day{color:#645136;background:#fff9e966;transition:background .15s}
.weather-day:hover{background:#ecdab7}
.weather-day[aria-pressed="true"]{background:#e8d4ab;box-shadow:inset 0 0 0 2px var(--red);color:var(--red)}
.weather-day-number{align-self:flex-start;font:600 18px var(--display);line-height:1;margin-left:3px}
.weather-empty-day{color:#998f7988;align-items:flex-start;justify-content:flex-start;font:18px var(--display);padding-left:7px}
.weather-calendar-pad{background:#dbccb733}
.weather-day-symbols{display:flex;align-items:center;justify-content:center;gap:1px;min-height:29px}
.weather-icon{width:29px;height:29px;flex-shrink:1}
.weather-cell-reading{font:600 16px/1.2 var(--display);min-height:18px;white-space:nowrap}
.weather-cell-reading small{font-size:11px;font-weight:400}
.weather-note-symbol{font:25px var(--display)}
.weather-calendar-key,.weather-chart-key,.weather-method-note{font:15px/1.55 var(--display)!important;color:#6e6047;margin:12px 0!important}
.weather-day-panel{padding:22px 20px;border:1px solid #bda87c;background:linear-gradient(100deg,#eddfbd66,#fff9e8bb);box-shadow:2px 4px 8px #5f452315;max-height:610px;overflow:auto}
.weather-day-panel:focus{outline:2px solid var(--sage);outline-offset:3px}
.weather-day-panel .overline{font-size:10px;letter-spacing:1.5px;margin:0}
.weather-day-panel h3{font:italic 600 28px/1.1 var(--display);margin:10px 0 18px;color:var(--red)}
.weather-readings,.weather-observations{list-style:none;margin:0;padding:0}
.weather-readings li,.weather-observations li{border-bottom:1px solid #c7b28c66;padding:0 0 12px;margin:0 0 12px;font:13px/1.65 var(--body)}
.weather-readings strong{font:600 25px var(--display);color:var(--red);margin-right:5px}
.weather-reading-time,.weather-reading-note,.weather-evidence-kind{font:14px/1.4 var(--display);color:#706146}
.weather-reading-note,.weather-evidence-kind,.weather-quote{display:block}
.weather-evidence-kind{text-transform:uppercase;letter-spacing:.7px;font-size:10px;margin-bottom:4px;color:var(--red)}
.weather-reading-note{margin-top:5px;font-style:italic}
.weather-day-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font:600 18px var(--display);padding-top:4px;color:var(--red)}
.weather-day-actions button{font:inherit;text-decoration:underline;text-underline-offset:4px;padding:0}
.weather-chart-section{border-top:3px double var(--line);padding:25px 0 0;margin:26px 0}
.weather-chart-section>.overline{font-size:11px;margin:0 0 7px}
.weather-chart-section>h3{font:italic 600 35px var(--display);color:var(--red);margin:0 0 10px}
.weather-chart-explanation{font:17px/1.55 var(--display)!important;color:#685a40;max-width:900px;margin:0 0 18px!important}
.weather-chart-scroll{overflow-x:auto;max-width:100%;border:1px solid #ccb99388;background:#fff9ea55}
.weather-chart-scroll:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.temperature-svg,.condition-svg{display:block;width:100%;height:auto;min-width:680px;color:#68563c}
.temperature-svg text,.condition-svg text{font:15px Georgia,serif;fill:#5f5039}
.weather-grid-line{stroke:#c8b998;stroke-width:.7}
.weather-temperature-point{fill:var(--red);stroke:#fff5df;stroke-width:1.5}
.weather-temperature-point.approximate{fill:#fff4dd;stroke:var(--red);stroke-width:2}
.weather-condition-mark{fill:var(--sage);stroke:var(--sage);stroke-width:1.5}
.weather-condition-mark.uncertain,.weather-condition-mark.forecast,.weather-condition-mark.reported{fill:#fff6e4}
.weather-condition-mark.forecast{stroke:var(--red)}
.weather-extra-label{display:flex;align-items:center;gap:9px;font:600 17px var(--display);margin:12px 0 15px;color:#6b5739;cursor:pointer}
.weather-extra-label input{accent-color:var(--red);width:17px;height:17px}
.weather-chart-empty{padding:25px;border:1px solid var(--line);background:#efe3c780;font:19px/1.6 var(--display);color:#6e5d3d}
.weather-register{border:1px solid #b9a177;background:#fff8e855;margin:30px 0 18px;padding:16px 20px}
.weather-register summary{font:600 23px var(--display);color:var(--red);cursor:pointer}
.weather-register-scroll{overflow:auto;margin-top:18px}
.weather-register table{border-collapse:collapse;width:100%;font:13px/1.7 var(--body);min-width:650px}
.weather-register caption{text-align:left;font:17px var(--display);color:#6d5b3e;margin-bottom:16px}
.weather-register th,.weather-register td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #c3b18e88}
.weather-register thead th{font:600 18px var(--display)}
.weather-register tbody th{font:600 18px var(--display);width:18%}
.weather-register ul{margin:0;padding:0;list-style:none}
.weather-register li{margin-bottom:12px}
.weather-register .weather-reading-time{display:block}
.weather-register .weather-quote{font-size:12px}
.weather-no-notes p{font:17px/1.5 var(--display)}
@media(max-width:980px){.weather-calendar-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.weather-day{min-height:85px}.weather-day-panel{padding:18px 15px}.almanac-masthead{min-height:265px}.almanac-masthead h2{font-size:46px}}
@media(max-width:760px){.weather-calendar-layout{display:block}.weather-day-panel{margin-top:20px;max-height:none}.weather-day{min-height:95px}.weather-day-panel h3{font-size:31px}.weather-readings li,.weather-observations li{font-size:14px}.weather-calendar-key{max-width:500px}.almanac-masthead{min-height:230px}.almanac-masthead>div{max-width:75%;padding:25px 5px}.almanac-masthead>img{opacity:.55}.almanac-masthead h2{font-size:43px}.almanac-masthead .overline{font-size:10px}.almanac-masthead p:last-child{font-size:20px}.weather-chart-section>h3{font-size:31px}.weather-month-toolbar select{font-size:25px;padding:7px 8px}.weather-month-toolbar{gap:4px}.weather-month-toolbar>a,.weather-month-toolbar>span{padding:8px 6px}.weather-month-count{font-size:17px!important}.weather-register{padding:14px}.weather-register summary{font-size:21px}}
@media(max-width:440px){.weather-day,.weather-empty-day,.weather-calendar-pad{min-height:82px;padding:6px 2px}.weather-day-symbols{gap:0;min-height:24px}.weather-icon{width:21px;height:25px}.weather-day-number{font-size:17px}.weather-cell-reading{font-size:14px}.weather-cell-reading small{font-size:9px}.weather-weekdays span{font-size:15px}.almanac-masthead>div{max-width:90%}.almanac-masthead h2{font-size:40px}.weather-month-toolbar select{font-size:23px}.weather-month-toolbar>div{gap:5px}}
@media print{.weather-month-toolbar,.weather-extra-label,.weather-day-actions{display:none}.weather-day-panel{max-height:none;overflow:visible;box-shadow:none}.weather-chart-scroll{overflow:visible}.temperature-svg,.condition-svg{min-width:0}.weather-register{break-inside:auto}.weather-chart-section{break-inside:avoid}}

.weather-uncertain-symbol{font:600 11px Georgia,serif;margin-left:3px;vertical-align:super;color:var(--red)}
.condition-svg{min-width:900px}
.condition-svg .weather-row-kind{font-size:12px;fill:#74634b}
.weather-condition-mark.uncertain{stroke-dasharray:2 1}
.condition-svg a:hover .weather-condition-mark,.condition-svg a:focus .weather-condition-mark{stroke:var(--red);stroke-width:3}

.weather-mobile-scroll{display:none;font:italic 14px var(--display)!important;color:#6e6047}
@media(max-width:760px){.weather-mobile-scroll{display:block}}

/* The two lines compare recorded values, not reconstructed daily extrema. */
.weather-temp-legend{display:flex;flex-wrap:wrap;gap:10px 24px;margin:16px 0;font:600 16px var(--display);color:#716147}
.weather-temp-legend span{display:inline-flex;align-items:center;gap:7px}.weather-temp-legend i{font-style:normal}
.weather-temp-legend .lower{color:#426b87}.weather-temp-legend .higher{color:#963b32}.weather-temp-legend .other{color:#70654d}
.weather-temperature-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.weather-temperature-line.lower{stroke:#426b87;stroke-dasharray:6 4}.weather-temperature-line.higher{stroke:#963b32}
.weather-temperature-point.lower{fill:#426b87;stroke:#fff5df}.weather-temperature-point.higher{fill:#963b32;stroke:#fff5df}.weather-temperature-point.other{fill:#70654d;stroke:#fff5df}
.weather-temperature-point.approximate{fill:#fff4dd;stroke-width:2}.weather-temperature-point.approximate.lower{stroke:#426b87}.weather-temperature-point.approximate.higher{stroke:#963b32}.weather-temperature-point.approximate.other{stroke:#70654d}
.temperature-svg a:hover .weather-temperature-point,.temperature-svg a:focus .weather-temperature-point{stroke:#27251e;stroke-width:3}

/* Higgsfield engraved-watercolor weather motifs, larger than the former glyphs. */
.weather-day,.weather-empty-day,.weather-calendar-pad{min-height:112px}
.weather-day-symbols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;width:100%;min-height:44px;gap:0}
.weather-day-symbols>:only-child{grid-column:1/-1}
.weather-icon-art{width:44px;height:44px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.weather-day-symbols .weather-note-symbol{font-size:32px;line-height:44px}
@media(max-width:760px){.weather-day,.weather-empty-day,.weather-calendar-pad{min-height:126px}.weather-day-symbols{grid-template-columns:1fr;min-height:68px;align-content:center}.weather-icon-art{width:34px;height:34px;max-width:100%}.weather-day-symbols .weather-note-symbol{font-size:30px;line-height:34px}}

@media(max-width:440px){.weather-condition-word{display:none}}

/* Full-width illustrated collection banners share the Almanac treatment. */
.theme-banner{margin-top:17px;margin-bottom:27px}
.theme-banner>div{padding:32px 10px;max-width:60%}
.theme-banner h2{margin:0;font:italic 600 53px/1.02 var(--display);color:var(--red);text-wrap:balance}
.theme-introduction{max-width:900px;margin:0 0 26px}
.theme-introduction .theme-description{font:22px/1.4 var(--display);color:#514633;margin:0 0 12px}
.theme-introduction .theme-context{font:16px/1.55 var(--display);color:#6a5b42;margin:0;max-width:820px}
@media(max-width:980px){.theme-banner h2{font-size:46px}}
@media(max-width:760px){.theme-banner>div{max-width:85%;padding:24px 8px}.theme-banner h2{font-size:42px}.theme-introduction .theme-description{font-size:21px}}
@media(max-width:440px){.theme-banner>div{max-width:92%}.theme-banner h2{font-size:39px}}
@media(max-width:360px){.theme-banner h2{font-size:35px}}
@media(max-width:360px){.weather-month-toolbar{gap:2px;padding-left:0;padding-right:0}.weather-month-toolbar>div{gap:3px;min-width:0}.weather-month-toolbar select{font-size:20px;padding:7px 4px;min-width:0}.weather-month-toolbar>a,.weather-month-toolbar>span{font-size:22px;padding:8px 3px}}

/* Keep the full radio, house, soldiers and aircraft visible in the Wartime banner. */
.theme-banner[data-theme-banner="wartime"]{aspect-ratio:7/3}
.theme-banner[data-theme-banner="wartime"]>img{object-fit:contain}
@media(max-width:760px){.theme-banner[data-theme-banner="wartime"]{aspect-ratio:auto}.theme-banner[data-theme-banner="wartime"]>img{object-fit:contain;opacity:.8}}