/*
  RadStephens.com v28 — Visual Consistency & Polish
  Cosmetic-only pass layered on v27. No content or structural changes.
*/

/* 1–3. Hero rhythm, readable measure, consistent hierarchy */
.page-hero.compact{
  padding-top:clamp(3.5rem,6.5vw,6rem) !important;
  padding-bottom:clamp(2rem,3.8vw,3.25rem) !important;
}
.page-hero.compact .eyebrow{margin-bottom:clamp(.7rem,1vw,.9rem)}
.page-hero.compact h1{margin-bottom:clamp(1.35rem,2.2vw,1.8rem) !important}
.page-hero.compact > p:not(.eyebrow){max-width:820px;line-height:1.62}
.book-hero > div > p:not(.eyebrow):not(.subtitle),
.narrative p{max-width:820px}

/* Advisory hero families: match the same visual rhythm without changing layout. */
.advisory-page .eng-hero,
.advisory-page .service-hero,
.advisory-page .approach-hero{padding-top:clamp(3.5rem,6.5vw,6rem);padding-bottom:clamp(2rem,3.8vw,3.25rem)}
.advisory-page .eng-hero h1,
.advisory-page .service-hero h1,
.advisory-page .approach-hero h1,
.advisory-page .eng-title{margin-bottom:clamp(1.35rem,2.2vw,1.8rem)}

/* 4. Normalize section rhythm while preserving special full-bleed/home layouts. */
main > .section-shell:not(.page-hero):not(.hero){padding-top:clamp(2.75rem,4.5vw,4.5rem);padding-bottom:clamp(2.75rem,4.5vw,4.5rem)}
.section-heading.centered,.panel-heading.centered{margin-bottom:clamp(1.5rem,2.5vw,2.1rem)}
.section-heading.centered h2,.panel-heading.centered h2{margin-bottom:.75rem}

/* 5. Trilogy presentation: equal image treatment and anchored actions. */
.page-books .book-list{gap:clamp(1.5rem,2.5vw,2.25rem)}
.page-books .book-detail-card{min-height:430px}
.page-books .book-detail-card img{height:360px !important;aspect-ratio:2/3;object-fit:cover;align-self:center}
.page-books .book-detail-card > div{display:flex;flex-direction:column;min-height:100%}
.page-books .book-detail-card .actions-row{margin-top:auto;padding-top:1rem}
.page-books .comparison-grid{align-items:stretch}
.page-books .comparison-grid .glass-card{display:flex;flex-direction:column;height:100%}
.page-books .comparison-grid .glass-card .btn{margin-top:auto}

/* 6. CTA hierarchy: primary remains dominant; secondary becomes quieter. */
.btn.primary{box-shadow:0 12px 30px rgba(18,152,255,.22)}
.btn.ghost{background:transparent;border-color:rgba(73,126,162,.48);box-shadow:none}
.btn.ghost:hover,.btn.ghost:focus-visible{background:rgba(18,152,255,.06);border-color:rgba(73,126,162,.72)}
.actions-row{align-items:center}

/* 7. Supporting copy hierarchy and readability. */
.page-hero p,.book-detail-card p,.article-card p,.glass-card p,.media-grid p,.contact-grid p{line-height:1.62}
.page-hero > p:not(.eyebrow){color:var(--muted,#53687a)}

/* 8. Footer breathing room and clearer column rhythm. */
.site-footer{padding-top:clamp(3.5rem,5vw,4.75rem) !important;padding-bottom:1.5rem !important}
.site-footer .footer-grid{column-gap:clamp(2.5rem,4vw,4.5rem);row-gap:2.5rem}
.site-footer .footer-grid h3{margin-bottom:1rem}
.site-footer .footer-grid a{margin:.55rem 0}
.site-footer .footer-follow{margin-top:clamp(2.5rem,4vw,3.75rem)}
.site-footer .footer-bottom{margin-top:clamp(2.25rem,3.5vw,3rem)}

@media(max-width:860px){
  .page-books .book-detail-card{min-height:0}
  .page-books .book-detail-card img{height:auto !important;width:min(66vw,230px)}
  main > .section-shell:not(.page-hero):not(.hero){padding-top:clamp(2.25rem,6vw,3.5rem);padding-bottom:clamp(2.25rem,6vw,3.5rem)}
}

@media(max-width:560px){
  .page-hero.compact{padding-top:3rem !important;padding-bottom:2.25rem !important}
  .page-hero.compact h1{margin-bottom:1.2rem !important}
  .site-footer{padding-top:3rem !important}
}