/*
Theme Name: Bainbridge Island News
Description: Custom editorial theme for bainbridgeisland.news.
Version: 0.1.0
Requires PHP: 8.0
Text Domain: bainbridge-news
License: GPL-2.0-or-later
*/
:root{--ink:#203b30;--green:#315b40;--muted:#6c726a;--line:#dce0d5;--paper:#fbfbf7;--sage:#edf1e7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9eaf52;outline-offset:5px}.wrap{max-width:1256px;margin:auto;padding:0 40px}.preview{min-height:38px;background:#e8eddf;display:flex;align-items:center;justify-content:space-between;padding:9px 32px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#4c6047;gap:16px}.preview-dot{display:inline-block;width:6px;height:6px;background:#72924f;border-radius:50%;margin-right:8px}.preview-note{font-size:11px;font-weight:400;letter-spacing:0;margin-left:16px}.ad-toggle{display:flex;align-items:center;gap:9px;letter-spacing:0;font-size:11px;cursor:pointer}.ad-toggle input{position:absolute;opacity:0;width:30px;height:20px}.switch{width:27px;height:15px;background:#bbc5b1;border-radius:20px;padding:3px}.switch:after{content:"";display:block;background:white;width:9px;height:9px;border-radius:100%;transition:transform .2s}input:checked+.switch{background:var(--green)}input:checked+.switch:after{transform:translateX(12px)}input:focus-visible+.switch{outline:3px solid var(--green)}.masthead{min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:32px;letter-spacing:-1.1px;font-weight:750;line-height:1.15}.brand svg{width:44px;height:53px}.news{display:flex;align-items:center;gap:13px;letter-spacing:6px;font-size:15px;margin-top:9px}.brand-rule{height:1px;background:#93a58c;flex:1}.masthead-right{text-align:right;font-size:12px;color:var(--muted)}.masthead-right p{margin-bottom:11px}.text-button{border:0;background:none;padding:0;font-weight:600;font-size:12px;text-align:left;line-height:1.5}.text-button span{margin-left:7px}.nav-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between}.nav-items{display:flex;gap:33px}.nav-items button{border:0;background:none;padding:19px 0;font-size:12px;position:relative;white-space:nowrap}.nav-items button.active{font-weight:700}.nav-items button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--green)}.search-button{border:0;background:none;padding:10px}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 37px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.5}h1,.intro-title{font-size:41px;font-weight:550;letter-spacing:-1.6px;margin:10px 0 0}.intro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:48px}.section-line{border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:15px 0 21px;gap:15px}.section-line h2{font-size:13px;margin:0;font-weight:650}.section-line>span{color:var(--muted);font-size:10px}.story{border-bottom:1px solid var(--line);padding-bottom:29px;margin-bottom:30px}.story figure{margin:0 0 22px;position:relative;overflow:hidden}.story img{width:100%;height:290px;display:block;object-fit:cover}.story:first-child img{height:335px;object-position:center 48%}.story figcaption{position:absolute;right:10px;bottom:9px;font-size:9px;color:white;background:#203b30b3;padding:4px 7px;border-radius:2px}.story .category{color:#547446;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.story .category:before{content:"";width:6px;height:6px;border-radius:50%;background:#799454}.story :is(h1,h2){font-size:31px;line-height:1.17;letter-spacing:-.9px;font-weight:600;margin:12px 0}.story :is(h1,h2) button{border:0;background:none;text-align:left;padding:0;font:inherit}.meta{font-size:10px;color:var(--muted);display:flex;gap:9px;align-items:center;margin:15px 0}.meta .sample{background:#eff0e8;border-radius:3px;padding:4px 6px;color:#55644d}.summary,.full-story p{font-size:15px;line-height:1.8;color:#515950;margin:16px 0}.read-button{background:none;border:0;padding:5px 0;font-size:12px;font-weight:700;color:#315b40;display:inline-flex;align-items:center;gap:25px}.read-button:hover,.text-button:hover,a:hover{color:#668648}.story-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.story-actions .label{font-size:10px;color:var(--muted)}.full-story{border-top:1px solid var(--line);margin-top:20px;padding-top:5px}.full-story h3{font-size:20px;letter-spacing:-.3px;margin-top:25px}.full-story blockquote{font-size:18px;line-height:1.6;margin:25px 0;padding:8px 0 8px 20px;border-left:3px solid #99ad77}.reporting-note{background:var(--sage);padding:16px;font-size:12px;line-height:1.7;color:#53624a}.side-card{background:var(--sage);padding:27px;position:relative;overflow:hidden}.side-card h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;font-weight:550;margin:19px 0 15px}.side-card p,.tip-card p{font-size:13px;line-height:1.8;color:#617059}.side-card .text-button{font-size:11px;margin-top:8px;position:relative;z-index:1}.note{padding-bottom:110px}.leaf-art{position:absolute;right:0;bottom:-4px;width:155px}.side-section{margin-top:33px}.side-section .section-line{padding-bottom:8px}.side-caption{font-size:11px;color:var(--muted);margin:8px 0 20px}.side-section>a{display:flex;gap:12px;padding:19px 0;border-bottom:1px solid var(--line);align-items:start;font-size:12px;line-height:1.4}.side-section>a>span{font-size:10px;color:#8a9781}.side-section a small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}.side-section a b{margin-left:auto;font-weight:400}.topics>div:last-child{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.topics button{border:1px solid var(--line);background:none;padding:8px 10px;font-size:10px;border-radius:2px}.topics button:hover{background:var(--sage)}.tip-card{margin-top:35px;padding:24px 0;border-top:1px solid var(--line)}.tip-card .eyebrow{font-size:9px}.tip-card h2{font-size:22px;line-height:1.3;font-weight:550;letter-spacing:-.5px}.end-note{text-align:center;font-size:12px;color:#64745c;margin:38px 0 62px}.end-note span{display:block;font-size:11px;margin-top:7px;color:#929989}footer{background:#eaf0e3;padding:37px 0 20px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand{font-weight:650;font-size:20px;letter-spacing:-.5px}.footer-brand span{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#6f7b68;margin-top:8px}.footer-inner>div:last-child{display:flex;gap:25px}.footer-inner button{border:0;background:none;font-size:11px;padding:5px 0}.footer-bottom{display:flex;justify-content:space-between;margin-top:30px;font-size:9px;color:#71816b;gap:20px}.advert{display:none;background:#f1f0e7;border:1px solid #dddccf;text-align:center;padding:22px;color:#747561}.ads-on .advert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.advert span{font-size:8px;letter-spacing:1.5px}.advert strong{font-size:21px;font-weight:500}.advert small{font-size:10px}.banner{margin:0 0 30px;min-height:115px}.square{margin-top:30px;min-height:245px}dialog{border:1px solid var(--line);background:var(--paper);max-width:550px;width:calc(100% - 36px);padding:38px;color:var(--ink)}dialog::backdrop{background:#12291fc2}dialog h2{font-size:29px;letter-spacing:-.8px}dialog p{font-size:15px;line-height:1.8;color:#53614c}.close{position:absolute;right:12px;top:7px;background:none;border:0;font-size:28px}#search-panel{padding-top:18px;padding-bottom:18px}#search-panel label{font-size:12px;margin-right:20px}#search{padding:12px;border:1px solid var(--line);background:white;width:300px;max-width:100%}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:15px;z-index:99}[hidden]{display:none!important}@media(min-width:1450px){.wrap{max-width:1350px}.page-grid{grid-template-columns:minmax(0,1fr) 310px;gap:60px}.story:first-child img{height:380px}}@media(max-width:950px){.wrap{padding-left:25px;padding-right:25px}.page-grid{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.nav-items{gap:23px}.brand{font-size:28px}.masthead-right p{max-width:180px}.side-card{padding:20px 20px 100px}.story :is(h1,h2){font-size:27px}.story:first-child img{height:285px}.footer-inner>div:last-child{gap:15px}}@media(max-width:700px){.preview{padding:10px 16px;font-size:8px}.preview-note{display:none}.ad-toggle{font-size:10px}.wrap{padding-left:20px;padding-right:20px}.masthead{min-height:113px}.brand{font-size:27px}.brand svg{width:34px}.news{font-size:12px}.masthead-right{display:none}.nav-items{gap:23px;overflow:auto}.nav-items button{font-size:11px;padding:17px 0}.search-button{margin-left:12px}.intro{padding:30px 0 26px}.intro p{display:none}h1,.intro-title{font-size:35px}.eyebrow{font-size:9px}.page-grid{grid-template-columns:1fr;gap:5px}.story:first-child img{height:260px}.story img{height:225px}.story :is(h1,h2){font-size:28px}.summary,.full-story p{font-size:15px}.story-actions .label{font-size:9px}.note{padding-bottom:55px}.note p{max-width:80%}.side-card h2 br{display:none}.side-card{margin-bottom:30px}.side-section{margin-top:25px}.tip-card{margin-bottom:25px}.end-note{margin-bottom:35px}.footer-inner{display:block}.footer-inner>div:last-child{margin-top:25px;flex-wrap:wrap}.footer-bottom{display:block;line-height:1.8}.footer-bottom>span{display:block}#search-panel label{display:block;margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Environmental edition: a unified island emblem and focused navigation. */
.brand .island-logo{width:94px;height:112px;flex-shrink:0}.brand{gap:17px}.news{font-size:13px;letter-spacing:2.5px;white-space:nowrap;margin-top:10px}.news .brand-rule{display:none}.masthead{min-height:159px}.nav-items{gap:30px}aside>.side-section:first-child{margin-top:0}.footer-brand{max-width:450px;font-size:19px}
@media(max-width:950px){.brand{font-size:26px}.brand .island-logo{width:80px;height:100px}.news{font-size:11px;letter-spacing:2px}.nav-items{gap:23px}.masthead-right{max-width:200px}.footer-brand{max-width:330px}}
@media(max-width:700px){.masthead{min-height:136px}.brand{font-size:25px;gap:13px}.brand .island-logo{width:73px;height:94px}.news{font-size:10px;letter-spacing:1.8px}.nav-items{gap:23px}.nav-items button{font-size:11px}.footer-brand{font-size:19px;line-height:1.4}aside>.side-section:first-child{margin-top:12px}}
@media(max-width:370px){.brand{font-size:22px}.brand .island-logo{width:64px}.news{font-size:9px;letter-spacing:1.4px}}

/* Version 3: warm brown #b39778 at 20% over white. */
:root{--paper:#f0eae4}
.intro{gap:28px}.intro h1,.intro-title{max-width:750px}.intro p{flex-shrink:0}
.meeting{border-bottom:1px solid var(--line);padding:16px 0}.meeting h3{font-size:13px;line-height:1.5;margin:0 0 8px}.meeting p{font-size:11px;line-height:1.6;margin:4px 0;color:var(--muted)}.meeting a{font-size:11px;text-decoration:underline}
@media(max-width:950px){.intro{align-items:flex-start;flex-direction:column;gap:12px}.intro p{display:block}}

.story img,.story:first-child img{object-fit:contain;background:#e8e4dc;height:380px}.story figcaption{position:static;background:none;color:var(--muted);font-size:11px;line-height:1.5;padding:9px 0}.story figcaption a{text-decoration:underline}@media(max-width:700px){.story img,.story:first-child img{height:290px}}

#lost-valley figure img{height:auto;object-fit:contain}#lost-valley figure>a{display:block}

body.admin-bar{padding-top:0}.pagination{margin:30px 0}.intro p{display:block}.story :is(h1,h2) a{color:inherit}.story .full-story[hidden]{display:none}.wp-caption{max-width:100%} .story .full-story img{height:auto} .story figcaption{position:static;background:none;color:var(--muted)}

.nav-items>a{padding:19px 0;font-size:12px;white-space:nowrap}.nav-items>a:hover{text-decoration:underline}

/* Warm gray framing for the masthead, navigation, and footer. */
.masthead{background:#dedcd6;box-shadow:0 0 0 100vmax #dedcd6;clip-path:inset(0 -100vmax)}
.nav-shell,footer{background:#dedcd6}
.footer-brand span,.footer-bottom{color:#596356}

/* Reader controls and the richer forest-green masthead. */
:root{--brand-green:#18543b}
.masthead .brand,.masthead .brand:hover{color:var(--brand-green)}
.story-actions .read-button[data-expand]{font-size:15px;font-weight:700;line-height:1.8}

/* About-page editorial layout. */
.page-id-1 .page-grid{grid-template-columns:minmax(0,1fr);max-width:920px;margin:0 auto}
.page-id-1 .page-grid>aside,.page-id-1 .feed>.section-line,.page-id-1 .story>.category,.page-id-1 .story>.meta{display:none}
.page-id-1 .full-story{border-top:0;padding-top:0}
.page-id-1 .full-story h2{font-size:26px;margin:34px 0 22px}
.page-id-1 .full-story h3{margin:0 0 8px;font-size:23px}
.page-id-1 .full-story a{text-decoration:underline;text-underline-offset:3px}

/* Inward-facing staff portraits, limited to the About page. */
.page-id-1 .staff-card{align-items:center;overflow:hidden}
.page-id-1 .staff-card .wp-block-media-text__media{margin:0;overflow:hidden}
.page-id-1 .staff-card .wp-block-media-text__media img{display:block;width:100%;height:auto;transform:scaleX(-1);background:#fff}
.page-id-1 .staff-card .wp-block-media-text__content{padding:24px 32px}
@media(max-width:600px){.page-id-1 .staff-card .wp-block-media-text__content{padding:16px}.page-id-1 .staff-card h3{font-size:20px}.page-id-1 .staff-card p{font-size:14px;line-height:1.6}}

/* Alden’s uploaded portrait already faces inward. */
.page-id-1 .staff-card .wp-block-media-text__media img.wp-image-61{transform:none}

/* Native Jetpack signup placements. */
.newsletter-signup{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.newsletter-signup h2,.newsletter-signup h3{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0 0 14px}
.newsletter-signup .wp-block-jetpack-subscriptions{max-width:560px}
.footer-signup{margin-top:0;padding-top:0;padding-bottom:28px;border-top:0}
.newsletter-signup input[type=email]{min-width:0;max-width:100%}

/* Readable editorial links, including expanded stories. */
body:not(.page) .story :is(.full-story,.summary) :is(p,li,blockquote) a:not(:where(.sharedaddy *, .newsletter-signup *, .wp-block-jetpack-subscriptions *, .jetpack-likes-widget-wrapper *, .wp-block-button *)){color:#246b45;font-weight:600;text-decoration:none}
body:not(.page) .story :is(.full-story,.summary) :is(p,li,blockquote) a:not(:where(.sharedaddy *, .newsletter-signup *, .wp-block-jetpack-subscriptions *, .jetpack-likes-widget-wrapper *, .wp-block-button *)):visited{color:#246b45}
body:not(.page) .story :is(.full-story,.summary) :is(p,li,blockquote) a:not(:where(.sharedaddy *, .newsletter-signup *, .wp-block-jetpack-subscriptions *, .jetpack-likes-widget-wrapper *, .wp-block-button *)):hover{color:#18543b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body:not(.page) .story :is(.full-story,.summary) :is(p,li,blockquote) a:not(:where(.sharedaddy *, .newsletter-signup *, .wp-block-jetpack-subscriptions *, .jetpack-likes-widget-wrapper *, .wp-block-button *)):focus-visible{color:#18543b;outline:2px solid #18543b;outline-offset:3px;text-decoration:underline;text-underline-offset:3px}

/* Accessible secondary text and keyboard focus. */
:root{--muted:#596056}
.story figcaption,.story .wp-caption-text{font-size:13px;line-height:1.6;font-style:italic;color:#596056;padding:10px 0}
.meta,.story-actions .label,.side-caption,.meeting p,.meeting a,.section-line>span,.footer-bottom{font-size:13px;line-height:1.6;color:#596056}
.meeting h3{font-size:15px}
.side-section a small{font-size:13px;color:#596056}
body :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #18543b;outline-offset:4px;box-shadow:0 0 0 2px #fff}

/* Approved Civic Notebook box: half-strength warm gray, original heading colors. */
.civic-notebook{background:#eeedeb;color:#203b30;border:1px solid #d9d8d3;border-radius:0;padding:22px 20px 20px}
.civic-notebook .section-line{border-top:0;padding:0 0 8px}
.civic-notebook .section-line h2{color:#203b30;background:transparent;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.2px}
.civic-notebook .meeting h3{color:#203b30;background:transparent}
.civic-notebook .meeting{border-bottom-color:#c9ccc2}
.civic-notebook a{color:#315b40}
.civic-notebook>.side-caption:last-child{margin-bottom:0}

/* Homepage introduction: keep descriptive copy readable at every width. */
.intro-copy{max-width:440px;min-width:0}.intro .intro-description{margin-top:10px;font-size:14px;line-height:1.7}
/*
Theme Name: Bainbridge Island News
Description: Custom editorial theme for bainbridgeisland.news.
Version: 0.1.0
Requires PHP: 8.0
Text Domain: bainbridge-news
License: GPL-2.0-or-later
*/
:root{--ink:#203b30;--green:#315b40;--muted:#6c726a;--line:#dce0d5;--paper:#fbfbf7;--sage:#edf1e7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9eaf52;outline-offset:5px}.wrap{max-width:1256px;margin:auto;padding:0 40px}.preview{min-height:38px;background:#e8eddf;display:flex;align-items:center;justify-content:space-between;padding:9px 32px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#4c6047;gap:16px}.preview-dot{display:inline-block;width:6px;height:6px;background:#72924f;border-radius:50%;margin-right:8px}.preview-note{font-size:11px;font-weight:400;letter-spacing:0;margin-left:16px}.ad-toggle{display:flex;align-items:center;gap:9px;letter-spacing:0;font-size:11px;cursor:pointer}.ad-toggle input{position:absolute;opacity:0;width:30px;height:20px}.switch{width:27px;height:15px;background:#bbc5b1;border-radius:20px;padding:3px}.switch:after{content:"";display:block;background:white;width:9px;height:9px;border-radius:100%;transition:transform .2s}input:checked+.switch{background:var(--green)}input:checked+.switch:after{transform:translateX(12px)}input:focus-visible+.switch{outline:3px solid var(--green)}.masthead{min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:32px;letter-spacing:-1.1px;font-weight:750;line-height:1.15}.brand svg{width:44px;height:53px}.news{display:flex;align-items:center;gap:13px;letter-spacing:6px;font-size:15px;margin-top:9px}.brand-rule{height:1px;background:#93a58c;flex:1}.masthead-right{text-align:right;font-size:12px;color:var(--muted)}.masthead-right p{margin-bottom:11px}.text-button{border:0;background:none;padding:0;font-weight:600;font-size:12px;text-align:left;line-height:1.5}.text-button span{margin-left:7px}.nav-shell{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between}.nav-items{display:flex;gap:33px}.nav-items button{border:0;background:none;padding:19px 0;font-size:12px;position:relative;white-space:nowrap}.nav-items button.active{font-weight:700}.nav-items button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--green)}.search-button{border:0;background:none;padding:10px}.intro{display:flex;justify-content:space-between;align-items:center;padding:43px 0 37px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.5}h1,.intro-title{font-size:41px;font-weight:550;letter-spacing:-1.6px;margin:10px 0 0}.intro p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:48px}.section-line{border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:15px 0 21px;gap:15px}.section-line h2{font-size:13px;margin:0;font-weight:650}.section-line>span{color:var(--muted);font-size:10px}.story{border-bottom:1px solid var(--line);padding-bottom:29px;margin-bottom:30px}.story figure{margin:0 0 22px;position:relative;overflow:hidden}.story img{width:100%;height:290px;display:block;object-fit:cover}.story:first-child img{height:335px;object-position:center 48%}.story figcaption{position:absolute;right:10px;bottom:9px;font-size:9px;color:white;background:#203b30b3;padding:4px 7px;border-radius:2px}.story .category{color:#547446;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.story .category:before{content:"";width:6px;height:6px;border-radius:50%;background:#799454}.story :is(h1,h2){font-size:31px;line-height:1.17;letter-spacing:-.9px;font-weight:600;margin:12px 0}.story :is(h1,h2) button{border:0;background:none;text-align:left;padding:0;font:inherit}.meta{font-size:10px;color:var(--muted);display:flex;gap:9px;align-items:center;margin:15px 0}.meta .sample{background:#eff0e8;border-radius:3px;padding:4px 6px;color:#55644d}.summary,.full-story p{font-size:15px;line-height:1.8;color:#515950;margin:16px 0}.read-button{background:none;border:0;padding:5px 0;font-size:12px;font-weight:700;color:#315b40;display:inline-flex;align-items:center;gap:25px}.read-button:hover,.text-button:hover,a:hover{color:#668648}.story-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.story-actions .label{font-size:10px;color:var(--muted)}.full-story{border-top:1px solid var(--line);margin-top:20px;padding-top:5px}.full-story h3{font-size:20px;letter-spacing:-.3px;margin-top:25px}.full-story blockquote{font-size:18px;line-height:1.6;margin:25px 0;padding:8px 0 8px 20px;border-left:3px solid #99ad77}.reporting-note{background:var(--sage);padding:16px;font-size:12px;line-height:1.7;color:#53624a}.side-card{background:var(--sage);padding:27px;position:relative;overflow:hidden}.side-card h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;font-weight:550;margin:19px 0 15px}.side-card p,.tip-card p{font-size:13px;line-height:1.8;color:#617059}.side-card .text-button{font-size:11px;margin-top:8px;position:relative;z-index:1}.note{padding-bottom:110px}.leaf-art{position:absolute;right:0;bottom:-4px;width:155px}.side-section{margin-top:33px}.side-section .section-line{padding-bottom:8px}.side-caption{font-size:11px;color:var(--muted);margin:8px 0 20px}.side-section>a{display:flex;gap:12px;padding:19px 0;border-bottom:1px solid var(--line);align-items:start;font-size:12px;line-height:1.4}.side-section>a>span{font-size:10px;color:#8a9781}.side-section a small{display:block;font-size:10px;margin-top:6px;color:var(--muted)}.side-section a b{margin-left:auto;font-weight:400}.topics>div:last-child{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.topics button{border:1px solid var(--line);background:none;padding:8px 10px;font-size:10px;border-radius:2px}.topics button:hover{background:var(--sage)}.tip-card{margin-top:35px;padding:24px 0;border-top:1px solid var(--line)}.tip-card .eyebrow{font-size:9px}.tip-card h2{font-size:22px;line-height:1.3;font-weight:550;letter-spacing:-.5px}.end-note{text-align:center;font-size:12px;color:#64745c;margin:38px 0 62px}.end-note span{display:block;font-size:11px;margin-top:7px;color:#929989}footer{background:#eaf0e3;padding:37px 0 20px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-brand{font-weight:650;font-size:20px;letter-spacing:-.5px}.footer-brand span{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:#6f7b68;margin-top:8px}.footer-inner>div:last-child{display:flex;gap:25px}.footer-inner button{border:0;background:none;font-size:11px;padding:5px 0}.footer-bottom{display:flex;justify-content:space-between;margin-top:30px;font-size:9px;color:#71816b;gap:20px}.advert{display:none;background:#f1f0e7;border:1px solid #dddccf;text-align:center;padding:22px;color:#747561}.ads-on .advert{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.advert span{font-size:8px;letter-spacing:1.5px}.advert strong{font-size:21px;font-weight:500}.advert small{font-size:10px}.banner{margin:0 0 30px;min-height:115px}.square{margin-top:30px;min-height:245px}dialog{border:1px solid var(--line);background:var(--paper);max-width:550px;width:calc(100% - 36px);padding:38px;color:var(--ink)}dialog::backdrop{background:#12291fc2}dialog h2{font-size:29px;letter-spacing:-.8px}dialog p{font-size:15px;line-height:1.8;color:#53614c}.close{position:absolute;right:12px;top:7px;background:none;border:0;font-size:28px}#search-panel{padding-top:18px;padding-bottom:18px}#search-panel label{font-size:12px;margin-right:20px}#search{padding:12px;border:1px solid var(--line);background:white;width:300px;max-width:100%}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:15px;z-index:99}[hidden]{display:none!important}@media(min-width:1450px){.wrap{max-width:1350px}.page-grid{grid-template-columns:minmax(0,1fr) 310px;gap:60px}.story:first-child img{height:380px}}@media(max-width:950px){.wrap{padding-left:25px;padding-right:25px}.page-grid{grid-template-columns:minmax(0,1fr) 240px;gap:28px}.nav-items{gap:23px}.brand{font-size:28px}.masthead-right p{max-width:180px}.side-card{padding:20px 20px 100px}.story :is(h1,h2){font-size:27px}.story:first-child img{height:285px}.footer-inner>div:last-child{gap:15px}}@media(max-width:700px){.preview{padding:10px 16px;font-size:8px}.preview-note{display:none}.ad-toggle{font-size:10px}.wrap{padding-left:20px;padding-right:20px}.masthead{min-height:113px}.brand{font-size:27px}.brand svg{width:34px}.news{font-size:12px}.masthead-right{display:none}.nav-items{gap:23px;overflow:auto}.nav-items button{font-size:11px;padding:17px 0}.search-button{margin-left:12px}.intro{padding:30px 0 26px}.intro p{display:none}h1,.intro-title{font-size:35px}.eyebrow{font-size:9px}.page-grid{grid-template-columns:1fr;gap:5px}.story:first-child img{height:260px}.story img{height:225px}.story :is(h1,h2){font-size:28px}.summary,.full-story p{font-size:15px}.story-actions .label{font-size:9px}.note{padding-bottom:55px}.note p{max-width:80%}.side-card h2 br{display:none}.side-card{margin-bottom:30px}.side-section{margin-top:25px}.tip-card{margin-bottom:25px}.end-note{margin-bottom:35px}.footer-inner{display:block}.footer-inner>div:last-child{margin-top:25px;flex-wrap:wrap}.footer-bottom{display:block;line-height:1.8}.footer-bottom>span{display:block}#search-panel label{display:block;margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Environmental edition: a unified island emblem and focused navigation. */
.brand .island-logo{width:94px;height:112px;flex-shrink:0}.brand{gap:17px}.news{font-size:13px;letter-spacing:2.5px;white-space:nowrap;margin-top:10px}.news .brand-rule{display:none}.masthead{min-height:159px}.nav-items{gap:30px}aside>.side-section:first-child{margin-top:0}.footer-brand{max-width:450px;font-size:19px}
@media(max-width:950px){.brand{font-size:26px}.brand .island-logo{width:80px;height:100px}.news{font-size:11px;letter-spacing:2px}.nav-items{gap:23px}.masthead-right{max-width:200px}.footer-brand{max-width:330px}}
@media(max-width:700px){.masthead{min-height:136px}.brand{font-size:25px;gap:13px}.brand .island-logo{width:73px;height:94px}.news{font-size:10px;letter-spacing:1.8px}.nav-items{gap:23px}.nav-items button{font-size:11px}.footer-brand{font-size:19px;line-height:1.4}aside>.side-section:first-child{margin-top:12px}}
@media(max-width:370px){.brand{font-size:22px}.brand .island-logo{width:64px}.news{font-size:9px;letter-spacing:1.4px}}

/* Version 3: warm brown #b39778 at 20% over white. */
:root{--paper:#f0eae4}
.intro{gap:28px}.intro h1,.intro-title{max-width:750px}.intro p{flex-shrink:0}
.meeting{border-bottom:1px solid var(--line);padding:16px 0}.meeting h3{font-size:13px;line-height:1.5;margin:0 0 8px}.meeting p{font-size:11px;line-height:1.6;margin:4px 0;color:var(--muted)}.meeting a{font-size:11px;text-decoration:underline}
@media(max-width:950px){.intro{align-items:flex-start;flex-direction:column;gap:12px}.intro p{display:block}}

.story img,.story:first-child img{object-fit:contain;background:#e8e4dc;height:380px}.story figcaption{position:static;background:none;color:var(--muted);font-size:11px;line-height:1.5;padding:9px 0}.story figcaption a{text-decoration:underline}@media(max-width:700px){.story img,.story:first-child img{height:290px}}

#lost-valley figure img{height:auto;object-fit:contain}#lost-valley figure>a{display:block}

body.admin-bar{padding-top:0}.pagination{margin:30px 0}.intro p{display:block}.story :is(h1,h2) a{color:inherit}.story .full-story[hidden]{display:none}.wp-caption{max-width:100%} .story .full-story img{height:auto} .story figcaption{position:static;background:none;color:var(--muted)}

.nav-items>a{padding:19px 0;font-size:12px;white-space:nowrap}.nav-items>a:hover{text-decoration:underline}

/* Warm gray framing for the masthead, navigation, and footer. */
.masthead{background:#dedcd6;box-shadow:0 0 0 100vmax #dedcd6;clip-path:inset(0 -100vmax)}
.nav-shell,footer{background:#dedcd6}
.footer-brand span,.footer-bottom{color:#596356}

/* Reader controls and the richer forest-green masthead. */
:root{--brand-green:#18543b}
.masthead .brand,.masthead .brand:hover{color:var(--brand-green)}
.story-actions .read-button[data-expand]{font-size:15px;font-weight:700;line-height:1.8}

/* About-page editorial layout. */
.page-id-1 .page-grid{grid-template-columns:minmax(0,1fr);max-width:920px;margin:0 auto}
.page-id-1 .page-grid>aside,.page-id-1 .feed>.section-line,.page-id-1 .story>.category,.page-id-1 .story>.meta{display:none}
.page-id-1 .full-story{border-top:0;padding-top:0}
.page-id-1 .full-story h2{font-size:26px;margin:34px 0 22px}
.page-id-1 .full-story h3{margin:0 0 8px;font-size:23px}
.page-id-1 .full-story a{text-decoration:underline;text-underline-offset:3px}

/* Inward-facing staff portraits, limited to the About page. */
.page-id-1 .staff-card{align-items:center;overflow:hidden}
.page-id-1 .staff-card .wp-block-media-text__media{margin:0;overflow:hidden}
.page-id-1 .staff-card .wp-block-media-text__media img{display:block;width:100%;height:auto;transform:scaleX(-1);background:#fff}
.page-id-1 .staff-card .wp-block-media-text__content{padding:24px 32px}
@media(max-width:600px){.page-id-1 .staff-card .wp-block-media-text__content{padding:16px}.page-id-1 .staff-card h3{font-size:20px}.page-id-1 .staff-card p{font-size:14px;line-height:1.6}}

/* Alden’s uploaded portrait already faces inward. */
.page-id-1 .staff-card .wp-block-media-text__media img.wp-image-61{transform:none}

/* Native Jetpack signup placements. */
.newsletter-signup{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.newsletter-signup h2,.newsletter-signup h3{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0 0 14px}
.newsletter-signup .wp-block-jetpack-subscriptions{max-width:560px}
.footer-signup{margin-top:0;padding-top:0;padding-bottom:28px;border-top:0}
.newsletter-signup input[type=email]{min-width:0;max-width:100%}

/* Readable editorial links, including expanded stories. */
body:not(.page) .story :is(.full-story,.summary) :is(p,li,blockquote) a:not(:where(.sharedaddy *, .newsletter-signup *, .wp-block-jetpack-subscriptions *, .jetpack-likes-widget-wrapper *, .wp-block-button *)){color:#246b45;font-weight:600;text-decoration:none}
body:not(.page) .story :is(.full-story,.summary) :is(p,li,blockquote) a:not(:where(.sharedaddy *, .newsletter-signup *, .wp-block-jetpack-subscriptions *, .jetpack-likes-widget-wrapper *, .wp-block-button *)):visited{color:#246b45}
body:not(.page) .story :is(.full-story,.summary) :is(p,li,blockquote) a:not(:where(.sharedaddy *, .newsletter-signup *, .wp-block-jetpack-subscriptions *, .jetpack-likes-widget-wrapper *, .wp-block-button *)):hover{color:#18543b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body:not(.page) .story :is(.full-story,.summary) :is(p,li,blockquote) a:not(:where(.sharedaddy *, .newsletter-signup *, .wp-block-jetpack-subscriptions *, .jetpack-likes-widget-wrapper *, .wp-block-button *)):focus-visible{color:#18543b;outline:2px solid #18543b;outline-offset:3px;text-decoration:underline;text-underline-offset:3px}

/* Accessible secondary text and keyboard focus. */
:root{--muted:#596056}
.story figcaption,.story .wp-caption-text{font-size:13px;line-height:1.6;font-style:italic;color:#596056;padding:10px 0}
.meta,.story-actions .label,.side-caption,.meeting p,.meeting a,.section-line>span,.footer-bottom{font-size:13px;line-height:1.6;color:#596056}
.meeting h3{font-size:15px}
.side-section a small{font-size:13px;color:#596056}
body :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #18543b;outline-offset:4px;box-shadow:0 0 0 2px #fff}

/* Approved Civic Notebook box: half-strength warm gray, original heading colors. */
.civic-notebook{background:#eeedeb;color:#203b30;border:1px solid #d9d8d3;border-radius:0;padding:22px 20px 20px}
.civic-notebook .section-line{border-top:0;padding:0 0 8px}
.civic-notebook .section-line h2{color:#203b30;background:transparent;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.2px}
.civic-notebook .meeting h3{color:#203b30;background:transparent}
.civic-notebook .meeting{border-bottom-color:#c9ccc2}
.civic-notebook a{color:#315b40}
.civic-notebook>.side-caption:last-child{margin-bottom:0}

/* Readable homepage description at every width. */
.intro-copy{max-width:440px;min-width:0}.intro .intro-description{margin-top:10px;font-size:14px;line-height:1.7}

/* Keep the WordPress gifting banner compact if its platform stylesheet is absent. */
#wpcom-gifting-banner{box-sizing:border-box;background:#000;color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:1.4;padding:12px 20px;margin:0;width:100%}
#wpcom-gifting-banner .wpcom-gifting-banner__inner{display:flex;align-items:center;justify-content:center;gap:14px;max-width:1256px;margin:0 auto}
#wpcom-gifting-banner .wpcom-gifting-banner__logo{display:block;width:29px;height:29px;flex:0 0 29px;fill:currentColor}
#wpcom-gifting-banner .wpcom-gifting-banner__wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
#wpcom-gifting-banner .wpcom-gifting-banner__title{font-weight:700}
#wpcom-gifting-banner .wpcom-gifting-banner__img{display:inline-block;width:24px;height:24px;max-width:24px;object-fit:contain;flex:0 0 24px;margin:0}
#wpcom-gifting-banner .wpcom-gifting-banner__button{flex:0 0 auto;background:#fff;color:#000;border:1px solid #fff;border-radius:3px;font-size:14px;font-weight:700;padding:8px 22px;line-height:1.4}
#wpcom-gifting-banner .wpcom-gifting-banner__more-info-button{background:transparent;color:#fff;border:1px solid currentColor;border-radius:50%;width:18px;height:18px;padding:0;margin-left:8px;line-height:16px;vertical-align:middle}
#wpcom-gifting-banner .wpcom-gifting-banner__more-info-button:empty::before{content:"?";font-size:12px;font-weight:700}
@media(max-width:600px){#wpcom-gifting-banner{padding:10px 14px;font-size:12px}#wpcom-gifting-banner .wpcom-gifting-banner__inner{gap:10px}#wpcom-gifting-banner .wpcom-gifting-banner__subtitle{flex-basis:100%}#wpcom-gifting-banner .wpcom-gifting-banner__button{padding:7px 14px}}

/* Clear, responsive story pagination — approved Option 1. */
.bin-pagination{display:block;border-top:2px solid #18543b;margin:32px 0 42px;padding:26px 0;text-align:center}.bin-pagination h2{font-size:25px;line-height:1.3;color:#18543b;margin:0 0 24px;font-weight:700;letter-spacing:-.4px}.bin-pagination-row{display:flex;align-items:center;justify-content:center;gap:18px}.bin-page-direction{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;background:#18543b;border:2px solid #18543b;color:#fff;font-size:15px;font-weight:700;line-height:1.4;white-space:nowrap}.bin-page-direction:hover{background:#123e2c;color:#fff;text-decoration:underline}.bin-page-direction.is-disabled{background:transparent;border-color:#babbb5;color:#74776f;cursor:default}.bin-page-numbers{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.bin-page-numbers .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:2px solid #18543b;color:#18543b;font-size:16px;font-weight:700}.bin-page-numbers .current{background:#18543b;color:#fff}.bin-page-numbers .dots{border:0;min-width:20px}.bin-page-numbers a:hover{background:#dedcd6}.bin-page-count{font-size:15px;font-weight:600;color:#18543b;margin:20px 0 0}@media(max-width:600px){.bin-pagination-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bin-page-direction{font-size:14px;padding:12px 8px;white-space:normal}.bin-page-numbers{grid-row:2;grid-column:1 / -1}.bin-pagination h2{font-size:23px}.bin-pagination{padding:24px 0;margin-bottom:30px}}

/* Keep mobile stories within the reading column. */
@media (max-width: 700px) {
  .page-grid { grid-template-columns: minmax(0, 1fr); }
  .page-grid > * { min-width: 0; }
  .story { overflow-wrap: anywhere; }
  .story figure, .story img, .story iframe { max-width: 100%; }
  .story > figure img, .story:first-child > figure img { height: auto; }
  .story .category { flex-wrap: wrap; }
}

/* Jetpack related stories */
#jp-relatedposts.jp-relatedposts .jp-relatedposts-headline,
#jp-relatedposts.jp-relatedposts .jp-relatedposts-headline em {
    font-size: 1.25rem;
    line-height: 1.25;
}
#jp-relatedposts.jp-relatedposts .jp-relatedposts-headline em::before {
    width: 14.5rem;
    max-width: 65vw;
}

/* Editor’s Pick carousel */
body #bien-picks,
body #bien-picks img {
    background-color: #d4d8d0;
}

#bien-picks .bien-pick-card::before {
    content: "";
    position: absolute;
    inset-block: 0;
    left: -8px;
    width: 1px;
    background-color: #a8b0a5;
    pointer-events: none;
}

#bien-picks .bien-pick-card :is(h2, time) {
    display: block;
    text-align: center;
    padding-inline: 6px;
}