/* Evergreen page designs. Each design works with the existing page fields. */
.custom-page{--page-panel:#f2f5fa;--page-panel-strong:#e9effc;--page-rule:#dbe2ec;--page-accent:#0037e6}
html[data-theme="dark"] .custom-page{--page-panel:#0c1a2d;--page-panel-strong:#102446;--page-rule:#26364c;--page-accent:#8cabff}
.custom-page:is(.custom-page-editorial,.custom-page-split,.custom-page-manifesto,.custom-page-briefing,.custom-page-dossier,.custom-page-timeline,.custom-page-faq,.custom-page-cards){padding-bottom:72px;overflow-wrap:anywhere}
.page-layout-image{max-width:1320px;margin:32px auto 0;aspect-ratio:21/9;overflow:hidden;background:var(--page-panel)}
.page-layout-image img{display:block;width:100%;height:100%;object-fit:cover}
.page-layout-section{min-width:0;scroll-margin-top:120px}
.page-section-content{min-width:0}
.page-section-content h2{margin:0 0 16px;font-family:var(--display);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.08;letter-spacing:-.035em}
.page-section-content>*:last-child,.page-layout-intro>*:last-child{margin-bottom:0}
.page-section-number{font:700 .8rem/1 var(--mono);color:var(--page-accent);font-variant-numeric:tabular-nums}
.page-layout-intro{margin-bottom:40px}
.page-layout-section :is(img,video,iframe){max-width:100%}
.custom-page-updated{margin-top:48px}

/* Editorial: headline, offset standfirst and a quiet reading column. */
.custom-page-editorial .page-editorial-head{max-width:1320px;padding-top:68px;padding-bottom:42px}
.page-editorial-head h1{max-width:18ch;font-size:clamp(3.4rem,7.7vw,7.3rem);line-height:.95}
.page-editorial-lead{display:grid;grid-template-columns:140px minmax(0,760px);gap:32px;margin-top:32px}
.page-layout-rule{display:block;height:4px;margin-top:13px;background:var(--page-accent)}
.page-editorial-lead .page-layout-summary{font-size:1.12rem;line-height:1.65}
.custom-page-editorial .custom-page-body{max-width:900px;padding-top:56px}

/* Split feature: an editorial introduction alongside a large visual. */
.page-split-head{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding-top:56px;padding-bottom:56px}
.page-split-head .custom-page-header{padding:24px 0;border:0}
.page-split-head h1{font-size:clamp(3.2rem,5.2vw,5.5rem);line-height:.98}
.page-split-head>.page-layout-image{max-width:none;width:100%;margin:0;aspect-ratio:4/5}
.page-split-art{min-height:460px;display:flex;align-items:flex-end;padding:42px;background:linear-gradient(145deg,#0b2449,#0037e6);color:#fff}
.page-split-art span{font:900 clamp(2.6rem,5vw,4.5rem)/.95 var(--display);letter-spacing:-.055em}
.custom-page-split .custom-page-body{max-width:940px;border-top:1px solid var(--page-rule);padding-top:44px}

/* Manifesto: a centered statement and generous numbered principles. */
.page-manifesto-head{text-align:center;border:0;padding-top:90px;padding-bottom:62px}
.page-manifesto-head h1{max-width:15ch;margin:22px auto 26px;color:var(--page-accent);font-size:clamp(3.7rem,9vw,8.2rem);line-height:.95}
.page-manifesto-head .page-layout-summary{margin:auto;font-size:1.14rem}
html[data-theme="dark"] .page-manifesto-head h1{color:var(--page-accent)}
.custom-page-manifesto .custom-page-body{max-width:1080px}
.page-manifesto-sections .page-layout-section{display:grid;grid-template-columns:100px minmax(0,1fr);gap:34px;padding:42px 0;border-top:1px solid var(--page-rule)}
.page-manifesto-sections .page-section-number{font:900 3rem/1 var(--display);letter-spacing:-.04em}

/* Briefing: an opening note and structured rows. */
.custom-page-briefing .page-briefing-head{max-width:1100px;margin-top:52px;padding-top:28px;padding-bottom:0;border-top:6px solid var(--page-accent);border-bottom:0}
.page-briefing-head h1{font-size:clamp(2.8rem,5vw,4.7rem);line-height:1.02}
.page-briefing-note{margin-top:28px;padding:26px 30px;border-left:3px solid var(--page-accent);background:var(--page-panel-strong)}
.page-briefing-note:empty{display:none}
.custom-page-briefing .custom-page-body{max-width:1100px}
.page-briefing-sections .page-layout-section{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:28px 0;border-top:1px solid var(--page-rule)}
.page-briefing-sections .page-section-number{padding-top:7px}
.page-briefing-sections h2{font-size:1.55rem}

/* Dossier: contents remain available beside a long report. */
.custom-page-dossier .page-dossier-head{max-width:1320px;border-bottom:3px solid var(--page-accent)}
.page-dossier-head h1{font-size:clamp(3rem,6vw,6rem);line-height:.98}
.custom-page-dossier .custom-page-body{max-width:1320px;padding-top:48px}
.page-dossier-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:start}
.page-dossier-contents{position:sticky;top:112px;max-height:calc(100dvh - 144px);overflow-y:auto;display:grid;gap:0;border-top:1px solid var(--page-rule);padding-top:20px}
.page-dossier-contents>.eyebrow{margin-bottom:18px;color:var(--page-accent)}
.page-dossier-contents a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:14px 0;border-bottom:1px solid var(--page-rule);font-size:.78rem;line-height:1.4;text-decoration:none;color:inherit}
.page-dossier-contents a span{font:600 .6rem/1.8 var(--mono);color:var(--page-accent)}
.page-dossier-contents a:hover{color:var(--page-accent)}
.page-dossier-reading{max-width:880px}
.page-dossier-reading .page-layout-section{padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid var(--page-rule)}

/* Timeline: milestones connected by a fine vertical track. */
.custom-page-timeline .page-timeline-head{max-width:1040px}
.custom-page-timeline .custom-page-body{max-width:1040px;padding-top:48px}
.page-timeline-events .page-layout-section{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:32px;padding-bottom:46px}
.page-timeline-events .page-layout-section::before{content:"";position:absolute;left:25px;top:0;bottom:0;width:1px;background:var(--page-rule)}
.page-timeline-events .page-layout-section:last-child::before{bottom:calc(100% - 52px)}
.page-timeline-events .page-section-number{z-index:1;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--page-accent);border-radius:50%;background:var(--paper,#fcfdff)}
html[data-theme="dark"] .page-timeline-events .page-section-number{background:#08111f}
.page-timeline-events .page-section-content{padding-top:10px}

/* FAQ: native accessible disclosure controls with generous answer spacing. */
.custom-page-faq .page-faq-head{max-width:1000px;text-align:center;border:0}
.page-faq-head h1{font-size:clamp(3rem,6vw,5.6rem);line-height:1}
.page-faq-head .page-layout-summary{margin:auto}
.custom-page-faq .custom-page-body{max-width:1000px;padding-top:18px}
.page-faq-list{border-top:1px solid var(--page-rule)}
.page-faq-item{border-bottom:1px solid var(--page-rule);scroll-margin-top:120px}
.page-faq-item summary{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:27px 0;cursor:pointer;list-style:none}
.page-faq-item summary::-webkit-details-marker{display:none}
.page-faq-item summary h2{margin:0;font:800 1.35rem/1.3 var(--display);letter-spacing:-.025em}
.page-faq-plus{position:relative;flex:0 0 24px;width:24px;height:24px;color:var(--page-accent)}
.page-faq-plus::before,.page-faq-plus::after{content:"";position:absolute;top:11px;left:4px;width:16px;height:2px;background:currentColor}
.page-faq-plus::after{transform:rotate(90deg)}
.page-faq-item[open] .page-faq-plus::after{transform:rotate(0)}
.page-faq-answer{padding:0 48px 26px 0}
.page-faq-answer>*:first-child{margin-top:0}
.page-faq-answer>*:last-child{margin-bottom:0}
.page-faq-item summary:focus-visible,.page-dossier-contents a:focus-visible{outline:3px solid var(--page-accent);outline-offset:4px}

/* Cards: independent sections arranged into a responsive topic grid. */
.custom-page-cards .page-cards-head{max-width:1320px;border-bottom:0}
.page-cards-head h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1}
.custom-page-cards .custom-page-body{max-width:1320px;padding-top:20px}
.page-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.page-cards-grid .page-layout-section{padding:28px;background:var(--page-panel);border:1px solid var(--page-rule);border-top:4px solid var(--page-accent)}
.page-cards-grid .page-section-number{display:block;margin-bottom:24px}
.page-cards-grid h2{font-size:1.55rem}
.page-cards-grid .page-section-content{font-size:.88rem;line-height:1.7}
.page-cards-grid :is(figure,blockquote){margin-left:0;margin-right:0}

@media(max-width:1000px){
  .page-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-dossier-grid{grid-template-columns:185px minmax(0,1fr);gap:36px}
  .page-split-head{gap:28px}
  .page-split-art{min-height:360px;padding:28px}
}
@media(max-width:760px){
  .custom-page:is(.custom-page-editorial,.custom-page-split,.custom-page-manifesto,.custom-page-briefing,.custom-page-dossier,.custom-page-timeline,.custom-page-faq,.custom-page-cards){padding-bottom:40px}
  .page-layout-image{margin-top:20px;aspect-ratio:4/3}
  .page-editorial-head h1,.page-manifesto-head h1{font-size:clamp(2.8rem,12vw,4.5rem)}
  .custom-page-editorial .page-editorial-head{padding-top:42px;padding-bottom:28px}
  .page-editorial-lead{grid-template-columns:1fr;gap:16px;margin-top:24px}
  .page-layout-rule{width:70px;margin:0}
  .page-editorial-lead .page-layout-summary,.page-manifesto-head .page-layout-summary{font-size:1rem}
  .page-split-head{grid-template-columns:1fr;padding-top:28px;padding-bottom:30px;gap:12px}
  .page-split-head .custom-page-header{padding:14px 0}
  .page-split-head h1{font-size:clamp(2.8rem,12vw,4.5rem)}
  .page-split-head>.page-layout-image{aspect-ratio:4/3}
  .page-split-art{min-height:270px}
  .page-manifesto-head{padding-top:54px;padding-bottom:32px}
  .page-manifesto-sections .page-layout-section{grid-template-columns:48px minmax(0,1fr);gap:18px;padding:28px 0}
  .page-manifesto-sections .page-section-number{font-size:2rem}
  .custom-page-briefing .page-briefing-head{margin-top:28px;padding-top:22px}
  .page-briefing-note{padding:20px;margin-top:22px}
  .page-briefing-sections .page-layout-section{grid-template-columns:26px minmax(0,1fr);gap:12px}
  .page-dossier-grid{grid-template-columns:1fr;gap:32px}
  .page-dossier-contents{position:static;max-height:none}
  .page-dossier-reading .page-layout-section{padding-bottom:28px;margin-bottom:28px}
  .page-timeline-events .page-layout-section{grid-template-columns:38px minmax(0,1fr);gap:18px;padding-bottom:32px}
  .page-timeline-events .page-layout-section::before{left:18px}
  .page-timeline-events .page-section-number{width:38px;height:38px;font-size:.65rem}
  .page-timeline-events .page-section-content{padding-top:5px}
  .page-faq-item summary{gap:18px;padding:22px 0}
  .page-faq-item summary h2{font-size:1.15rem}
  .page-faq-answer{padding-right:0}
  .page-cards-grid{grid-template-columns:1fr;gap:18px}
  .page-cards-grid .page-layout-section{padding:24px}
}