/* Generated by scripts/build-site.cjs — launch overrides. */
/* Fixed header sits flush at the top: the 26px prototype study-label offset
   (baked into style.css body padding + .home-film header) is removed. */
body{padding-top:var(--header-space)}
header{top:0}
.home-film body{padding-top:0}
.home-film header{top:0}
.study-label{display:none!important}
.skip:focus{top:14px}

/* compact 3-step band (retirement / life & legacy advanced panels) */
.step-band{display:flex;gap:24px;border-top:1px solid var(--brass);border-bottom:1px solid var(--brass);padding:24px;margin:0 0 40px}
.step-band>div{flex:1 1 0;border-left:1px solid #b0956855;padding-left:20px}
.step-band>div:first-child{border-left:0;padding-left:0}
.step-band small{display:block;font-size:11px;letter-spacing:.17em;color:var(--brass);margin-bottom:8px}
.step-band p{font-size:15px;margin:0;max-width:34ch}
@media(max-width:760px){.step-band{flex-direction:column;gap:18px}.step-band>div{border-left:0;padding-left:0}}
.rl-advanced-card,.ll-advanced-card{border-left:2px solid var(--brass);padding-left:20px;max-width:60ch}
.rl-advanced-cols,.ll-advanced-cols{align-items:start}
@media(max-width:960px){.rl-calc-grid,.rl-calc{grid-template-columns:1fr}}
.ll-quiet-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px}
@media(max-width:760px){.ll-quiet-links{grid-template-columns:1fr}}

/* Homepage strategy cards — full-width 2x2 image-led cards.
   Figma tGXQ48z9sMnXe7xZyEAJjd desktop 60:56 / mobile 60:89.
   Real markup classes on index.html #strategies: launch-strategies > launch-inner
   > launch-cards > launch-card (figure/img + launch-card-body/launch-index). */
.launch-strategies{padding-block:80px}
.launch-inner{width:100%;max-width:1280px;margin-inline:auto}
.launch-strategies h2{margin:10px 0 0}
.launch-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}
.launch-card{display:flex;flex-direction:column;background:var(--stone);color:var(--navy);text-decoration:none;border-top:2px solid var(--brass)}
.launch-card figure{margin:0;overflow:hidden;background:var(--stone)}
.launch-card img{display:block;width:100%;height:224px;object-fit:cover;object-position:50% 50%}
.launch-card.couple img{object-position:70% 25%}
.launch-card-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:24px}
.launch-index{margin:0;font-size:11px;letter-spacing:.17em;font-weight:600;color:var(--brass)}
.launch-card h3{margin:0;font-size:32px;line-height:1.12}
.launch-card-body>p:not(.launch-index){margin:0;font-size:15px;color:var(--ink)}
.launch-card .text-link{margin-top:auto;padding-top:10px;color:var(--navy)}
.launch-card:hover .text-link,.launch-card:focus-visible .text-link{text-decoration:underline}
.launch-card:hover img{transform:scale(1.02)}
.launch-card img{transition:transform .35s var(--ease)}
.launch-card:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
@media(max-width:760px){
  .launch-strategies{padding-block:48px}
  .launch-cards{grid-template-columns:1fr}
  .launch-card img{height:170px}
  .launch-card h3{font-size:29px}
}

/* Editorial guide covers ONLY — scoped to the guide article template so the
   photographic heroes used by Insights/Contact/other completion pages are not
   shrunk. Real selectors: .article-cover .cp-art-slot / .cp-article-body /
   nav.cp-toc / .library-card (see completion.css). */
.completion .article-cover .cp-art-slot{max-width:850px;max-height:340px;margin-inline:auto;overflow:hidden}
.completion .article-cover .cp-art-slot img,
.completion .article-cover .cp-art-slot svg{max-height:340px;object-fit:contain;background:var(--stone)}
@media(max-width:760px){
  .completion .article-cover .cp-art-slot{max-width:none;max-height:240px}
  .completion .article-cover .cp-art-slot img,
  .completion .article-cover .cp-art-slot svg{max-height:240px;aspect-ratio:3/2;height:auto}
}
.completion .cp-article-body{max-width:760px;margin-inline:auto;font-size:18px;line-height:1.8}
.completion nav.cp-toc{border-left:2px solid var(--brass)}

/* Guide byline: align with the reading column/title. In markup the byline is a
   sibling of the hero (outside .cp-reading), so it was flush at page padding
   (x24) while the title sat in the centred 760px reading column (x340 @1440).
   Constrain it to the same 760px column; restore side padding on mobile. */
.completion .cp-byline{max-width:760px;margin-inline:auto;padding:0 0 26px}
@media(max-width:760px){.completion .cp-byline{padding:0 24px 26px}}

/* CTA footnote spacing + contrast (cp-fine loses to .cp-cta p on specificity) */
.completion .cp-cta .cp-fine{margin-top:16px;font-size:13px;color:#d9d5cb}

/* links surfaced from the redesigned pages, inside their own sections */
.cp-library-more{margin:6px 0 26px;font-size:14px}