/* Shared refinements for the personal site's reading and contact paths. */
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.hero-actions .cta{margin:0;min-height:48px;justify-content:center;text-align:center}
.hero-actions .cta-primary{background:#d9b85c;border-color:#d9b85c;color:#08162b;font-weight:800}
.hero-actions .cta-primary:hover,.hero-actions .cta-primary:focus-visible{background:#f0d683;border-color:#f0d683;color:#08162b}
.hero-actions .cta-secondary{background:transparent;border-color:rgba(255,255,255,.48);color:white}
.hero-actions .cta-secondary:hover,.hero-actions .cta-secondary:focus-visible{background:white;color:#08162b}
.highlight .hero-actions .cta-primary{background:#08162b;border-color:#08162b;color:white}
.highlight .hero-actions .cta-primary:hover,.highlight .hero-actions .cta-primary:focus-visible{background:#173657;border-color:#173657}
.hero-actions a:focus-visible,.context-link:focus-visible{outline:3px solid #d9b85c;outline-offset:3px}
.context-link{display:inline-block;margin-top:20px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){
  header .nav{height:102px;min-height:102px;padding:7px 0;flex-wrap:nowrap;overflow:visible}
  header .nav nav{display:none}
  header .brand-logo{width:220px;height:88px;flex:0 0 auto;overflow:visible}
  header .brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
  .hero{display:block;min-height:0;padding:0 0 80px}
  .hero .hero-content{padding-top:170px}
  .page-hero{min-height:0;padding:170px 0 82px}
  .about-hero{padding:132px 0 70px}
  .about-hero .wrap{gap:28px}
  .about-hero .hero-portrait{width:min(260px,68vw)}
  section{padding:76px 0}
  .hero-actions{align-items:stretch}
  .hero-actions .cta{min-height:48px}
}
@media(max-width:560px){
  header .nav{height:92px;min-height:92px;padding:6px 0}
  header .brand-logo{width:min(198px,62vw);height:80px}
  .hero{min-height:0;padding-bottom:64px}
  .hero .hero-content{padding-top:148px}
  .hero h1{font-size:clamp(2.7rem,11vw,3.15rem);margin:22px 0 23px}
  .hero .lead{margin-bottom:27px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .page-hero{min-height:0;padding:148px 0 64px}
  .about-hero{padding:122px 0 64px}
  .about-hero .hero-portrait{width:min(240px,62vw)}
  section{padding:62px 0}
  .whatsapp{width:48px;height:48px;min-width:48px;min-height:48px;padding:12px;justify-content:center;right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}
  .whatsapp span{display:none}
  .whatsapp svg{width:24px;height:24px}
  .guide-toggle{bottom:calc(14px + env(safe-area-inset-bottom))}
  .page-guide{bottom:calc(72px + env(safe-area-inset-bottom))}
  footer{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
}