/* A dedicated space for the instrument and timeline, with details one click away. */
.ap-explore-hero .ap-hero-layout { grid-template-columns:.85fr 1.35fr; min-height:36rem; gap:2rem; padding-top:2rem; }
.ap-explore-hero .ap-hero-copy h1 { font-size:clamp(2.5rem,4.3vw,4rem); }
.ap-explore-hero .ap-core-stage { aspect-ratio:960/560; }
.ap-explore-hero .ap-core-caption { font-size:.76rem; }
.ap-explore-hero .ap-hero-current { color:#566b5b; font-size:.8rem; line-height:1.6; }
.ap-explore-next { width:min(calc(100% - 3rem),72rem); margin:3rem auto; padding:2rem; border:1px solid #bdcbb5; background:#eef2e7; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.ap-explore-next h2 { font-size:1.8rem; letter-spacing:-.04em; font-weight:500; margin:.65rem 0; }
.ap-explore-next p:not(.ap-eyebrow) { font-size:.92rem; line-height:1.7; max-width:42rem; color:#526958; }
.ap-explore-next .ap-button { flex:none; }
.ap-explore-footer { width:min(calc(100% - 3rem),72rem); margin:0 auto; padding:1.5rem 0; border-top:1px solid #c8d2c1; display:flex; justify-content:space-between; gap:1rem; font-size:.82rem; }
.ap-explore-footer nav { display:flex; gap:1.5rem; }
@media(max-width:60rem) { .ap-explore-hero .ap-hero-layout { gap:1rem; min-height:30rem; } .ap-explore-next { align-items:flex-start; flex-direction:column; } }
@media(max-width:44rem) {
 .ap-explore-hero .ap-hero-layout { display:flex; min-height:0; }
 .ap-explore-hero .ap-core-stage { aspect-ratio:1.65; }
 .ap-explore-hero .ap-hero-description { margin-bottom:1.1rem; }
 .ap-explore-hero .ap-core-caption { font-size:.7rem; }
 .ap-explore-next { width:calc(100% - 2.5rem); padding:1.4rem; }
 .ap-explore-footer { width:calc(100% - 2.5rem); flex-direction:column; gap:1.4rem; }
}