.page-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.page-nav a{color:var(--ink);text-decoration:none;padding:.35rem 0}
.page-nav a[aria-current=page]{color:var(--ink);font-weight:700;border-bottom:2px solid var(--gold)}
.page-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.3rem 0}
.page-actions a{text-decoration:none;display:inline-block;text-align:center}
#offers a.primary,#offers a.ghost{text-decoration:none;display:inline-block}
.service-page,.flow-heading{padding:2rem 0 1rem}.service-page{max-width:48rem}
.service-page li{margin:.7rem 0}.service-page .price{color:var(--ink)}
#service-page[hidden],#flow-heading[hidden]{display:none}
body:not([data-page=home]) .hero,body:not([data-page=home]) #offers,body:not([data-page=home]) #tools{display:none}
body[data-page=home] main>.frame,body[data-page=service] main>.frame,body[data-page=reading] main>.frame,body[data-page=compatibility] main>.frame,body[data-page=compatibility-result] main>.frame,body[data-page=forecast] main>.frame{display:none}
body[data-page=home] #result,body[data-page=service] #result,body[data-page=chart] #result{display:none!important}
body[data-page=chart] #reading-resume,body[data-page=service] #reading-resume,body[data-page=reading] #reading-resume,body[data-page=compatibility] #reading-resume,body[data-page=compatibility-result] #reading-resume,body[data-page=forecast] #reading-resume{display:none}
body[data-page=reading] #compat,body[data-page=reading] #y27{display:none}
body[data-page=compatibility] #result> :not(#compat),body[data-page=compatibility-result] #result> :not(#compat),body[data-page=forecast] #result> :not(#y27){display:none!important}
body[data-page=compatibility] #cp-result,body[data-page=compatibility-result] #cp-frame{display:none!important}
body[data-page=compatibility] #cp-frame{display:block!important}
body:not([data-page=chart]) #cp-step,body:not([data-page=chart]) #inv-banner{display:none}
@media(max-width:540px){.page-nav{gap:.3rem 1rem;font-size:.9rem}.flow-heading,.service-page{padding-top:1.4rem}.page-actions a{flex:1 1 10rem}}
#flow-actions{gap:.5rem 1.1rem}
#flow-actions a{flex:0 1 auto;border:0;border-bottom:1px solid var(--gold);border-radius:0;padding:.2rem 0;font-size:.9rem}
@media print{.page-nav,.flow-heading,.service-page{display:none!important}}

.hero-actions{margin:1rem 0 0;gap:.6rem}
.hero-actions a{padding:.7rem 1rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:540px){.hero-actions{gap:.5rem}.hero-actions a{flex:1 1 8rem;font-size:.95rem}}