/* Final layout polish. Loaded last so every page shares one content column. */

/* One content column: match .wrap for case-stage blocks, the step bar and the footer. */
@media (min-width:761px){
 .case-stage>*,.episode-wayfinding,.footer-invitation,.footer-directory{
  width:min(1240px,calc(100% - 80px))!important;max-width:none!important;margin-inline:auto!important;box-sizing:border-box}
}
@media (max-width:760px){
 .footer-invitation,.footer-directory{width:calc(100% - 32px)!important;margin-inline:auto!important;box-sizing:border-box}
}

/* The recap strip sits flush under its table instead of floating inset. */
.accounts-table+.conversation-recap,.conversation-recap{margin-inline:0!important;margin-top:14px!important;border-radius:22px!important}

/* Footer invitation reads as one rounded card, with the art clipped to it. */
.footer-invitation{border-radius:30px!important;overflow:hidden;margin-bottom:8px!important}
.footer-invitation figure{margin:0}
.footer-invitation figure img{display:block;width:100%;height:100%;object-fit:cover}

/* The wordmark file has an off-white background; let it sit on any surface. */
.footer-logo img,.restored-wordmark{mix-blend-mode:multiply}

/* Scene list: numbers in one column, titles left-aligned. */
.scene-journal-layout nav button{display:grid!important;grid-template-columns:1.6em 1fr;align-items:center;justify-content:start!important;text-align:left!important;gap:.6em}
.scene-journal-layout nav button>span{justify-self:center}

/* "See all" links sit directly under the box they belong to, aligned to the column. */
.journal-all{display:inline-block;margin-top:14px}
div.wrap>.journal-all:only-child{margin-top:-24px}