/* Shared across every page of themidlifementor.org: header width, scrollbar gutter, and the seal footer.
   Linked after each page's own <style>, so these rules win at equal weight. */

html{scrollbar-gutter:stable}

/* One header width on every page, so the logo and menu never move between pages
   (the Free Guide page uses a wider content width, which used to push the header 20px right). */
header .bar{max-width:1080px}

/* Footer: maroon band, gold top edge, the seal, links, sister sites */
footer.sf{background:#58041C;color:#F6EED5;border-top:4px solid #E5AF2C;padding:56px 0 30px}
footer.sf a{text-decoration:none}
footer.sf .sf-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
footer.sf .sf-top{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center}
footer.sf .sf-seal{width:176px;height:176px;display:block}
footer.sf .sf-name{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-weight:600;font-size:28px;line-height:1.15;color:#F6EED5;margin:0}
footer.sf .sf-sub{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#E5AF2C;margin:8px 0 0}
footer.sf .sf-nav{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px}
footer.sf .sf-nav a{font-size:14.5px;font-weight:500;color:#F6EED5;padding-bottom:2px;border-bottom:1px solid transparent}
footer.sf .sf-nav a:hover{color:#E5AF2C;border-bottom-color:#E5AF2C}
footer.sf .sf-cta{display:inline-block;margin-top:24px;background:#E5AF2C;color:#28190C;font-weight:700;font-size:14.5px;padding:12px 24px;border-radius:6px}
footer.sf .sf-cta:hover{background:#F0C04F}
footer.sf .sf-sister{margin-top:40px;padding-top:28px;border-top:1px solid rgba(246,238,213,.2)}
footer.sf .sf-sister .sf-h{margin:0 0 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#E5AF2C}
footer.sf .sf-sister ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 28px}
footer.sf .sf-sister li a{display:block;font-weight:700;font-size:14.5px;color:#F6EED5}
footer.sf .sf-sister li a:hover{color:#E5AF2C;text-decoration:underline}
footer.sf .sf-sister li span{display:block;font-size:13px;line-height:1.5;color:rgba(246,238,213,.78);margin-top:3px}
footer.sf .sf-bottom{margin-top:36px;padding-top:22px;border-top:1px solid rgba(246,238,213,.2);display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
footer.sf .sf-ge img{height:46px;width:auto;display:block}
footer.sf .sf-cr{font-size:12.5px;line-height:1.6;color:rgba(246,238,213,.78);max-width:62ch}
footer.sf a:focus-visible{outline:2px solid #E5AF2C;outline-offset:3px}
@media(max-width:760px){
  footer.sf{padding:44px 0 26px}
  footer.sf .sf-top{grid-template-columns:1fr;gap:24px;justify-items:center;text-align:center}
  footer.sf .sf-nav{justify-content:center}
  footer.sf .sf-seal{width:148px;height:148px}
  footer.sf .sf-bottom{justify-content:center;text-align:center}
}

/* "Where to go next": the four ways to begin, on every content page (the page's own offer is left out) */
.nextsteps{background:#F4EBD0;padding:64px 0 70px;border-top:1px solid rgba(200,155,60,.4)}
.nextsteps .ns-wrap{max-width:1080px;margin:0 auto;padding:0 24px;text-align:center}
.nextsteps .ns-chip{font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#816218}
.nextsteps .ns-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px auto 10px;max-width:300px}
.nextsteps .ns-rule:before,.nextsteps .ns-rule:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,#E5AF2C)}
.nextsteps .ns-rule:after{background:linear-gradient(270deg,transparent,#E5AF2C)}
.nextsteps .ns-rule img{width:28px;height:28px;display:block}
.nextsteps h2{font-family:"Playfair Display",Georgia,serif;font-weight:700;color:#58041C;font-size:clamp(26px,3.4vw,34px);line-height:1.12;margin:0 0 30px}
.nextsteps .ns-grid{display:grid;gap:20px;text-align:left}
.nextsteps .ns-grid.n4{grid-template-columns:repeat(4,1fr)}
.nextsteps .ns-grid.n3{grid-template-columns:repeat(3,1fr)}
.nextsteps .ns-card{background:#FFFDF7;border:1px solid rgba(200,155,60,.5);border-top:4px solid #E5AF2C;border-radius:10px;padding:22px 20px 22px;display:flex;flex-direction:column;box-shadow:0 10px 24px rgba(40,25,12,.08);transition:transform .18s ease,box-shadow .18s ease}
.nextsteps .ns-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(40,25,12,.14)}
.nextsteps .ns-tag{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#816218}
.nextsteps .ns-price{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:38px;line-height:1;color:#58041C;margin:10px 0 8px}
.nextsteps h3{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:18px;line-height:1.2;color:#58041C;margin:0 0 8px}
.nextsteps p{font-size:14px;line-height:1.55;color:#28190C;margin:0;flex:1}
.nextsteps .ns-btn{align-self:flex-start;margin-top:16px;font-weight:700;font-size:14.5px;text-decoration:none;padding:11px 18px;border-radius:6px}
.nextsteps .ns-btn.maroon{background:#58041C;color:#FBF6E6}
.nextsteps .ns-btn.maroon:hover{background:#3D0313}
.nextsteps .ns-btn.gold{background:#E5AF2C;color:#28190C}
.nextsteps .ns-btn.gold:hover{background:#F0C04F}
.nextsteps a:focus-visible{outline:2px solid #58041C;outline-offset:3px}
@media(max-width:980px){.nextsteps .ns-grid.n4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nextsteps .ns-grid.n3{grid-template-columns:1fr}}
@media(max-width:560px){.nextsteps{padding:48px 0 54px}.nextsteps .ns-grid.n4{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nextsteps .ns-card{transition:none}.nextsteps .ns-card:hover{transform:none}}

/* Visible keyboard focus on every form field (pages set their own softer rings) */
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #E5AF2C!important;outline-offset:2px}