/* Browser layout; keeps the Pi palette, seal, typography and page artwork. */
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}body.television{min-height:100vh;background-attachment:fixed;padding:0}
body.television>header{position:sticky;top:0;z-index:20;height:auto;min-height:90px;margin:0;padding:12px clamp(16px,3vw,44px);gap:18px;background:rgba(245,239,223,.96);border-bottom:3px double #b5a88c;box-shadow:0 4px 20px #30251312}
.farm-seal{width:56px;height:62px;font-size:24px}.farm-seal span{font-size:13px}.television .logo{font-size:clamp(30px,3vw,42px);letter-spacing:.18em;line-height:1}.television .sublogo{font-size:10px;letter-spacing:.17em;margin-top:6px}.station-note{font-size:16px}.station-note span{font-size:9px;letter-spacing:.16em;margin-top:6px}.television #date{font-size:12px}.television #clock{font-size:24px}
.web-shell{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,44px);max-width:1580px;margin:auto;padding:28px clamp(16px,3vw,44px) 20px}.web-navigation{position:sticky;top:122px;display:flex;flex-direction:column;gap:5px;padding:12px;background:#f7f0dfeb;border:1px solid #b1a183;box-shadow:0 8px 24px #54442c12}.web-navigation:before{content:'THE FARM ALMANAC';font:10px Arial,sans-serif;letter-spacing:.16em;color:#806f4d;padding:7px 10px 11px}.web-navigation a{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 11px;color:#526047;text-decoration:none;font:15px Georgia,serif;border-left:3px solid transparent}.web-navigation a:hover{background:#e9dfca}.web-navigation a[aria-current=page]{background:#e8dfca;border-left-color:#a36a40;color:#344434}.nav-glyph{width:20px;text-align:center;color:#a36a40;font-size:17px}.web-main{min-width:0}.television main{padding:0}
.screen{display:none;height:auto;min-height:calc(100vh - 215px);padding:5px 0 36px;overflow:visible;box-sizing:border-box}.screen.active{display:block;animation:page-arrival .32s ease-out both}.edition-heading{height:auto;min-height:90px;margin:0 0 22px;gap:18px}.eyebrow{font-size:10px;letter-spacing:.16em}h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.03em;margin:8px 0 0}h1 span{font-size:25px;margin-left:16px}.edition-note{font-size:15px}
.weather-card{height:auto;min-height:190px;padding:26px clamp(18px,3vw,40px);border-radius:3px}.weather-card .section-title,.farm-card>.section-title{font-size:11px;letter-spacing:.16em}.current{width:40%}.temperature{font-size:clamp(58px,7vw,90px);line-height:1}#condition{font-size:16px}.weather-ornament{font-size:76px}.details{font-size:19px;gap:15px 22px}.details .label{font-size:10px;letter-spacing:.12em}.farm-card{height:auto;min-height:220px;margin-top:26px;padding:15px 0}.farm-card>.section-title{padding-bottom:12px}.structured-briefing{gap:24px}.briefing-group .ai-title{font-size:18px;margin:8px 0 12px}.briefing-group .ai-text,.briefing-group:last-child .ai-text,#farm-summary:not(.structured-briefing),.ai-bullet{font-size:17px}.briefing-group:last-child .ai-text{font-size:18px}
.forecast-card,.radar-page{height:auto;min-height:390px;padding:24px}.forecast-card>.section-title,.radar-page>.section-title{font-size:32px;margin-bottom:20px}.forecast-full .forecast{margin-top:32px}.forecast-full .day-name{font-size:14px}.forecast-full .day-temp{font-size:23px;margin-top:18px}.forecast-full .day-rain{font-size:13px;margin-top:10px}.forecast-card:after{font-size:17px;margin-top:42px}.radar-page>.section-title{font-size:26px}.radar-layout{height:auto;min-height:380px;gap:24px}#radar{width:min(42vw,440px);height:min(42vw,440px)}.small-caption,.flight-heading{font-size:10px;letter-spacing:.14em}.flight-info{font-size:14px}.flight-call{font-size:18px}.plane-label,#aircraft-count{font-size:12px}
.wellbeing-grid,.garden-grid{height:auto;min-height:300px;gap:18px}.journal-two,.animal-overview,.chicken-layout{height:auto;min-height:280px;gap:18px}.journal-panel{padding:20px}.journal-panel h2{font-size:24px}.journal-panel p,.chicken-layout p{font-size:16px}.journal-panel a,.journal-edit{font-size:13px}.journal-panel .journal-small,.journal-small{font-size:12px}.journal-record h3{font-size:20px}.journal-record p,.journal-note p{font-size:14px}.journal-note strong,.roster-member strong{font-size:14px}.roster-member span{font-size:12px}.roster-member small{font-size:11px}.chicken-number{font-size:48px}.egg-chart{height:130px}.egg-column{font-size:12px}.egg-column small{font-size:11px}.animal-care .care-copy{font-size:17px}.word-layout,.countdown-layout,.moon-layout,.history-layout{height:auto;min-height:0}.long-read-screen{padding-bottom:55px}
.ticker{position:static;height:auto;min-height:40px;padding:10px 18px;box-sizing:border-box}#ticker-text{font-size:10px;letter-spacing:.12em;padding:0}.farm-backdrop{position:fixed;inset:0;pointer-events:none}#dev-controls{display:none!important}
@media(max-width:900px){body.television>header{min-height:78px;padding:10px 16px;gap:12px}.farm-seal{width:46px;height:52px}.station-note{display:none}.web-shell{display:flex;flex-direction:column;gap:14px;padding:14px 14px 8px}.web-navigation{top:78px;z-index:15;width:100%;box-sizing:border-box;flex-direction:row;gap:4px;overflow-x:auto;padding:6px;scrollbar-width:thin}.web-navigation:before{display:none}.web-navigation a{flex:0 0 auto;min-height:36px;gap:7px;padding:6px 10px;font-size:13px;border:0;border-bottom:3px solid transparent}.web-navigation a[aria-current=page]{border-bottom-color:#a36a40}.screen{min-height:calc(100vh - 185px);padding:8px 2px 28px}.edition-heading{min-height:75px;margin-bottom:17px}.edition-note{display:none}.weather-card{flex-wrap:wrap;gap:18px}.current,.details{width:100%}.details{border:0;border-top:1px solid #d4c39b40;padding:16px 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}.weather-ornament{right:10px;top:15px;font-size:60px}.structured-briefing{flex-direction:column;gap:14px}.briefing-group{border:0;border-bottom:1px solid #b5a88c;padding:0 0 14px}.briefing-group:last-child{border:0}.wellbeing-grid,.garden-grid,.journal-two,.animal-overview,.chicken-layout{grid-template-columns:1fr}.journal-panel{overflow:visible}.radar-layout{display:flex;flex-direction:column}#radar{width:min(88vw,440px);height:min(88vw,440px);align-self:center}.flight-sidebar{width:100%}.animal-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body.television>header{min-height:70px}.farm-seal{width:40px;height:46px;font-size:20px}.television .logo{font-size:27px}.television .sublogo{font-size:8px}.television #date{font-size:10px}.television #clock{font-size:19px}.web-navigation{top:70px}.web-navigation a{font-size:12px;padding:5px 8px}.nav-glyph{display:none}h1{font-size:34px}.screen{padding-top:3px}.forecast-card{overflow-x:auto}.ticker{text-align:center}}
/* Hybrid browser controls: rotation stays on; the page drawer is for direct web selection. */
:root{--web-header-h:90px}
.web-shell{display:block;max-width:1580px;margin:auto;padding:22px clamp(16px,3vw,44px) 20px}
.web-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.web-menu-toggle,.web-rotation-toggle{min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 13px;border:1px solid #a99b7b;border-radius:2px;background:#f7f0df;color:#344434;font:14px Georgia,serif;cursor:pointer;white-space:nowrap}
.web-menu-toggle:hover,.web-rotation-toggle:hover{background:#e8dfca}.web-menu-toggle:focus-visible,.web-rotation-toggle:focus-visible,.web-navigation a:focus-visible{outline:2px solid #a36a40;outline-offset:3px}
.hamburger{display:grid;gap:4px;width:18px}.hamburger i{display:block;height:2px;background:#526047;transition:transform .18s,opacity .18s}
.web-menu-toggle[aria-expanded=true] .hamburger i:first-child{transform:translateY(6px) rotate(45deg)}.web-menu-toggle[aria-expanded=true] .hamburger i:nth-child(2){opacity:0}.web-menu-toggle[aria-expanded=true] .hamburger i:last-child{transform:translateY(-6px) rotate(-45deg)}
.web-navigation{position:fixed;top:var(--web-header-h);bottom:0;left:0;z-index:41;width:min(330px,86vw);box-sizing:border-box;overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease;background:#f7f0df;border:0;border-right:1px solid #b1a183;box-shadow:6px 8px 24px #30251320;padding:16px}
.web-navigation[hidden]{display:none}body.menu-open .web-navigation{transform:translateX(0)}
.web-menu-scrim{position:fixed;z-index:40;top:var(--web-header-h);right:0;bottom:0;left:0;border:0;background:#30251355;cursor:pointer}.web-menu-scrim[hidden]{display:none}
.web-navigation a{min-height:44px}.web-navigation:before{display:block}
@media(max-width:900px){:root{--web-header-h:78px}.web-shell{display:block;padding:14px 14px 8px}.web-controls{gap:6px}.web-menu-toggle,.web-rotation-toggle{min-height:38px;padding:7px 9px;font-size:12px}.web-navigation{position:fixed;top:var(--web-header-h);bottom:0;left:0;width:min(320px,88vw);display:flex;flex-direction:column;overflow-y:auto}.web-navigation:before{display:block}.web-navigation a{flex:0 0 auto;min-height:44px;border:0;border-left:3px solid transparent;padding:8px 11px}.web-navigation a[aria-current=page]{border-left-color:#a36a40}}
@media(max-width:560px){:root{--web-header-h:70px}.web-controls{gap:4px}.web-menu-toggle,.web-rotation-toggle{min-height:36px;padding:6px 7px;gap:6px;font-size:11px}.web-rotation-toggle span:last-child{max-width:78px;white-space:normal;line-height:1.1}.web-navigation .nav-glyph{display:inline-block}}
@media(max-width:560px){body.television>header{gap:7px}.web-menu-toggle>.menu-label,.web-rotation-toggle>span:last-child{display:none}.web-menu-toggle,.web-rotation-toggle{width:34px;min-width:34px;padding:6px}.television #date{font-size:9px}}
/* Compact on-screen controls sit in the locations selected for the web preview. */
.web-menu-toggle{position:fixed;z-index:42;top:calc(var(--web-header-h) + 8px);left:24px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #b1a183;border-radius:2px;background:#f7f0dfed;color:#526047;cursor:pointer;box-shadow:0 2px 8px #30251316}
.web-menu-toggle:hover{background:#e8dfca}.hamburger{display:grid;gap:4px;width:17px}.hamburger i{display:block;height:2px;background:#526047}
.web-transport{position:fixed;z-index:30;left:16px;bottom:14px;display:flex;align-items:center;gap:2px;padding:4px;background:#f7f0dfed;border:1px solid #b1a183;box-shadow:0 2px 8px #3025131c}
.web-transport-button{width:31px;height:30px;padding:0;border:0;background:transparent;color:#526047;font:21px Georgia,serif;line-height:1;cursor:pointer}
.web-transport-button:hover{background:#e8dfca;color:#a36a40}.web-transport-button:focus-visible,.web-menu-toggle:focus-visible{outline:2px solid #a36a40;outline-offset:2px}
.web-menu-scrim{position:fixed;z-index:40;top:var(--web-header-h);right:0;bottom:0;left:0;border:0;background:#30251355;cursor:pointer}.web-menu-scrim[hidden]{display:none}
.web-navigation{position:fixed;top:var(--web-header-h);bottom:0;left:0;z-index:41;width:min(320px,86vw);box-sizing:border-box;overflow-y:auto;background:#f7f0df;border:0;border-right:1px solid #b1a183;box-shadow:6px 8px 24px #30251324;padding:16px;transform:translateX(-105%);transition:transform .22s ease}
.web-navigation[hidden]{display:none}body.menu-open .web-navigation{transform:translateX(0)}.web-navigation:before{display:block}.web-navigation a{min-height:42px}
@media(max-width:900px){.web-menu-toggle{left:12px}.web-transport{left:10px;bottom:10px}.web-navigation{width:min(320px,88vw)}}
/* Full presentation layout: a desktop/TV viewport fits one complete VVTV page. */
.nav-glyph{display:inline-grid;place-items:center;line-height:1}.nav-glyph img{display:block;width:18px;height:18px;object-fit:contain}
.web-menu-toggle{border:0;background:transparent;box-shadow:none;width:28px;height:28px;left:26px}.web-menu-toggle:hover{background:#e8dfca80}.hamburger{width:18px;gap:4px}.hamburger i{height:1.5px}
.web-transport{left:25px;bottom:12px;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}.web-transport-button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:50%;color:#526047;font:0 Arial,sans-serif;opacity:.78;transition:opacity .15s,background .15s,color .15s}.web-transport-button svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.web-transport-button[aria-label="Resume rotation"] svg{fill:currentColor;stroke:none}.web-transport-button:hover{background:#52604712;color:#a36a40;opacity:1}
@media(min-width:901px) and (min-height:501px){
 html,body{height:100%;min-height:0;overflow:hidden}body.television{height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 body.television>header{flex:0 0 var(--web-header-h);height:var(--web-header-h);min-height:0;box-sizing:border-box}
 .web-shell{flex:1 1 auto;width:100%;height:calc(100vh - var(--web-header-h) - 30px);min-height:0;box-sizing:border-box;overflow:hidden;padding:8px clamp(18px,3vw,42px) 6px}
 .web-main{height:100%;min-height:0;overflow:hidden}.screen{height:100%;min-height:0;max-height:100%;overflow:hidden;padding:2px 0 4px;box-sizing:border-box}.screen.active{display:flex;flex-direction:column}
 .screen.active>.edition-heading{flex:0 0 clamp(48px,10vh,68px);min-height:0;height:auto;margin:0 0 clamp(6px,1.4vh,11px);gap:12px;overflow:hidden}.edition-heading .eyebrow{font-size:clamp(8px,1.35vh,10px)}h1{font-size:clamp(28px,6vh,46px);line-height:1.05;margin:5px 0 0}h1 span{font-size:clamp(16px,3vh,23px);margin-left:12px}.edition-note{font-size:clamp(11px,2vh,14px);line-height:1.4}
 .screen.active>.weather-card,.screen.active>.farm-card,.screen.active>.forecast-card,.screen.active>.radar-page,.screen.active>.wellbeing-grid,.screen.active>.garden-grid,.screen.active>.animal-overview,.screen.active>.chicken-layout,.screen.active>.journal-two,.screen.active>.word-layout,.screen.active>.countdown-layout,.screen.active>.moon-layout,.screen.active>.history-layout,.screen.active>.calendar-grid{flex:1 1 auto;min-height:0;height:auto;max-height:100%;box-sizing:border-box}
 .home-screen>.weather-card{flex:0 0 38%;padding:clamp(10px,2vh,16px) clamp(14px,2.4vw,30px);min-height:0}.home-screen>.farm-card{margin-top:10px;padding:8px 0;overflow:hidden}.weather-card .section-title,.farm-card>.section-title{font-size:clamp(9px,1.5vh,11px)}.temperature{font-size:clamp(44px,10vh,72px);line-height:.95}.weather-ornament{font-size:clamp(44px,11vh,68px)}.details{font-size:clamp(13px,2.5vh,17px);gap:8px 14px}.details .label{font-size:clamp(8px,1.4vh,10px)}.farm-card>.section-title{padding-bottom:6px}.structured-briefing{gap:14px}.briefing-group{padding-right:12px}.briefing-group .ai-title{font-size:clamp(13px,2.4vh,17px);margin:5px 0 7px}.briefing-group .ai-text,.briefing-group:last-child .ai-text,#farm-summary:not(.structured-briefing),.ai-bullet{font-size:clamp(12px,2.25vh,16px);line-height:1.35;margin-bottom:5px}.briefing-group:last-child .ai-text{font-size:clamp(13px,2.4vh,17px)}
 .forecast-screen>.forecast-card{padding:clamp(12px,2vh,18px)}.forecast-card>.section-title{font-size:clamp(21px,5vh,32px);margin-bottom:8px}.forecast-full .forecast{margin-top:clamp(8px,2vh,16px)}.forecast-full .day-name{font-size:clamp(10px,2vh,14px)}.forecast-full .day-temp{font-size:clamp(16px,3.5vh,23px);margin-top:8px}.forecast-full .day-rain{font-size:clamp(10px,1.8vh,13px);margin-top:5px}
 .screen.active>.radar-page{display:flex;flex-direction:column;padding:clamp(10px,2vh,18px)}.radar-page>.section-title{font-size:clamp(18px,4vh,25px);margin:0 0 5px;flex:0 0 auto}.radar-layout{flex:1;min-height:0;height:auto;gap:16px}.flight-screen .flight-top{height:auto;min-height:34px;margin-bottom:3px;flex:0 0 auto}#radar{width:min(34vh,31vw);height:min(34vh,31vw);flex:0 0 auto}.flight-info{font-size:clamp(10px,1.8vh,13px)}.flight-call{font-size:clamp(14px,2.5vh,18px)}
 .wellbeing-grid,.garden-grid,.animal-overview,.chicken-layout,.journal-two,.countdown-layout,.moon-layout,.history-layout,.word-layout{gap:clamp(8px,1.7vw,18px);overflow:hidden}.wellbeing-grid .journal-panel,.garden-grid .journal-panel,.animal-overview .journal-panel,.chicken-layout .journal-panel,.journal-two .journal-panel{overflow:hidden;padding:clamp(10px,2vh,17px)}.journal-panel h2{font-size:clamp(17px,3vh,23px);margin:4px 0 8px}.journal-panel p,.chicken-layout p{font-size:clamp(12px,2vh,15px);line-height:1.35;margin:.4em 0}.journal-panel a,.journal-edit{font-size:clamp(10px,1.6vh,12px)}.journal-panel .journal-small,.journal-small{font-size:clamp(9px,1.4vh,11px);line-height:1.35}.journal-record h3{font-size:clamp(14px,2.5vh,19px)}.journal-record p,.journal-note p{font-size:clamp(11px,1.7vh,13px)}.animal-overview{height:auto}.roster-member strong{font-size:clamp(12px,1.8vh,14px)}.roster-member span{font-size:clamp(10px,1.5vh,12px)}.chicken-number{font-size:clamp(32px,6vh,46px)}.coop-parade{height:clamp(22px,4vh,30px);flex:0 0 auto;margin:0;padding-left:12px}.chickens-screen>.chicken-layout{flex:1 1 auto;min-height:0}.chickens-screen>.journal-save-status{flex:0 0 auto;margin:2px 0 0}
 .history-layout{height:auto;padding:clamp(10px,2vh,17px);gap:clamp(12px,2.5vw,28px)}.moon-layout{height:auto}.moon-feature,.moon-calendar,.zodiac-notes{padding:clamp(10px,2vh,16px)}.moon-feature .moon-icon{width:clamp(54px,12vh,88px);height:clamp(54px,12vh,88px);margin:5px auto}.moon-layout h2{font-size:clamp(16px,3vh,22px);margin:6px 0}.moon-layout p{font-size:clamp(12px,1.8vh,14px)}.zodiac-symbols{font-size:clamp(25px,5vh,38px);margin:8px 0}
 .word-layout{grid-template-columns:1fr 1fr}.word-feature{padding:clamp(10px,2vh,16px) clamp(12px,2vw,22px)}.word-feature h2{font-size:clamp(32px,7vh,54px);margin:clamp(7px,1.6vh,13px) 0 5px}.word-feature #word-definition{font-size:clamp(13px,2.5vh,18px);line-height:1.3}.word-details{gap:5px}.word-details article{padding:clamp(7px,1.4vh,11px) clamp(10px,1.7vw,16px)}.word-details p,.word-details blockquote{font-size:clamp(11px,1.8vh,14px);line-height:1.3;margin:5px 0 0}.word-practice{flex:0 0 auto;max-height:28px;overflow:hidden;padding:4px 8px;margin-top:5px;font-size:11px}.word-practice p{display:inline;margin-left:6px;font-size:11px}
 .calendar-grid{height:auto;flex:1;min-height:0}.calendar-day{padding:5px}.calendar-day-number{font-size:clamp(18px,3vh,24px);margin:2px 0 6px}.calendar-event{padding:4px;margin-bottom:5px}.calendar-event-title{font-size:clamp(10px,1.5vh,12px)}.calendar-legend,.calendar-status{font-size:10px;margin:4px 0}.calendar-week-tools{font-size:12px}.calendar-week-tools button{font-size:10px;padding:3px 6px}
 .ticker{flex:0 0 30px;height:30px;min-height:30px;padding:7px 15px;overflow:hidden}#ticker-text{font-size:9px}
}
.web-transport{bottom:34px}
@media(max-width:900px){.web-transport{bottom:30px}}
/* Keep floating controls in a dedicated left gutter, clear of page content. */
.web-menu-toggle{left:10px;width:25px;height:25px;top:calc(var(--web-header-h) + 9px);opacity:.34;transition:opacity .18s,background .18s,color .18s}
.web-menu-toggle:hover,.web-menu-toggle:focus-visible{opacity:.96;background:transparent}
.web-transport{left:10px;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;opacity:.3;transition:opacity .18s}
.web-transport:hover,.web-transport:focus-within{opacity:.96}
.web-transport-button{width:24px;height:24px}
.web-transport-button svg{width:15px;height:15px}
.web-navigation{background:rgba(247,240,223,.73);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);border-right:1px solid rgba(177,161,131,.52);box-shadow:12px 8px 42px rgba(38,46,35,.24)}
.web-menu-scrim{background:rgba(38,46,35,.14);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.screen.active{padding-left:16px}
@media(max-width:900px){.web-menu-toggle{left:10px;width:25px;height:25px}.web-transport{left:10px;bottom:30px}.screen.active{padding-left:40px}}
@media(hover:none){.web-menu-toggle,.web-transport{opacity:.68}}
/* Softer glass treatment for the open section drawer. */
.web-navigation{background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(246,239,222,.42));backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45);border:1px solid rgba(255,255,255,.48);border-left:0;border-radius:0 22px 22px 0;box-shadow:0 8px 36px rgba(41,49,39,.18),inset -1px 0 rgba(255,255,255,.32);scrollbar-width:thin;scrollbar-color:rgba(91,104,84,.34) transparent}
.web-navigation::-webkit-scrollbar{width:8px}.web-navigation::-webkit-scrollbar-track{background:transparent}.web-navigation::-webkit-scrollbar-thumb{background:rgba(91,104,84,.3);border:2px solid transparent;border-radius:99px;background-clip:padding-box}.web-navigation::-webkit-scrollbar-thumb:hover{background:rgba(91,104,84,.48);background-clip:padding-box}
.web-navigation:before{color:#6f674e;text-shadow:0 1px 8px rgba(255,255,255,.55)}.web-navigation a{border-radius:11px;transition:background .18s,color .18s,box-shadow .18s}.web-navigation a:hover{background:rgba(255,255,255,.36)}.web-navigation a[aria-current=page]{background:rgba(255,255,255,.44);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.web-menu-scrim{background:rgba(38,46,35,.07);backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px)}

/* Compact Apple-glass section drawer with an inset scrolling region. */
.web-navigation{display:block;overflow:hidden;padding:0;background:linear-gradient(145deg,rgba(255,255,255,.31),rgba(246,239,222,.22));backdrop-filter:blur(30px) saturate(1.55);-webkit-backdrop-filter:blur(30px) saturate(1.55);border:1px solid rgba(255,255,255,.5);border-left:0;border-radius:0 22px 22px 0;box-shadow:0 8px 36px rgba(41,49,39,.17),inset -1px 0 rgba(255,255,255,.34);scrollbar-width:none}
.web-navigation::-webkit-scrollbar{display:none;width:0;height:0}
.web-navigation-scroll{position:absolute;inset:8px 9px 8px 0;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:10px 15px 14px;scrollbar-width:thin;scrollbar-color:rgba(91,104,84,.3) transparent}
.web-navigation-scroll::-webkit-scrollbar{width:6px}.web-navigation-scroll::-webkit-scrollbar-track{background:transparent}.web-navigation-scroll::-webkit-scrollbar-thumb{background:rgba(91,104,84,.28);border:1px solid transparent;border-radius:99px;background-clip:padding-box}.web-navigation-scroll::-webkit-scrollbar-thumb:hover{background:rgba(91,104,84,.48);background-clip:padding-box}.web-navigation-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}
.web-navigation:before{display:none}.web-navigation-scroll:before{content:'THE FARM ALMANAC';display:block;font:10px Arial,sans-serif;letter-spacing:.16em;color:#6f674e;text-shadow:0 1px 8px rgba(255,255,255,.55);padding:7px 9px 9px}
.web-navigation-scroll a{min-height:0;gap:8px;padding:5px 9px;line-height:1.22;border-radius:10px;transition:background .18s,color .18s,box-shadow .18s}.web-navigation-scroll a:hover{background:rgba(255,255,255,.32)}.web-navigation-scroll a[aria-current=page]{background:rgba(255,255,255,.38);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.nav-glyph{width:19px;min-width:19px;display:inline-grid;place-items:center;line-height:1;color:#a36a40;font-size:16px}.nav-glyph svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.web-navigation{display:block;overflow:hidden;padding:0}.web-navigation-scroll{inset:7px 8px 7px 0;padding:8px 14px 12px}.web-navigation-scroll a{flex:0 0 auto;min-height:0;padding:5px 8px}.web-navigation-scroll:before{display:block}}

/* Give every page title enough line-box height for the full italic glyphs. */
@media(min-width:901px) and (min-height:501px){.screen.active>.edition-heading{flex-basis:clamp(62px,12vh,78px);overflow:visible}.screen.active>.edition-heading h1{line-height:1.2;margin:4px 0 2px;padding-bottom:.08em;overflow:visible}.screen.active>.edition-heading .eyebrow{line-height:1.35}}
@media(max-width:900px){.screen.active>.edition-heading{overflow:visible}.screen.active>.edition-heading h1{line-height:1.2;padding-bottom:.08em;overflow:visible}}
/* Radio in the section menu (js/radio.js). */
.web-radio{margin:14px 0 6px;padding:12px 11px 4px;border-top:1px solid #d6c9ae}.web-radio h2{margin:0 0 8px;font:600 11px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#806f4d}.web-radio-row{display:flex;gap:8px}.web-radio select{flex:1;min-width:0;min-height:36px;padding:4px 6px;border:1px solid #b1a183;background:#fbf7ee;color:#344434;font:14px Georgia,serif}.web-radio button{min-width:64px;min-height:36px;border:1px solid #344b3a;background:#344b3a;color:#f7f0df;font:14px Georgia,serif;cursor:pointer}.web-radio button[aria-pressed=true]{background:#fbf7ee;color:#344b3a}.web-radio button:focus-visible,.web-radio select:focus-visible{outline:2px solid #a36a40;outline-offset:2px}.web-radio-note{margin:8px 0 0;font:italic 13px Georgia,serif;color:#7a6e5a}
