/* Canonical editorial rules. Shared across Library, Home, Public Spaces and Spaces. */
:root{--editorial-title:clamp(32px,4vw,60px);--editorial-aside-title:clamp(32px,3.5vw,52px);--editorial-secondary:clamp(28px,2.5vw,36px);--editorial-body:20px;--editorial-leading:1.5;--editorial-section:96px;--editorial-copy-gap:32px;--editorial-media-gap:48px}
.editorial-desktop-break{display:block}
.opening h1,.blinkist-editorial .opening h1{font-size:clamp(48px,7.5vw,112px);line-height:1}
.research-intro h2,.vision-spread h2,.alternatives h2,.spread-heading h2{font-size:var(--editorial-title);line-height:1.08;margin:0 0 var(--editorial-copy-gap);font-weight:800;letter-spacing:-.045em}
.editorial-aside .spread-heading h2,.vision-spread h2,.comparison-intro h2,.outcome-copy h2,.library-outcome>h2{font-size:var(--editorial-aside-title);line-height:1.08;font-weight:800;letter-spacing:-.045em}
.library-decisions h2,.options-grid h3,.feature-editorial-grid h3,.evidence-callout h2{font-size:var(--editorial-secondary);line-height:1.15;font-weight:600;letter-spacing:-.04em}
.research-intro>p:last-child,.vision-spread>div>p:last-child,.spread-heading>p:last-child,.detail-spread .spread-heading>p:last-child,.comparison-intro>p{font-size:var(--editorial-body);line-height:var(--editorial-leading);margin:0;max-width:52ch}
.editorial-aside .spread-heading>p:last-child,.vision-spread>div>p:last-child{max-width:none}
.outcome-copy p,.library-outcome p,.library-decisions p,.options-grid p,.feature-editorial-grid p,.evidence-callout p{font-size:18px;line-height:1.5;margin:0;max-width:58ch}
.outcome-copy p+p,.library-outcome p+p{margin-top:24px}
.library-decisions p{margin-bottom:32px}
.editorial-label{font-size:13px!important;line-height:1.5;margin:0 0 24px!important}
.media figcaption,.visual-note,.motion-demo figcaption{font-size:16px;line-height:1.5;margin-top:24px}
.editorial-spread,.editorial-aside,.vision-spread,.alternatives,.architecture-spread,.saving-spread,.detail-spread,.comparison-spread{margin-top:var(--editorial-section);margin-bottom:0}
.spread-heading,.editorial-spread .spread-heading,.detail-spread .spread-heading{max-width:760px;margin-bottom:var(--editorial-media-gap)}
.editorial-aside .spread-heading{max-width:none;margin:0}
.editorial-aside,.vision-spread,.comparison-spread{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:48px}
.outcome-copy,.library-outcome{align-items:start}
.library-outcome{padding:48px 0;margin-top:0}
.outcome-copy h2,.library-outcome>h2{margin:0}
.media img,.motion-demo video{border-radius:24px}
.portrait-demo video{border-radius:16px}
.library-quote .quote-stage{overflow:visible}
/* Remove the former title-specific container sizing. */
.home-study .editorial-aside .spread-heading:has(h2){container-type:normal}
/* A wider copy column keeps the approved three-line heading at the shared size. */
.home-study .editorial-aside:has(.editorial-label):has(h2 .editorial-desktop-break){grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
@media(max-width:1000px){.editorial-aside,.vision-spread,.comparison-spread{gap:32px}.project-summary{grid-template-columns:1fr;gap:24px;padding:32px 0}.project-summary>div{padding-inline:16px}.project-summary>div+div{border-left:0;border-top:1px solid #171a1826;padding:24px 16px 0}.project-summary small{max-width:52ch}.project-summary p{max-width:40ch}}
@media(max-width:767px){
:root{--editorial-title:32px;--editorial-aside-title:32px;--editorial-secondary:28px;--editorial-body:18px;--editorial-section:64px;--editorial-copy-gap:24px;--editorial-media-gap:32px}
.editorial-desktop-break{display:inline}
.opening h1,.blinkist-editorial .opening h1{font-size:clamp(44px,11vw,48px);line-height:1}
.editorial-aside,.vision-spread,.comparison-spread,.home-study .editorial-aside:has(h2 .editorial-desktop-break){display:block}
.editorial-aside>.media,.vision-spread>.media{margin-top:32px}
.detail-spread .spread-heading>h2{margin-bottom:24px}
.research-intro>p:last-child,.vision-spread>div>p:last-child,.spread-heading>p:last-child,.detail-spread .spread-heading>p:last-child,.comparison-intro>p,.editorial-aside .spread-heading>p:last-child,.editorial-spread .spread-heading>p:last-child{font-size:18px;line-height:1.5}
.library-decisions{padding-top:64px}
.outcome-copy h2,.library-outcome>h2{margin-bottom:24px}
.library-outcome{padding:32px 0}
}
.spread-heading>p:not(.editorial-label),.vision-spread>div>p:not(.editorial-label){font-size:var(--editorial-body);line-height:1.5;margin:0;max-width:52ch}
.spread-heading>p:not(.editorial-label)+p,.vision-spread>div>p:not(.editorial-label)+p{margin-top:24px}
.editorial-aside .spread-heading>p:not(.editorial-label){max-width:none}
@media(min-width:768px) and (max-width:1000px){.editorial-aside,.vision-spread,.comparison-spread,.home-study .editorial-aside:has(h2 .editorial-desktop-break){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:767px){.spread-heading>p:not(.editorial-label),.vision-spread>div>p:not(.editorial-label){font-size:18px}}
