:root{--paper:#f7f6f2;--ink:#252720;--muted:#737369;--line:#ddded5;--accent:#666f56;font-family:Afacad,"Afacad Fallback",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
html{scroll-behavior:smooth;scroll-padding-top:110px}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
a:hover{color:#81705b}
button{color:inherit}
img{display:block;width:100%;object-fit:cover}
p,h1,h2,h3,figure{margin:0}
button{background:none;border:0}
::selection{background:#dce1ce}
.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:12px}
.skip:focus{top:10px}
.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:90}
.shell{padding-inline:var(--pad)}
.eyebrow{font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:500}
.breadcrumb{display:flex;justify-content:space-between;align-items:center;padding-block:30px;color:var(--muted);font-size:15px}
.breadcrumb a{color:var(--ink)}
.breadcrumb a span{margin-right:12px}
.article-hero{padding-bottom:54px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}
.hero-copy{padding:24px 0 30px}
.label-row{display:flex;gap:18px;align-items:center;margin-bottom:24px}
.tag{border:1px solid #c6cbbb;border-radius:2px;padding:5px 10px;color:#59634b;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.label-row .eyebrow{color:var(--muted);font-size:12px}
.hero-copy h1{font-size:clamp(46px,4.65vw,78px);font-weight:400;line-height:1.02;letter-spacing:-.045em;max-width:680px}
.hero-copy h1 em{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:-.055em;font-size:1.09em;display:block;line-height:1.1;margin-bottom:14px}
.deck{font-size:21px;line-height:1.5;color:#686b60;max-width:450px;margin-top:28px}
.byline{display:flex;gap:12px;align-items:center;margin-top:34px;font-size:16px}
.author-mark{border:1px solid #cbcec2;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-family:inherit;font-size:20px}
.byline small{font-size:13px;display:block;color:var(--muted);margin-top:2px}
.hero-photo img{height:clamp(380px,39vw,590px);object-position:50% 50%}
.hero-photo figcaption{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-top:12px}
.photo-count{font-size:11px;letter-spacing:.1em}
.article-utility{display:flex;justify-content:space-between;align-items:center;padding-block:21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}
.utility-meta{display:flex;gap:25px;color:var(--muted)}
.utility-meta span+span:before{content:'·';margin-right:25px}
.share-actions{display:flex;align-items:center;gap:17px}
.copy-link{padding:5px 0}
.copy-link span{margin-left:8px}
.story-layout{display:grid;grid-template-columns:230px minmax(0,710px);gap:clamp(50px,7.5vw,140px);padding-block:66px 74px;justify-content:center}
.story-sidebar{align-self:start;position:sticky;top:48px;padding-top:6px}
.contents{display:grid;gap:18px;margin-top:23px;border-left:1px solid var(--line);padding-left:19px}
.contents a{font-size:16px;line-height:1.35;color:var(--muted)}
.contents a.active{color:var(--ink)}
.contents a.active:before{content:'';position:absolute;left:-2px;width:3px;height:22px;background:var(--accent)}
.sidebar-note{border-top:1px solid var(--line);margin-top:38px;padding-top:22px}
.sidebar-note p{font-size:19px;line-height:1.35;margin:12px 0 17px}
.sidebar-note a{font-size:15px;border-bottom:1px solid var(--ink);padding-bottom:3px}
.article-body{font-size:21px;line-height:1.62}
.article-body>p{margin-bottom:24px}
.article-body>p:first-child{font-size:27px;line-height:1.42;letter-spacing:-.015em;margin-bottom:25px}
.article-body>p:first-child:first-letter{float:left;font-family:inherit;font-size:76px;line-height:.9;padding:7px 9px 0 0}
.article-body h2{font-size:37px;font-weight:400;line-height:1.12;letter-spacing:-.025em;margin:49px 0 22px}
.article-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-body figure{margin:38px 0 45px;background:#eeede7}
.article-body figure img{max-height:530px;object-fit:cover;object-position:center}
.article-body figcaption{font-size:14px;line-height:1.4;color:var(--muted);padding:13px 0;background:var(--paper)}
.end-note{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:26px;margin-top:37px;font-size:15px}
.like-button{border:1px solid var(--line);padding:9px 15px;border-radius:2px}
.like-button[aria-pressed=true]{background:#e7ebdd;border-color:var(--accent)}
.related{background:#eeeee7;border-top:1px solid var(--line);padding-block:60px 70px}
.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}
.section-top h2{font-size:45px;font-weight:400;letter-spacing:-.035em;margin-top:10px}
.text-link{font-size:17px;border-bottom:1px solid var(--ink);padding-bottom:4px}
.text-link span{margin-left:24px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.story-card .card-image{overflow:hidden;background:#e6e4dc}
.story-card img{aspect-ratio:1.45;transition:transform .6s}
.story-card:hover img{transform:scale(1.035)}
.card-meta{display:flex;justify-content:space-between;margin-top:19px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.story-card h3{font-size:28px;font-weight:400;line-height:1.12;letter-spacing:-.02em;margin-top:12px;max-width:360px}
.card-arrow{display:inline-block;margin-top:18px;font-size:22px}
.newsletter{padding-block:63px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line)}
.newsletter h2{font-size:42px;line-height:1.1;font-weight:400;letter-spacing:-.035em;margin-bottom:12px}
.newsletter p{font-size:19px;color:var(--muted)}
.newsletter .text-link{white-space:nowrap}
#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:13px 25px;opacity:0;pointer-events:none;transition:.2s;z-index:100;white-space:nowrap}
#toast.show{opacity:1;transform:translate(-50%,0)}
.news-heading{padding-block:60px 43px}
.news-heading .eyebrow{color:var(--accent)}
.news-heading h1{font-size:clamp(55px,6.7vw,104px);line-height:1.05;letter-spacing:-.05em;font-weight:400;margin-top:21px}
.news-heading h1 em{font-family:inherit;font-style:normal;font-weight:400;color:#8c8378}
.news-heading p{font-size:22px;color:var(--muted);margin-top:22px}
.news-feature{border-top:1px solid var(--line);padding-block:34px 55px;display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center}
.news-feature img{aspect-ratio:1.45}
.news-feature h2{font-size:clamp(35px,3.4vw,53px);line-height:1.06;letter-spacing:-.035em;font-weight:400;margin-top:20px}
.news-feature p{font-size:21px;color:var(--muted);line-height:1.5;margin:20px 0 30px}
.news-feature .eyebrow{color:var(--muted)}
.news-stories{padding-bottom:65px}
.filter-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid var(--line);padding-block:22px;margin-bottom:32px}
.filter-buttons{display:flex;gap:9px;flex-wrap:wrap}
.filter-buttons button{font-size:16px;padding:8px 20px;border:1px solid var(--line);border-radius:30px}
.filter-buttons button[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}
.news-stories .cards{row-gap:42px}
.results-count{font-size:14px;color:var(--muted);white-space:nowrap}
.empty{font-size:22px;padding:30px 0}
button:hover{color:#81705b}
@media(min-width:1600px){.shell{padding-inline:max(var(--pad),calc((100vw - 1460px)/2))}
}
@media(max-width:1100px){.story-layout{grid-template-columns:180px minmax(0,680px);gap:50px}
.hero-copy h1{font-size:52px}
.deck{font-size:19px}
.hero-photo img{height:460px}
.byline{margin-top:23px}
}
@media(max-width:760px){.breadcrumb{padding-block:24px;font-size:14px}
.breadcrumb>span{display:none}
.hero-grid{grid-template-columns:1fr;gap:30px}
.hero-copy{padding:8px 0 0}
.hero-copy h1{font-size:clamp(41px,7.5vw,58px);max-width:560px;letter-spacing:-.035em}
.hero-copy h1 em{margin-bottom:12px}
.label-row{margin-bottom:18px}
.deck{font-size:20px;line-height:1.4;margin-top:22px;max-width:500px}
.byline{margin-top:23px}
.hero-photo img{height:auto;aspect-ratio:1.2;object-position:center}
.hero-photo figcaption{font-size:12px}
.article-hero{padding-bottom:28px}
.utility-meta{gap:12px;font-size:14px}
.utility-meta span+span:before{margin-right:12px}
.share-actions{gap:12px;font-size:14px}
.share-actions>span{display:none}
.article-utility{padding-block:15px}
.story-layout{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:35px 45px}
.story-sidebar{position:static;padding:0}
.contents{display:flex;gap:16px;flex-wrap:wrap;border-left:0;padding-left:0;margin-top:15px}
.contents a{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:5px}
.contents a.active:before{display:none}
.sidebar-note{display:none}
.article-body{font-size:20px;line-height:1.55}
.article-body>p:first-child{font-size:25px}
.article-body h2{font-size:32px;margin-top:36px}
.article-body figure img{max-height:450px}
.section-top h2{font-size:35px}
.section-top{align-items:start;gap:15px}
.section-top .text-link{font-size:15px;white-space:nowrap;margin-top:26px}
.section-top .text-link span{margin-left:8px}
.related{padding-block:38px}
.cards{grid-template-columns:1fr;gap:30px}
.story-card h3{max-width:100%;font-size:28px}
.story-card img{aspect-ratio:1.6}
.card-arrow{display:none}
.newsletter{flex-direction:column;align-items:start;gap:25px;padding-block:40px}
.newsletter h2{font-size:35px}
.news-heading{padding-block:38px 32px}
.news-heading h1{font-size:56px}
.news-heading p{font-size:20px}
.news-feature{grid-template-columns:1fr;gap:25px;padding-top:25px}
.news-feature h2{font-size:39px}
.filter-row{align-items:start;flex-direction:column;gap:12px}
.filter-buttons{gap:7px}
.filter-buttons button{padding:7px 15px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}
@media(max-width:760px){.hero-copy h1{font-size:clamp(35px,6.8vw,48px)}
.hero-copy h1 em{font-size:1.02em}
.hero-copy .deck{font-size:19px}
.desktop-break{display:none}
}
.hero-copy h1{line-height:1.04;letter-spacing:-.045em}
.hero-copy h1 em{font-size:1em;letter-spacing:-.045em;line-height:1.04;color:#8c8378}
.article-body>p:first-child:first-letter{float:none;font-size:inherit;line-height:inherit;padding:0}
.article-body h2{line-height:1.08;letter-spacing:-.025em}
.news-heading h1{letter-spacing:-.045em}
.icon{display:inline-block;width:19px;height:19px;vertical-align:-3px;flex-shrink:0}
.breadcrumb .icon{width:16px;height:16px}
.card-arrow .icon{width:24px;height:24px}
.text-link .icon{transition:transform .2s}
.text-link:hover .icon{transform:translate(2px,-2px)}
.share-actions{gap:17px;flex-wrap:wrap;justify-content:flex-end}
.share-label{white-space:nowrap}
.social-icons{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.social-share,.share-more{width:36px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;transition:background .2s}
.social-share img{width:17px;height:17px;object-fit:contain}
.social-share:hover,.share-more:hover{background:#f0eeea}
.share-more svg{width:22px;height:22px}
.copy-link{min-height:40px;border-left:1px solid var(--line);padding-left:17px;white-space:nowrap}
.share-dialog{border:1px solid var(--line);padding:30px;background:var(--paper);color:var(--ink);width:min(500px,calc(100vw - 32px));max-height:85dvh;overflow:auto;font-family:Afacad,Arial,sans-serif}
.share-dialog::backdrop{background:#25272066;backdrop-filter:blur(4px)}
body:has(.share-dialog[open]){overflow:hidden}
.share-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.share-dialog h2{font-size:32px;font-weight:400;letter-spacing:-.025em}
.share-dialog>p{color:var(--muted);font-size:18px;margin:10px 0 23px}
.close-share{font-size:30px;width:40px;height:40px}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}
.share-grid .social-share{width:100%;justify-content:flex-start;gap:14px;font-size:18px;height:47px;padding:0 10px}
.share-dialog-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
.share-dialog-footer button{font-size:17px;border-bottom:1px solid var(--ink);padding:4px 0}
.share-dialog-footer button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:1200px){.article-utility{gap:15px;align-items:flex-start}
.article-utility .utility-meta{padding-top:10px;white-space:nowrap}
.share-actions{gap:8px}
.share-actions .share-label{width:100%;text-align:right}
}
@media(max-width:760px){.article-utility{flex-direction:column;gap:15px;align-items:stretch;padding-block:16px}
.article-utility .utility-meta{padding-top:0}
.share-actions{justify-content:flex-start;gap:8px}
.share-actions>.share-label{display:block;width:100%;text-align:left;font-size:15px;margin-bottom:2px}
.social-icons{gap:3px;flex:1 1 100%}
.social-share,.share-more{width:38px;min-height:44px}
.copy-link{border-left:0;padding:0;border-bottom:1px solid var(--line)}
.share-dialog{padding:22px}
.share-grid{gap:6px 10px}
.share-grid .social-share{padding:0 6px}
}
.news-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:0 7%;align-items:end;padding-block:56px 44px}
.news-heading>.eyebrow{grid-column:1/-1;margin-bottom:21px}
.news-heading h1{font-size:clamp(52px,5.7vw,88px);margin:0;line-height:1.04;letter-spacing:-.045em}
.news-heading .news-intro{font-size:22px;line-height:1.4;margin:0 0 6px;max-width:355px}
.news-feature{grid-template-columns:1.12fr 1fr;gap:0;padding:0;border:0;background:#edece5;margin-bottom:65px;align-items:stretch;transition:background .25s}
.news-feature:hover{background:#eae7df;color:#81705b}
.feature-image{position:relative;overflow:hidden;min-height:430px}
.feature-image img{height:100%;aspect-ratio:auto;object-position:center;transition:transform .65s}
.news-feature:hover img{transform:scale(1.025)}
.feature-badge{position:absolute;top:22px;left:22px;background:var(--paper);padding:8px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.09em}
.feature-copy{padding:40px clamp(28px,3.5vw,56px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.feature-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:20px;font-size:13px;color:var(--muted)}
.feature-meta .eyebrow{font-size:12px;color:var(--accent)}
.news-feature h2{font-size:clamp(34px,3.5vw,54px);line-height:1.04;letter-spacing:-.035em;margin:0}
.news-feature p{font-size:21px;line-height:1.4;margin:22px 0 27px;max-width:410px}
.feature-read{font-size:17px;border-bottom:1px solid var(--ink);padding:0 0 5px}
.feature-time{font-size:13px;color:var(--muted);margin-top:18px}
.stories-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:27px}
.stories-heading .eyebrow{color:var(--muted);font-size:12px}
.stories-heading h2{font-size:46px;letter-spacing:-.035em;line-height:1.1;font-weight:400;margin-top:10px}
.story-search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #b9bdb0;padding:10px 0;width:255px;flex-shrink:0}
.story-search svg{width:19px;height:19px;flex-shrink:0;color:var(--muted)}
.story-search input{font-size:18px;border:0;background:none;width:100%;min-width:0;color:var(--ink);border-radius:0}
.story-search input:focus{outline:none}
.story-search:focus-within{outline:2px solid var(--accent);outline-offset:7px}
.story-search input::placeholder{color:var(--muted)}
.news-stories .filter-row{margin-bottom:34px;padding-block:18px}
.news-stories .filter-buttons{gap:8px}
.news-stories .filter-buttons button{font-size:15px;padding:8px 18px}
.news-stories .cards{gap:40px 28px}
.news-stories .story-card{border-bottom:1px solid var(--line);padding-bottom:24px}
.news-stories .card-meta{font-size:11px;letter-spacing:.07em}
.news-stories .story-card h3{font-size:28px;line-height:1.12;max-width:none}
.card-description{font-size:18px;color:var(--muted);line-height:1.4;margin-top:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-stories .story-card img{aspect-ratio:1.47}
.load-more-row{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:40px}
.load-more{border:1px solid #a7ac9b;font-size:18px;padding:12px 32px;min-height:48px}
.load-more:hover{background:#e9ebdf}
.loaded-count{font-size:14px;color:var(--muted)}
.empty{grid-column:1/-1;text-align:center;padding:45px 20px}
.empty h3{font-size:32px;font-weight:400}
.empty p{font-size:20px;color:var(--muted);margin-top:12px}
.reset-search{font-size:18px;text-decoration:underline;text-underline-offset:5px;margin-top:20px}
.newsletter{display:grid;grid-template-columns:1fr 1.35fr;gap:55px;align-items:center;background:#fff;padding-block:85px;border-block:1px solid var(--line)}
.newsletter-copy .eyebrow{font-size:13px;letter-spacing:.13em;color:var(--muted);margin-bottom:20px;line-height:1.4}
.newsletter h2{font-size:clamp(32px,3.2vw,48px);line-height:1.08;letter-spacing:-.035em;margin:0 0 22px;font-weight:400}
.newsletter-copy>p:last-child{font-size:22px;color:#706b61;line-height:1.35}
.newsletter-form{min-width:0}
.newsletter-form>label{display:block;font-size:18px;color:#706b61;margin-bottom:16px}
.newsletter-fields{display:flex;align-items:center;gap:20px;padding-bottom:16px;border-bottom:1px solid #9b9487}
.newsletter-fields input{background:none;border:0;min-width:0;width:100%;font-family:inherit;font-size:26px;color:var(--ink);padding:8px 0;border-radius:0}
.newsletter-fields input::placeholder{color:#706b61;opacity:1}
.newsletter-fields input:focus{outline:none}
.newsletter-fields:focus-within{outline:2px solid var(--accent);outline-offset:5px}
.newsletter-fields button{font-size:21px;background:#24221f;color:#fff;padding:15px 27px;min-height:55px;border-radius:2px}
.newsletter-fields button:hover{background:#514e44}
.newsletter-form .newsletter-disclosure{font-size:14px;line-height:1.5;color:#706b61;margin-top:13px}
.newsletter-form .newsletter-status{font-size:16px;line-height:1.4;margin-top:13px;color:var(--ink)}
.newsletter-status:empty{display:none}
.newsletter-status a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.news-heading{grid-template-columns:1.4fr 1fr;gap:0 35px}
.news-heading h1{font-size:64px}
.news-heading .news-intro{font-size:20px}
.feature-copy{padding:32px}
.feature-image{min-height:400px}
.news-stories .filter-row{flex-wrap:wrap;gap:14px}
.newsletter{grid-template-columns:1fr 1fr;gap:35px}
.newsletter-fields input{font-size:22px}
.newsletter-fields button{font-size:19px;padding:14px 22px}
}
@media(max-width:760px){.news-heading{display:block;padding-block:36px 30px}
.news-heading>.eyebrow{margin-bottom:16px}
.news-heading h1{font-size:clamp(48px,8.5vw,65px)}
.news-heading .news-intro{font-size:20px;margin:20px 0 0;max-width:450px}
.news-feature{grid-template-columns:1fr;margin-bottom:42px}
.feature-image{min-height:0}
.feature-image img{height:auto;aspect-ratio:1.5}
.feature-badge{top:15px;left:15px;font-size:11px;padding:7px 10px}
.feature-copy{padding:26px}
.news-feature h2{font-size:38px}
.news-feature p{font-size:20px;margin:19px 0 24px}
.feature-meta{margin-bottom:18px}
.feature-time{margin-top:14px}
.stories-heading{align-items:start;flex-direction:column;gap:24px;margin-bottom:24px}
.stories-heading h2{font-size:36px}
.story-search{width:100%}
.news-stories .filter-row{gap:14px;align-items:start}
.news-stories .filter-buttons{gap:8px}
.news-stories .filter-buttons button{padding:7px 14px}
.news-stories .cards{gap:28px}
.news-stories .story-card h3{font-size:28px}
.newsletter{display:grid;grid-template-columns:1fr;gap:30px;padding-block:45px}
.newsletter-copy .eyebrow{margin-bottom:16px}
.newsletter h2{font-size:35px;margin-bottom:17px}
.newsletter-copy>p:last-child{font-size:21px}
.newsletter-form>label{font-size:18px;margin-bottom:13px}
.newsletter-fields{gap:12px}
.newsletter-fields input{font-size:23px}
.newsletter-fields button{font-size:19px;padding:13px 19px}
.newsletter-disclosure{max-width:340px}
}
@media(min-width:761px){.feature-image{height:460px;min-height:0}
.feature-image img{height:100%;width:100%;object-fit:cover}
.feature-copy{min-height:460px}
}
/* Brand tokens and audited light/dark surfaces; shared site shell remains authoritative. */
:root{--ink:#24221f;--paper:#f7f6f3;--muted:#675f55;--line:#e3dfd9;--accent:#756b5e;--hover:#81705b;--surface:#eeebe6;--subtle:#8c8378}
:root[data-theme=dark]{--ink:#f4f0eb;--paper:#211f1d;--muted:#bcb4ac;--line:#4a4540;--accent:#d5cbc1;--surface:#2c2926;--subtle:#bcb4ac}
.blog-redesign .headline-accent{display:block;color:var(--subtle);margin-bottom:14px;font-weight:400}
.blog-redesign .news-heading h1 em{color:var(--subtle)}
.blog-redesign .deck,.blog-redesign .card-description,.blog-redesign .news-feature p,.blog-redesign .newsletter-copy>p:last-child,.blog-redesign .newsletter-form>label,.blog-redesign .newsletter-fields input::placeholder,.blog-redesign .newsletter-disclosure{color:var(--muted)}
.blog-redesign .feature-copy,.blog-redesign .news-feature,.blog-redesign .related,.blog-redesign .article-body figure{background:var(--surface)}
.blog-redesign .card-image,.blog-redesign .hero-photo img{background:var(--surface)}
.blog-redesign .news-feature:hover{background:var(--surface);color:var(--hover)}
.blog-redesign .tag{border-color:var(--line);color:var(--muted)}
.blog-redesign .author-mark{border-color:var(--line)}
.blog-redesign .like-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.blog-redesign .newsletter{background:#fff}
.blog-redesign [hidden]{display:none!important}
.blog-redesign .newsletter-trap{position:absolute;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}
.blog-redesign .share-status{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper)!important;max-width:calc(100% - 32px);padding:13px 22px;line-height:1.4;opacity:0;pointer-events:none;z-index:1000;transition:opacity .2s,transform .2s;box-shadow:0 4px 30px #0002}
.blog-redesign .share-status.show{opacity:1;transform:translate(-50%,0)}
.blog-redesign .share-dialog [data-copy-status]{margin-top:16px;font-size:16px}
.blog-redesign .article-body{overflow-wrap:anywhere;min-width:0}
.blog-redesign .article-body img,.blog-redesign .article-body video{max-width:100%;height:auto}
.blog-redesign .article-body iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:0}
.blog-redesign .article-body figure{max-width:100%;margin-inline:0}
.blog-redesign .article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:28px 0;font-size:18px}
.blog-redesign .article-body th,.blog-redesign .article-body td{border:1px solid var(--line);padding:12px 16px;text-align:left;vertical-align:top;min-width:120px}
.blog-redesign .article-body blockquote{margin:30px 0;padding:22px 26px;border-left:2px solid var(--muted);background:var(--surface);font-size:26px;line-height:1.4;color:var(--ink)}
.blog-redesign .article-body ul,.blog-redesign .article-body ol{padding-left:25px;margin:24px 0}
.blog-redesign .article-body li+li{margin-top:10px}
.blog-redesign .article-body pre{max-width:100%;overflow-x:auto;padding:20px;background:var(--surface)}
.blog-redesign .article-body details{border-block:1px solid var(--line);padding:17px 0;margin:26px 0}
.blog-redesign .article-body summary{cursor:pointer}
.blog-redesign .hero-photo img{object-fit:contain}

:root[data-theme=dark] .blog-redesign .filter-buttons button[aria-pressed=true],:root[data-theme=dark] .blog-redesign .like-button[aria-pressed=true]{background:var(--ink);color:#181715!important}
:root[data-theme=dark] .blog-redesign .social-share img{filter:invert(1)}
:root[data-theme=dark] .blog-redesign .social-share:hover,:root[data-theme=dark] .blog-redesign .share-more:hover,:root[data-theme=dark] .blog-redesign .load-more:hover{background:var(--surface)}
:root[data-theme=dark] .blog-redesign .article-body figcaption{background:var(--paper)}
:root[data-theme=dark] .blog-redesign .feature-badge{background:var(--paper);color:var(--ink)}
:root[data-theme=dark] .blog-redesign .headline-accent{color:var(--subtle)!important}
@media(max-width:760px){.blog-redesign .article-body blockquote{padding:18px 20px;font-size:24px}.blog-redesign .share-actions .social-icons{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.blog-redesign .share-status{transition:none}}
/* Preserve SPREEAI's exact #81705b hover ink; white beneath small hover text meets AA. */
:root:not([data-theme=dark]) .blog-redesign main a:hover:not(.news-feature):not(.story-card):not(.social-share){background-color:#fff}
:root:not([data-theme=dark]) .blog-redesign .filter-buttons button:hover:not([aria-pressed=true]),:root:not([data-theme=dark]) .blog-redesign .load-more:hover,:root:not([data-theme=dark]) .blog-redesign .copy-link:hover,:root:not([data-theme=dark]) .blog-redesign .like-button:hover:not([aria-pressed=true]),:root:not([data-theme=dark]) .blog-redesign .reset-search:hover{background-color:#fff;color:#81705b}
/* CMS headlines vary in length; let the featured photo track the full text height. */
@media(min-width:761px){.blog-redesign .feature-image{height:auto;min-height:460px}.blog-redesign .feature-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}
.blog-redesign .feature-meta .eyebrow{color:var(--muted)}
.blog-redesign .hero-copy,.blog-redesign .feature-copy,.blog-redesign .story-card h3{min-width:0;overflow-wrap:anywhere}
.blog-redesign .filter-buttons{min-width:0;max-width:100%}.blog-redesign .filter-buttons button{max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){.blog-redesign .article-body [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}.blog-redesign .article-body [style*="min-width"]{min-width:0!important}}
:root[data-theme=dark] .blog-redesign .share-status{color:var(--paper)!important;background:var(--ink)!important}
:root:not([data-theme=dark]) .blog-redesign .share-dialog .social-share:hover,:root:not([data-theme=dark]) .blog-redesign .share-dialog button:hover{background:#fff;color:#81705b}
/* Shared appearance.css has a high-specificity paragraph rule; keep the toast contrasting. */
:root[data-theme=dark] body.blog-redesign p.share-status.show{color:var(--paper)!important;background:var(--ink)!important}
:root:not([data-theme=dark]) .blog-redesign .share-dialog .social-share{transition:none}

.blog-redesign .privacy-preference-list small{color:var(--muted)}
:root:not([data-theme=dark]) .blog-redesign .language-dialog nav a:hover,:root:not([data-theme=dark]) .blog-redesign .privacy-preferences .privacy-secondary:hover{background:#fff;color:#81705b}
:root:not([data-theme=dark]) .blog-redesign .privacy-preferences .privacy-primary:hover{background:#534a40;color:#fff}
.blog-redesign .contents a{min-width:0;max-width:100%;overflow-wrap:anywhere}.blog-redesign .story-search input::placeholder{opacity:1}
.blog-redesign .share-status,.blog-redesign .share-dialog{overflow-wrap:anywhere}