:root{color-scheme:dark;--bg:#101414;--surface:#191e1e;--surface2:#222828;--text:#f0f2ec;--muted:#a1aaa6;--accent:#c3edc5;--border:#ffffff14;--radius:14px}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,summary{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a:hover{color:var(--accent)}button,.more{border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:10px 17px;border-radius:7px;font-size:14px;font-weight:600;min-height:44px;cursor:pointer}button:hover,.more:hover{background:#303a35}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;line-height:1.2;font-weight:700;overflow-wrap:anywhere}h1,h2,h3,p{margin-top:0}img{max-width:100%;display:block}svg{flex-shrink:0}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:12px;z-index:20}.skip:focus{top:12px}
.ecosystem-header{border-bottom:1px solid var(--border);background:var(--bg)}.header-inner{max-width:1240px;padding:22px 30px;margin:auto;min-height:94px;display:flex;align-items:center;gap:26px}.blog-brand{display:flex;align-items:center;gap:10px;margin-right:auto;font:800 27px/1 Manrope,sans-serif;letter-spacing:-1px}.blog-brand svg{width:32px;height:36px;color:var(--accent)}.blog-brand small{display:block;margin-top:7px;font:600 10px/1.3 'DM Sans',sans-serif;letter-spacing:4px;color:var(--muted)}.brecilia-products{display:flex;align-items:center;gap:4px;white-space:nowrap}.brecilia-products a{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;min-height:36px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:600;letter-spacing:.08em;line-height:1.2}.brecilia-products a:hover{background:#ffffff09}.brecilia-products a[aria-current=page]{font-weight:700;background:#ffffff09;border-color:#ffffff25;text-decoration:underline;text-underline-offset:5px}.brecilia-live-dot{display:inline-block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#ec5b61}.language-selector{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--muted)}.language-selector a{display:grid;place-items:center;min-height:44px;min-width:32px}.language-selector a[aria-current=page]{color:var(--accent);font-weight:700}.language-selector span{color:#5f6e65}
.category-bar{border-bottom:1px solid var(--border)}.categories{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:28px;overflow-x:auto;padding:0 30px;white-space:nowrap;font-size:14px;scrollbar-width:thin;scrollbar-color:#39413d transparent}.categories a{padding:17px 0 15px;border-bottom:2px solid transparent;color:var(--muted)}.categories a:hover{color:var(--text)}.categories .selected{color:var(--accent);border-bottom-color:var(--accent)}
.feed-main,.post-main{max-width:1240px;padding:36px 30px 64px;margin:auto;min-width:0}.eyebrow,.story-category{display:block;color:var(--accent);font-size:12px;line-height:1.5;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.editorial-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 28px}.editorial-intro .eyebrow{margin-bottom:8px}.editorial-intro h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;margin:0}.search-controls{position:relative;flex:0 0 auto}.search-controls summary{cursor:pointer;border:1px solid var(--border);border-radius:7px;padding:10px 15px;font-size:14px;min-height:44px}.search-controls[open]{max-width:100%;align-self:flex-start}.search-controls form{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:16px 0 0;max-width:430px}.search-label{display:grid;gap:5px;font-size:14px;flex:1 1 100%}.search-controls input,.search-controls select{background:var(--surface);color:var(--text);border:1px solid #ffffff28;border-radius:7px;padding:10px 12px;min-height:44px;min-width:0;max-width:100%}.search-controls select{flex:1 1 130px;width:130px}.search-controls input::placeholder{color:var(--muted)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0;transition:background .18s,border-color .18s}.story-card:hover{background:#1e2522;border-color:#ffffff30}.cover{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface2)}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.story-card:hover .cover img{transform:scale(1.025)}.cover-empty{height:100%;display:grid;place-content:center;color:var(--muted);letter-spacing:2px;padding:20px}.story-copy{padding:24px}.story-category{font-size:12px;letter-spacing:1.2px}.story-card h2{font-size:21px;letter-spacing:-.45px;line-height:1.3;margin:10px 0 20px}.story-card--standard h2 a,.story-card--compact h2 a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px}.story-card--featured{display:grid;grid-template-columns:1.08fr 1fr;margin-bottom:52px;background:#191f1c;align-items:stretch}.story-card--featured .cover{aspect-ratio:auto;min-height:350px}.story-card--featured .story-copy{padding:38px;align-self:center}.story-card--featured h2{font-size:clamp(26px,3vw,37px);letter-spacing:-1.1px;line-height:1.18;margin:12px 0 18px}.story-excerpt{font-size:16px;color:#cad0cb;line-height:1.7;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-action{display:inline-block;color:var(--accent);font-weight:600;font-size:14px;border-bottom:1px solid #c3edc53a;padding-bottom:3px;margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.section-heading h2{font-size:24px;letter-spacing:-.6px;margin:0}.text-link{color:var(--accent);font-size:14px;font-weight:500}.more{display:block;width:fit-content;margin:32px auto 0}.empty-state{grid-column:1/-1;color:var(--muted);padding:24px 0}.editorial-selection{margin-top:52px}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-card--compact{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center}.story-card--compact .cover{height:100%;aspect-ratio:auto;min-height:164px}.story-card--compact .story-copy{padding:20px}.story-card--compact h2{font-size:18px;margin-bottom:12px}
.article-heading{max-width:800px;margin:22px auto 32px}.article-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.16;letter-spacing:-1.6px;margin:16px 0 22px}.article-intro{font-size:20px;line-height:1.65;color:#cad0cb;margin-bottom:24px}.post-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);font-size:14px}.article-hero{max-width:1060px;margin:0 auto 42px}.article-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);background:var(--surface)}figcaption{font-size:13px;color:var(--muted);line-height:1.6;margin-top:10px}.article-body,.article-end{max-width:740px;margin:auto}.article-body{font-size:19px;line-height:1.85;overflow-wrap:anywhere}.article-body h2{font-size:30px;line-height:1.3;margin:44px 0 20px;letter-spacing:-.7px}.article-body h3{font-size:24px;margin:32px 0 16px}.article-body h4,.article-body h5,.article-body h6{font-size:21px;margin:28px 0 16px}.article-body p{margin:22px 0}.article-body a{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}.article-body figure{margin:32px 0}.article-body img{max-width:100%;height:auto;border-radius:10px}.article-body blockquote{margin:32px 0;padding:6px 0 6px 24px;border-left:2px solid var(--accent);color:#cad0cb}.article-body li{margin:8px 0}.article-body table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}.article-body td{border:1px solid #ffffff28;padding:12px}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0;font-size:13px}.post-tags a{border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:5px 10px;max-width:100%;overflow-wrap:anywhere}.article-bottom{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:24px}.related{margin-top:64px}.reading-progress{height:2px;position:fixed;top:0;left:0;right:0;z-index:15;pointer-events:none}.reading-progress span{display:block;background:var(--accent);height:100%;transform-origin:left;transform:scaleX(0)}
.ecosystem-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;border-top:1px solid var(--border);margin-top:64px;padding-top:36px}.ecosystem-section>div+div{border-left:1px solid var(--border);padding-left:40px}.ecosystem-section .eyebrow{margin-bottom:12px}.ecosystem-section h2{font-size:26px;letter-spacing:-.65px;margin-bottom:16px}.blog-footer{border-top:1px solid var(--border);color:var(--muted);padding:36px 30px}.footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:center}.footer-identity p{font:600 16px/1.5 Manrope,sans-serif;color:var(--text);margin:0 0 8px}.footer-identity small{font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}.social-rail{display:flex;flex-wrap:wrap;gap:10px;position:static}.social-rail a{display:grid;place-items:center;padding:8px;border:1px solid var(--border);border-radius:7px;min-height:42px;min-width:42px}.social-rail img{width:22px;height:22px;opacity:.7}.social-rail a:hover img{opacity:1}.privacy-controls{grid-column:1/-1;display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px;border-top:1px solid var(--border);padding-top:20px}.privacy-controls p{margin:0}.privacy-controls button{font-size:13px}.external-embed{margin:28px 0}.external-embed button{width:100%;min-height:100px;text-align:center}.external-embed iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:12px 18px;max-width:90vw;z-index:20}#toast:empty{display:none}
@media(max-width:1050px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card--featured .story-copy{padding:28px}.story-card--featured h2{font-size:30px}.story-card--featured .cover{min-height:330px}.story-card--compact{grid-template-columns:120px minmax(0,1fr)}.compact-grid{gap:18px}.header-inner{gap:20px}}
@media(max-width:700px){.header-inner{display:grid;grid-template-columns:1fr auto;gap:14px 16px;padding:20px;min-height:0}.blog-brand{font-size:25px}.blog-brand svg{width:28px}.language-selector{grid-column:2;grid-row:1}.brecilia-products{grid-row:2;grid-column:1/-1;justify-content:flex-start}.brecilia-products a{min-height:40px;font-size:14px;padding:10px 13px}.categories{padding:0 20px;gap:24px}.categories a{padding:14px 0 12px}.feed-main,.post-main{padding:28px 20px 44px}.editorial-intro{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:24px}.editorial-intro h1{font-size:28px}.search-controls{width:100%}.search-controls summary{width:fit-content}.search-controls form{max-width:none}.story-card--featured{grid-template-columns:1fr;margin-bottom:36px}.story-card--featured .cover{aspect-ratio:16/9;min-height:0}.story-card--featured .story-copy{padding:24px}.story-card--featured h2{font-size:28px;letter-spacing:-.8px}.story-grid{gap:20px}.story-copy{padding:20px}.story-card h2{font-size:20px}.compact-grid{grid-template-columns:1fr}.story-card--compact{grid-template-columns:120px minmax(0,1fr)}.section-heading h2{font-size:22px}.article-heading{margin:4px auto 26px}.article-heading h1{font-size:32px;letter-spacing:-.9px}.article-intro{font-size:18px;line-height:1.7}.article-body{font-size:18px;line-height:1.8}.article-body h2{font-size:26px}.article-body h3{font-size:22px}.article-hero{margin-bottom:28px}.related{margin-top:44px}.ecosystem-section{gap:26px;margin-top:44px;padding-top:28px}.ecosystem-section h2{font-size:23px}.ecosystem-section>div+div{padding-left:26px}.blog-footer{padding:30px 20px}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-links{gap:18px}.privacy-controls{gap:12px}.post-meta{gap:6px 14px}.editorial-selection{margin-top:36px}}
@media(max-width:520px){.story-grid{grid-template-columns:1fr}.ecosystem-section{grid-template-columns:1fr}.ecosystem-section>div+div{padding:26px 0 0;border-left:0;border-top:1px solid var(--border)}.story-card--compact .story-copy{padding:18px}.story-card--compact h2{font-size:17px}.story-category{font-size:12px}.article-heading h1{font-size:30px}.section-heading{align-items:baseline}.story-card--featured h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story-card:hover .cover img{transform:none}}
.story-card--featured.story-card--no-image{grid-template-columns:minmax(0,1fr)}
.story-card--featured.story-card--no-image .story-copy{max-width:840px}
.story-card--compact.story-card--no-image{grid-template-columns:minmax(0,1fr)}

.support-entry{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:24px;background:#23352a;color:#eaf5ed;border:1px solid #ffffff26;box-shadow:0 4px 20px #0006;font-size:14px;text-decoration:none}.support-entry:focus-visible{outline:2px solid #bde5cb;outline-offset:3px}.blog-footer{padding-bottom:80px}

.support-entry{position:static!important;box-shadow:none!important}
.footer-links{align-items:center;justify-content:flex-end}.footer-links>.support-entry{align-self:center;margin-inline-start:16px;min-height:44px}.footer-links> :is(a,summary){min-height:44px}.footer-legal{position:relative;display:inline-flex;align-items:center}.footer-legal>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;list-style:none}.footer-legal>summary::-webkit-details-marker{display:none}.footer-legal>summary::after{content:"⌄";font-size:.8em;margin-inline-start:6px}.footer-legal[open]>summary::after{content:"⌃"}.footer-legal-menu{position:absolute;z-index:40;right:0;bottom:calc(100% + 8px);min-width:210px;display:grid;gap:2px;padding:7px;background:var(--surface-primary,#f5e6cb);color:var(--text-primary,#2c281f);border:1px solid var(--control-border,#a6884c);border-radius:10px;box-shadow:var(--surface-shadow,0 10px 28px #22190d30)}.footer-legal-menu>a,.footer-legal-menu>button{display:flex;align-items:center;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:start;text-decoration:none;font:inherit;cursor:pointer}.footer-legal-menu>:is(a,button):hover{background:var(--surface-secondary,#ead7b3)}.footer-legal-menu .privacy-preferences-link{width:100%;font-size:inherit}

.article-music{margin:34px 0;padding:26px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.article-music h2{font-size:22px;margin:0 0 20px}.linked-music-grid{display:grid;gap:20px}.linked-music-card{display:flex;gap:20px;align-items:center;min-width:0}.linked-music-card>a{flex:0 0 110px}.linked-music-card img{width:110px;height:110px;object-fit:cover;border-radius:12px}.linked-music-card h3{font-size:20px;margin:6px 0;overflow-wrap:anywhere}.linked-music-card p{margin:5px 0;font-size:14px}.linked-music-meta{color:var(--muted)}.blog-now-playing{margin-top:18px;display:flex;gap:12px;align-items:center}.blog-now-playing[hidden]{display:none}.blog-now-playing img{width:52px;height:52px;object-fit:cover;border-radius:8px}.blog-now-playing span{display:block;font-size:12px;color:var(--muted)}.blog-now-playing strong{display:block;font-size:14px;line-height:1.5}.blog-now-playing a{font-size:13px}@media(max-width:520px){.linked-music-card{gap:14px}.linked-music-card>a{flex-basis:80px}.linked-music-card img{width:80px;height:80px}.linked-music-card h3{font-size:17px}}

.linked-music-card>div,.blog-now-playing>div{min-width:0}.blog-now-playing strong{overflow-wrap:anywhere}

/* Shared Brecilia destinations; native disclosure keeps mobile navigation compact. */
.brecilia-products{min-width:0;flex-wrap:wrap;overflow:visible}.brecilia-products>a{min-height:44px;display:inline-flex;align-items:center}.brecilia-more{position:relative}.brecilia-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 12px;list-style:revert;font-size:inherit;font-weight:600}.brecilia-more summary:focus-visible,.brecilia-menu a:focus-visible,.brecilia-footer-nav a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.brecilia-menu{position:absolute;right:0;top:100%;z-index:100;width:190px;max-width:calc(100vw - 32px);padding:8px;background:#101918;color:#f3f6f4;border:1px solid #45605a;border-radius:12px;box-shadow:0 12px 30px #0005}.brecilia-menu a{display:flex!important;align-items:center;min-height:44px;padding:0 12px!important;color:inherit!important;text-decoration:none}.brecilia-menu a:hover{background:#243c35;border-radius:8px}.brecilia-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;padding:16px 0}.brecilia-footer-nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:12px;text-decoration:none}.brecilia-footer-nav a:hover{text-decoration:underline}@media(max-width:480px){.brecilia-products{gap:4px}.brecilia-more summary{padding:0 8px}.brecilia-footer-nav{gap:0 14px}}

.footer-categories{grid-column:1/-1;min-width:0}.footer-categories summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.footer-categories .footer-links{padding:12px 0;gap:12px 20px}.footer-categories a{min-height:44px;display:inline-flex;align-items:center}
.footer-categories summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.editorial-search-tools{display:flex;align-items:flex-start;justify-content:flex-end;gap:16px;flex-wrap:wrap}.blog-category-picker{position:relative}.blog-category-picker summary{cursor:pointer;font:inherit;padding:10px 0;list-style:none}.blog-category-picker summary::after{content:" ▾"}.blog-category-picker nav{position:absolute;right:0;top:100%;z-index:20;display:grid;gap:3px;width:260px;max-height:340px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--surface-shadow,0 14px 40px #0005)}.blog-category-picker nav a{padding:8px 10px;border-radius:6px;color:inherit;text-decoration:none}.blog-category-picker nav a:hover,.blog-category-picker nav a:focus-visible{background:var(--surface2);outline-offset:-2px}@media(max-width:700px){.editorial-search-tools{justify-content:flex-start;width:100%}.blog-category-picker nav{left:0;right:auto;max-width:calc(100vw - 40px)}}

/* Three evenly sized discovery and subscription panels replace the oversized detached form. */
.ecosystem-section{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;margin-top:42px;padding-top:28px}
.ecosystem-section h2{font-size:23px;line-height:1.3;margin-bottom:12px}
.ecosystem-section>div+div,.ecosystem-section>.ecosystem-subscribe-slot{border-left:1px solid var(--border);padding-left:26px}
.ecosystem-section>.ecosystem-subscribe-slot{min-width:0}
.ecosystem-section .blog-now-playing{margin-top:12px}
@media(max-width:700px){.ecosystem-section{grid-template-columns:1fr;gap:0;margin-top:34px;padding-top:24px}.ecosystem-section>div+div,.ecosystem-section>.ecosystem-subscribe-slot{padding:22px 0 0;border-left:0;border-top:1px solid var(--border)}}
.newsletter-footer-meta{grid-column:2;grid-row:2;justify-self:end;align-self:center;display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap;font-size:12px}.newsletter-footer-meta a{text-underline-offset:3px}.newsletter-footer-meta a:hover{text-decoration-thickness:2px}
@media(max-width:700px){.newsletter-footer-meta{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start}}

/* Show legal actions only when Terms is expanded. */
.footer-legal:not([open])>.footer-legal-menu{display:none}
.footer-legal[open]>.footer-legal-menu{display:grid}


/* Mobile header and footer spacing for small screens. */
@media(max-width:700px){
 .ecosystem-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;grid-template-areas:"brand language appearance" "products products products";align-items:center;gap:10px 8px;padding:12px 16px;min-height:0;}
 .ecosystem-header .blog-brand{grid-area:brand;min-width:0;margin:0;font-size:23px;}
 .ecosystem-header .language-selector{grid-area:language;gap:0;white-space:nowrap;}
 .ecosystem-header .language-selector a{min-width:32px;min-height:40px;padding:4px;}
 .ecosystem-header .header-inner>[data-appearance-control]{grid-area:appearance;justify-self:end;}
 .ecosystem-header .brecilia-products{grid-area:products;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:4px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;}
 .ecosystem-header .brecilia-products::-webkit-scrollbar{display:none;}
 .ecosystem-header .brecilia-products>a{flex:0 0 auto;min-height:40px;padding:7px 10px;font-size:12px;letter-spacing:.035em;}
 .blog-footer{padding:24px 16px calc(96px + env(safe-area-inset-bottom));}
 .blog-footer .footer-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;}
 .blog-footer .footer-identity,.blog-footer .footer-links,.blog-footer .social-rail,.blog-footer .newsletter-footer-meta{grid-column:1;min-width:0;justify-self:stretch;}
 .blog-footer .footer-links{display:flex;justify-content:flex-start;align-items:flex-start;gap:4px 12px;font-size:13px;}
 .blog-footer .footer-links>a:not(.support-entry),.blog-footer .footer-legal>summary{display:inline-flex;align-items:center;min-height:40px;}
 .blog-footer .footer-links>.support-entry{position:static!important;align-self:center;margin:0;min-height:44px;padding:8px 12px;}
 .blog-footer .social-rail{display:grid;grid-template-columns:repeat(5,42px);gap:8px;}
 .blog-footer .social-rail a{width:42px;height:42px;min-width:42px;min-height:42px;padding:8px;}
 .blog-footer .newsletter-footer-meta{justify-content:flex-start;gap:8px 14px;}
}

/* Mobile editorial covers get their full width and preserve lettering in the artwork. */
@media(max-width:700px){
 .story-card--compact{grid-template-columns:minmax(0,1fr);align-items:stretch;}
 .story-card .cover,.story-card--compact .cover,.story-card--featured .cover{width:100%;height:auto;min-height:0;aspect-ratio:1;}
 .story-card .cover img{width:100%;height:100%;object-fit:contain;}
 .story-card:hover .cover img{transform:none;}
 .story-card--compact .story-copy{padding:20px;}
 .story-card--compact h2{font-size:22px;line-height:1.3;}
 .story-card--compact h2 a{display:block;-webkit-line-clamp:unset;overflow:visible;}
}

/* Full artwork at every viewport; the CDN also supplies uncropped listing images. */
.story-card .cover,.story-card--featured .cover,.story-card--compact .cover{height:auto;min-height:0;aspect-ratio:auto;align-self:center;}
.story-card .cover img{display:block;width:100%;height:auto;object-fit:contain;}
.story-card:hover .cover img{transform:none;}
.editorial-selection{margin-block:48px 64px;}
.feed-main>.feed{margin-top:56px;}
@media(min-width:701px){
 .story-card--compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;}
 .story-card--compact .story-copy{min-width:0;padding:24px;}
 .story-card--compact h2 a{display:block;-webkit-line-clamp:unset;overflow:visible;}
}
@media(max-width:700px){
 .editorial-selection{margin-block:36px 48px;}
 .feed-main>.feed{margin-top:48px;}
}

/* Publication cards share the same artwork scale, surface and hover contrast. */
.story-card{height:100%;background:var(--surface);border-color:var(--border);color:var(--text);}
.story-card:hover{background:var(--surface2);border-color:var(--accent);}
.story-card--featured{background:var(--surface);}
.story-card .cover,.story-card--featured .cover,.story-card--compact .cover{width:100%;height:auto;min-height:0;aspect-ratio:16/10;align-self:stretch;background:var(--surface2);}
.story-card .cover img{width:100%;height:100%;object-fit:contain;}
.story-card--standard{display:flex;flex-direction:column;}
.story-card--standard .cover{flex-shrink:0;}
.story-card--standard .story-copy{flex:1;}
.story-card--featured .cover{aspect-ratio:auto;align-self:center;}
.story-card--featured .cover img{height:auto;}
.story-card .story-copy{display:flex;flex-direction:column;min-width:0;}
.story-card .story-meta{margin-top:auto;}
.story-excerpt{color:var(--muted);}
.recent-publications{margin:0 0 48px;}
.recent-publications .section-heading{margin-bottom:20px;}
.recent-publications .story-grid{align-items:stretch;}
.editorial-selection{margin-block:40px 52px;}
@media(max-width:700px){.recent-publications{margin-bottom:36px;}.story-grid,.compact-grid{gap:18px;}.story-card--featured{grid-template-columns:minmax(0,1fr);}.story-card--featured .story-copy{padding:24px;}}

/* Comfortable article insets and compact, edge-to-edge editorial cards. */
.article{padding:clamp(24px,3vw,40px) clamp(18px,3vw,40px) clamp(32px,4vw,56px);}
.article-heading{margin-top:0;}
.story-card .cover img{object-fit:cover;}
.story-card .story-copy{padding:20px;}
.story-card h2{margin:8px 0 16px;}
.story-card--featured .story-copy{padding:clamp(22px,2.5vw,30px);}
@media(max-width:700px){.post-main{padding:24px 12px 40px;}.article{padding:24px 18px 32px;}.story-card .story-copy{padding:18px;}.story-card--featured .story-copy{padding:20px;}}
.story-card--no-image{align-self:start;height:auto;}.story-card--no-image .story-meta{margin-top:12px;}

/* Compact editorial cards: no letterbox padding, one metadata row. */
.story-card .cover{position:relative;aspect-ratio:16/9;align-self:start;}
.story-card .cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;}
.story-card .story-copy{padding:16px;}
.story-card h2{margin:0 0 12px;}
.story-card .story-meta--inline{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:0;font-size:12px;}
.story-meta--inline .story-category{font-size:11px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.story-meta--inline .story-reading{white-space:nowrap;}
.story-meta--inline .story-reaction{margin:0;gap:0;flex-wrap:nowrap;}
.story-meta--inline .story-reaction button{min-height:44px;gap:5px;padding:6px 9px;font-size:12px;}
.story-meta--inline .story-reaction svg{width:17px;height:17px;}
.story-card--no-image .story-meta--inline{margin-top:0;}

/* Featured archive covers remain left-aligned and vertically centered. */
@media(min-width:701px){.story-card--compact .cover{align-self:center;}}
.article-body figure[data-size=wide] img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}.article-body figure[data-size=square] img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center}.image-credit{display:block;font-size:.8rem;line-height:1.5;margin-top:6px}.post-topics,.topic-cloud{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0}.post-topics a,.topic-cloud a,.post-tags a{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid currentColor;border-radius:20px;text-decoration:none;font-size:.85rem;line-height:1.3}.post-topics h2{width:100%;font-size:1rem;margin:0 0 6px}.topic-cloud summary{cursor:pointer}.topic-cloud nav{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.topic-cloud a span{margin-left:6px;font-size:.75rem}.article-body table{max-width:100%;display:block;overflow:auto}.article-body figure img{max-width:100%;height:auto}

/* Mobile editorial images remain landscape, including featured/compact variants. */
@media(max-width:700px){
 .story-card .cover,.story-card--featured .cover,.story-card--compact .cover{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/9;align-self:start;}
 .story-card .cover img,.story-card--featured .cover img,.story-card--compact .cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
 .story-card--compact{grid-template-columns:minmax(0,1fr);}
 .story-card h2,.story-card--compact h2,.story-card--featured h2{font-size:21px;line-height:1.3;overflow-wrap:anywhere;}
 .story-card .story-copy{padding:16px;}
 .story-card .story-meta--inline{gap:6px;font-size:11px;}
 .feed-main{padding-inline:16px;}
 .article-body{font-size:17px;line-height:1.75;overflow-wrap:break-word;}
 .article-heading h1{font-size:28px;line-height:1.2;overflow-wrap:anywhere;}
 .article-body iframe,.article-body video{max-width:100%;}
 input,textarea,select{font-size:max(16px,1em);}
}