/* study_tour_v1 · AI Study Tour (STUDY_TOUR_SPEC_v1 + SITE_PAGES_COMMON_v1 + Designer padding rule 06:23; template: enrichment_v1). Layout only: no text here.
   Rhythm: sections 72 desktop / 40 phone; caps met by trimming inner margins; only the edges listed at the end of this file sit at the 56 / 32 floor. */
main > section.band{padding-top:72px!important;padding-bottom:72px!important}
main > section.hero{padding-top:56px!important;padding-bottom:72px!important}
main .sec-head{margin-bottom:24px}
main .sec-head h2,main .sec-head h1{margin-bottom:0}
main > section.band > .wrap > :first-child{margin-top:0!important}
main > section.band > .wrap > :last-child,main > section.band > .wrap > :last-child > :last-child,main > section.band > .wrap > :last-child > :last-child > :last-child{margin-bottom:0!important}
main .intro > :first-child{margin-top:0!important}
/* frosted cards (C3) */
main .st-g3 > .card,main .st-rail > li,main .st-cta,main .st-card{
  background:rgba(255,255,255,.66)!important;border:1px solid #D6DCE8;border-radius:22px;box-shadow:0 8px 24px rgba(20,32,74,.08);
  backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  main .st-g3 > .card,main .st-rail > li,main .st-cta,main .st-card{background:#fff!important}}
.hero .hero-photo{border:1px solid #D6DCE8;border-radius:22px;padding:10px;background:rgba(255,255,255,.66);box-shadow:0 8px 24px rgba(20,32,74,.08);overflow:hidden}
.hero .hero-photo img{border-radius:14px}
h1,h2,h3,h4{text-wrap:balance} main p,main li{text-wrap:pretty}
main .card > :last-child,.st-cta > :last-child,.st-card > :last-child{margin-bottom:0!important}
main .st-g3 > .card > p:last-of-type{margin-bottom:0!important}
main .st-g3 figure.photo,main .st-g3 .photo-pair{margin:16px 0 0!important}
main .st-g3 .photo-pair > figure.photo{margin:0!important}
main figure.photo figcaption:empty{display:none}
/* 1 · hero: faint dotted globe behind the text (decorative, aria-hidden, static: nothing to pause) */
.hero{position:relative}
.hero .st-globe{position:absolute;left:-60px;top:20px;width:560px;height:560px;border-radius:50%;pointer-events:none;z-index:0;opacity:.12;
  background:radial-gradient(circle,#14A38B 1.6px,transparent 2px) 0 0/14px 14px;
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 0 62%,transparent 70%);mask:radial-gradient(circle at 50% 50%,#000 0 62%,transparent 70%)}
.hero > .wrap{position:relative;z-index:1}
/* 5 · rail: title-only steps */
ol.st-rail{list-style:none;padding:0;margin:0 0 24px}
ol.st-rail > li{padding:16px 20px;min-height:44px;display:flex;align-items:center;gap:10px;margin:0}
ol.st-rail > li strong{display:block}
.st-card{padding:24px}
.st-cta{padding:24px;text-align:center}
.st-cta .btn-row{justify-content:center}
.st-soon .btn-row{margin:0}
#before-you-begin .faq summary{padding-top:10px;padding-bottom:10px;min-height:44px}
@media (min-width:769px){
  .st-g3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch;width:100%!important;max-width:none!important}
  main .st-g3 > .card:last-child{grid-column:auto!important;width:auto!important;justify-self:stretch!important}
  main .st-g3 > .card{padding-bottom:16px!important}
  /* 4 · partnerships + 8 · coming soon: 8-col centred cards */
  #partnerships-welcome .wrap > .sec-head,#global-ai-learning-study-tours-coming-soon .wrap > .sec-head{text-align:center;max-width:calc(8/12*100%);margin-left:auto;margin-right:auto}
  .st-cta{max-width:calc(8/12*100%)!important;margin-left:auto!important;margin-right:auto!important}
  /* 5 · rail 3/3/3/3, photo under it at 7 cols */
  #bring-something-back-beyond-photographs .intro{max-width:none}
  ol.st-rail{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
  #bring-something-back-beyond-photographs .intro > .photo{max-width:none;margin:0}
  #bring-something-back-beyond-photographs .intro > .photo img{width:100%;height:320px;object-fit:cover;border-radius:18px}
  /* 6 · preparation 5/7; 7 · FAQ 5/7; 9 · contact 6/6 */
  #program-specific-preparation .wrap,#before-you-begin .wrap{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:start}
  #contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
  #program-specific-preparation .wrap > .sec-head,#before-you-begin .wrap > .sec-head,#contact .wrap > .sec-head{margin-bottom:0}
  #program-specific-preparation .intro,#before-you-begin .faq,#contact .intro{max-width:none;margin:0}
}
@media (max-width:768px){
  main > section.band{padding-top:40px!important;padding-bottom:40px!important}
  main > section.hero{padding-top:32px!important;padding-bottom:40px!important}
  main .sec-head{margin-bottom:16px}
  .hero .st-globe{display:none}
  .hero .hero-photo img{max-height:260px;width:100%;object-fit:cover}
  main [data-mobswipe]{align-items:stretch}
  main .st-g3[data-mobswipe]{width:100%!important;max-width:100%!important}
  main [data-mobswipe] > .card{display:flex;flex-direction:column;height:auto}
  main [data-mobswipe] > .card > figure.photo,main [data-mobswipe] > .card > .photo-pair{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
  main [data-mobswipe] > .card > .photo-pair > figure.photo{flex:1 1 auto;display:flex;flex-direction:column}
  main [data-mobswipe] > .card figure.photo img{flex:1 1 auto;height:auto;min-height:100%;object-fit:cover}
  main [data-mobswipe] > .card:not(:has(figure.photo)){justify-content:space-evenly}
  ol.st-rail{--mobswipe-w:72%;margin-bottom:16px}
  ol.st-rail > li strong{white-space:nowrap}
  #more-than-a-study-tour .sec-head .teddy-side{width:84px!important;height:auto!important} /* scale only: gives the h2 room at 360 */
  main [data-mobswipe]{padding-bottom:12px!important}
  main > section.band .wrap > .mobswipe-dots:last-child{margin-bottom:-8px!important} /* 44px dot tap row keeps its size; its empty lower half overlaps the section padding */
  .st-card,.st-cta{padding:20px}
}
/* inner trims (Designer 06:23): cut text leading at the section edges (Chrome text-box), cards end on their last line */
main > section.band .sec-head h2{text-box:trim-both cap alphabetic}
main > section.band .sec-head{margin-bottom:32px}
main > section.band .wrap p:last-child,main > section.band .card > p:last-of-type,main > section.band ol.st-rail strong,main .faq summary{text-box:trim-end cap alphabetic}
@media (max-width:768px){main > section.band .sec-head{margin-bottom:24px}}
main .st-cta,main .st-card{padding-bottom:16px!important}
@media (max-width:768px){main .st-g3 > .card,main .st-cta,main .st-card{padding-bottom:12px!important}.hero .hero-photo{padding:6px}}
/* floors (filled in from arhal_prep/edge_tune.py) */
/* desktop: each of these boundaries was still 9-16px over 144 at 72+72 after the trims (a card or photo frame ends the section above),
   so the TOP edge of the lower section sits at the 56 floor */
@media (min-width:769px){
  #more-than-a-study-tour,#shape-a-future-experience,#partnerships-welcome,#bring-something-back-beyond-photographs,
  #before-you-begin,#global-ai-learning-study-tours-coming-soon,#contact{padding-top:56px!important}}