/* Build89 | Calm editorial refinement, strictly scoped to Beyond the Title.
   Original story, capability modules, anchor navigation, and Home remain intact. */
:root{
  --btt-base:#f6f1ea;             /* identical to the approved hero porcelain */
  --btt-snapshot:#f5eee5;         /* Build87 Professional Snapshot surface */
  --btt-hairline:rgba(151,115,74,.25);
}
/* One continuous porcelain canvas. Previously each chapter was forcibly assigned a
   progressively darker background, with overlapping radial gradients. */
body[data-theme="signature"],
body[data-theme="signature"] #portrait-main,
body[data-theme="signature"] #summary-main,
body[data-theme="signature"] #portrait-main section#start,
body[data-theme="signature"] #portrait-main section#unseen,
body[data-theme="signature"] #portrait-main section#proof,
body[data-theme="signature"] #portrait-main section#next,
body[data-theme="signature"] #portrait-main section#signature,
body[data-theme="signature"] #portrait-main section#connect,
body[data-theme="signature"] #summary-main .summary-main,
body[data-theme="signature"] #summary-main .summary-chapter,
body[data-theme="signature"] #summary-main #overview-start,
body[data-theme="signature"] #summary-main #overview-unseen,
body[data-theme="signature"] #summary-main #overview-proof,
body[data-theme="signature"] #summary-main #overview-next,
body[data-theme="signature"] #summary-main #overview-signature {
  background:var(--btt-base)!important;
  background-image:none!important;
}
/* Remove chapter glow overlays and artificial colour dividers. */
body[data-theme="signature"] #portrait-main .chapter::before,
body[data-theme="signature"] #portrait-main .chapter::after,
body[data-theme="signature"] #portrait-main .contact-section::before,
body[data-theme="signature"] #portrait-main .contact-section::after {
  display:none!important;
}
body[data-theme="signature"] #portrait-main .chapter,
body[data-theme="signature"] #portrait-main .contact-section,
body[data-theme="signature"] #summary-main .summary-chapter{
  border-top:0!important;
  border-bottom:0!important;
}
/* The approved Professional Snapshot surface carries the editorial recaps.
   The section itself remains porcelain; only the contained summary has a tint. */
body[data-theme="signature"] #portrait-main section.quick-section,
body[data-theme="signature"] #summary-main #overview-start,
body[data-theme="signature"] #portrait-main .unseen-recap,
body[data-theme="signature"] #portrait-main .section-takeaway,
body[data-theme="signature"] #summary-main .summary-chapter:not(#overview-start) .overview-track {
  background:var(--btt-snapshot)!important;
  background-image:none!important;
  box-shadow:none!important;
  border:1px solid var(--btt-hairline)!important;
  border-radius:2px;
}
body[data-theme="signature"] #portrait-main section.quick-section{
  border:0!important;
  border-top:1px solid var(--btt-hairline)!important;
  border-bottom:1px solid var(--btt-hairline)!important;
}
body[data-theme="signature"] #portrait-main .quick-section::before{
  background:var(--btt-snapshot)!important;
  border-color:var(--btt-hairline)!important;
}
body[data-theme="signature"] #portrait-main .unseen-recap,
body[data-theme="signature"] #portrait-main .section-takeaway{
  padding:clamp(17px,2.4vw,30px)!important;
  margin-block:clamp(35px,5vw,70px);
}
body[data-theme="signature"] #summary-main #overview-start{
  padding:clamp(24px,3vw,42px)!important;
  margin-block:24px;
}
body[data-theme="signature"] #summary-main .summary-chapter:not(#overview-start) .overview-track{
  padding:clamp(17px,2.4vw,30px)!important;
}
/* Lines and markers remain informational, with no additional heavy dividers. */
body[data-theme="signature"] #portrait-main .quick-track,
body[data-theme="signature"] #portrait-main .overview-track,
body[data-theme="signature"] #summary-main .overview-track{
  border-color:rgba(184,155,114,.27);
}
/* The old between-section animated arrows were removed from the markup. */
.chapter-link.chapter-bridge,.quick-snapshot-flow .chapter-link.chapter-bridge{display:none!important}
.quick-snapshot-flow{display:none!important}
body[data-theme="signature"] #portrait-main section.quick-section{padding-bottom:clamp(34px,4.5vw,60px)!important}
/* Narrow, low-luminance progress line: useful active stops retained. */
@media(min-width:701px){
  .journey-guide{right:clamp(6px,.65vw,12px)!important;width:28px!important;opacity:.72!important}
  .journey-base{stroke:rgba(174,137,86,.18)!important;stroke-width:.7!important}
  .journey-lit{stroke:#ae8956!important;stroke-width:1.05!important;filter:drop-shadow(0 0 1.5px rgba(184,155,114,.20))!important}
  .journey-glow{r:2!important;opacity:.62!important;filter:none!important;animation:none!important}
  .journey-stop{opacity:.8!important}
  .journey-stop::before{width:5px!important;height:5px!important;box-shadow:0 0 0 2px rgba(246,241,234,.65)!important}
}
/* Mobile: a quiet caption-sized index instead of a floating pill. Accessible
   44px targets stay, so usability is preserved despite the softer treatment. */
@media(max-width:700px){
  .journey-guide{
    bottom:max(5px,env(safe-area-inset-bottom))!important;
    width:min(294px,calc(100vw - 44px))!important;
    height:44px!important;
    border:1px solid rgba(184,155,114,.20)!important;
    border-radius:7px!important;
    background:rgba(246,241,234,.86)!important;
    box-shadow:0 2px 14px rgba(71,53,39,.035)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .journey-stops{padding:0 3px!important;justify-content:space-between!important}
  .journey-stop{width:44px!important;height:44px!important;opacity:.85!important}
  .journey-stop span{font-size:11px!important;font-weight:500!important;color:#776a5c!important;letter-spacing:.04em}
  .journey-stop[aria-current='location'] span{color:#8e6d46!important;border-bottom:1px solid #b89b72!important;font-weight:600!important}
  .footer-methodology{padding-bottom:calc(55px + env(safe-area-inset-bottom))!important}
}
/* A real footnote: two columns while closed, an expanded note below if opened. */
body[data-theme="signature"] .footer-methodology{
  display:block!important;
  padding:10px 0 18px!important;
  margin:0!important;
  border-top:1px solid var(--btt-hairline);
  background:var(--btt-base)!important;
  letter-spacing:normal!important;
}
body[data-theme="signature"] .footer-methodology .methodology-note--footer{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  border:0!important;
  padding:0!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px 24px;
}
body[data-theme="signature"] .footer-methodology .methodology-lead{
  margin:0!important;
  font:400 11px/1.5 "Inter",Arial,sans-serif!important;
  color:#6f655b!important;
}
body[data-theme="signature"] .footer-methodology .methodology-disclosure{
  margin:0!important;
  min-width:0;
}
body[data-theme="signature"] .footer-methodology .methodology-disclosure summary{
  font:500 11px/1.5 "Inter",Arial,sans-serif!important;
  color:#786146!important;
  white-space:normal;
  text-align:left;
}
body[data-theme="signature"] .footer-methodology .methodology-disclosure[open]{grid-column:1/-1}
body[data-theme="signature"] .footer-methodology .methodology-disclosure[open] summary{margin:0 0 8px}
body[data-theme="signature"] .footer-methodology .methodology-disclosure p{
  max-width:82ch;
  padding:10px 0 0;
  margin:0;
  border:0!important;
  border-top:1px solid rgba(174,137,86,.22)!important;
  background:transparent!important;
  font-size:12px;
  line-height:1.65;
}
/* A third contact choice should wrap naturally without squeezing. */
#connect .contact-row{display:flex;gap:10px 12px;flex-wrap:wrap}
#connect .contact-link{white-space:nowrap}
@media(max-width:700px){
  body[data-theme="signature"] .footer-methodology .methodology-note--footer{grid-template-columns:1fr;gap:5px}
  body[data-theme="signature"] .footer-methodology{padding:11px 0 16px!important}
  body[data-theme="signature"] .footer-methodology .methodology-disclosure[open]{grid-column:1}
  body[data-theme="signature"] .footer-methodology .methodology-lead{font-size:10px!important}
  #connect .contact-link{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.journey-glow{animation:none!important}}
/* Allow the final footnote disclosure to be reached above the fixed mobile index. */
@media(max-width:700px){
 body[data-theme="signature"] .footer-methodology{
   padding-bottom:calc(59px + env(safe-area-inset-bottom))!important;
 }
}