/* BUILD87 | Beyond the Title | Editorial chapter definition, navigation and methodology.
   Signature palette only. No changes to capability data, portrait, maps or chapter copy. */
:root{--btt-section-line:rgba(151,115,74,.24)}
html{scroll-padding-top:110px}
#portrait-main, #summary-main{overflow:clip;overflow-clip-margin:40px}
/* The section colours are related porcelain values with deliberate tonal steps.
   No striped/two-colour bands and no arbitrary dark or green blocks. */
body[data-theme="signature"] #portrait-main section#start{background:#f6f1ea!important}
body[data-theme="signature"] #portrait-main section.quick-section{position:relative;isolation:isolate;padding-top:35px;padding-bottom:46px;background:#f5eee5!important}
.quick-section::before{content:"";position:absolute;inset:-12px auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;background:#f5eee5;border-top:1px solid var(--btt-section-line)}
body[data-theme="signature"] #portrait-main section#unseen{background:#eee2d4!important;border-top:1px solid var(--btt-section-line)}
body[data-theme="signature"] #portrait-main section#proof{background:#e9dac9!important;border-top:1px solid var(--btt-section-line)}
body[data-theme="signature"] #portrait-main section#next{background:#e5d2be!important;border-top:1px solid var(--btt-section-line)}
body[data-theme="signature"] #portrait-main section#signature{background:#e1cbb5!important;border-top:1px solid var(--btt-section-line)}
body[data-theme="signature"] #portrait-main section#connect{background:#dcc5ad!important;border-top:1px solid var(--btt-section-line)}
/* Distinguishable editorial chapters, without doubled hairlines. */
.chapter:not(.bridge)::before,#connect::before{opacity:0!important}
.chapter::after{pointer-events:none}
#unseen::after,#proof::after,#next::after,#signature::after{
  content:"";position:absolute;top:0;left:0;right:0;height:72px;
  background:linear-gradient(180deg,rgba(255,253,248,.25),rgba(255,253,248,0));
  z-index:0;pointer-events:none;
}
#unseen>.shell,#proof>.shell,#next>.shell,#signature>.shell{position:relative;z-index:1}
/* 3 distinct badges in both languages rather than one long, wrapped sentence. */
.hero-bottom{justify-content:flex-start;align-items:center;column-gap:9px;row-gap:9px}
.hero-bottom .pill{display:inline-flex;align-items:center;width:auto;max-width:100%;font-size:clamp(11px,.88vw,13px);line-height:1.45;padding:9px 13px;white-space:normal;background:rgba(255,253,248,.50);border-color:rgba(160,127,86,.35)}
/* Editorial methodology belongs under the story, for both full and summary reading. */
.footer-methodology{display:block;max-width:none;padding:37px 0 64px!important;color:#46423c;text-align:left;text-transform:none;letter-spacing:normal;}
.footer-methodology .methodology-note--footer{max-width:940px;width:100%;padding-top:21px;margin:0;border-top:1px solid rgba(174,137,86,.48);font:400 14px/1.7 "Inter",Arial,sans-serif;color:#46423c}
.footer-methodology .methodology-lead{font:400 clamp(13px,1.1vw,16px)/1.7 "Inter",Arial,sans-serif;color:#46423c;margin-bottom:13px}
.footer-methodology .methodology-disclosure{margin-top:8px}
.footer-methodology .methodology-disclosure summary{display:inline-flex;gap:8px;align-items:center;font:600 14px/1.55 "Inter",Arial,sans-serif;color:#5d452b;list-style:none;cursor:pointer}
.footer-methodology .methodology-disclosure summary::after{content:"+";font:500 19px/1 "Cormorant Garamond",Georgia,serif;color:#99764c}
.footer-methodology .methodology-disclosure[open] summary::after{content:"−"}
.footer-methodology .methodology-disclosure p{max-width:850px;background:rgba(255,253,248,.33);color:#46423c;font-size:13px;line-height:1.8;border-color:#b89b72}
/* The actual headings, not their generous upper padding, are navigation targets. */
#portrait-main section[id] h2,#portrait-main #start h1{scroll-margin-top:115px}
#summary-main .summary-chapter h2{scroll-margin-top:115px}
@media(max-width:900px){
  .quick-section{padding-top:30px;padding-bottom:65px}
  #portrait-main section[id] h2,#portrait-main #start h1{scroll-margin-top:94px}
}
@media(max-width:700px){
  /* First connector sits in its own breathing space, not over the first chapter's type. */
  .quick-section{padding-bottom:115px!important}
  .quick-snapshot-flow .chapter-link.chapter-bridge{bottom:0!important;left:clamp(20px,5vw,76px)!important}
  #portrait-main section[id] h2,#portrait-main #start h1{scroll-margin-top:89px}
  .hero-bottom .pill{font-size:12px;padding:9px 12px}
  .footer-methodology{padding-top:29px!important;padding-bottom:48px!important}
  .footer-methodology .methodology-note--footer{padding-top:20px}
}

/* The short reading mode follows the same clearly differentiated chapter sequence. */
body[data-theme="signature"] #summary-main{background:#f6f1ea!important}
body[data-theme="signature"] #summary-main #overview-start{background:#f5eee5!important}
body[data-theme="signature"] #summary-main #overview-unseen{background:#eee2d4!important}
body[data-theme="signature"] #summary-main #overview-proof{background:#e9dac9!important}
body[data-theme="signature"] #summary-main #overview-next{background:#e5d2be!important}
body[data-theme="signature"] #summary-main #overview-signature{background:#e1cbb5!important}
body[data-theme="signature"] #summary-main .summary-chapter{border-top:1px solid var(--btt-section-line)!important}