@import url("/css/premium.css?v=01ade29d07");

/* Study in Australia (destinations/australia) — page-specific styles */

.hero{
  background-image:url("/media/destinations/australia/hero-student-laptop-sunny-lawn.jpg?v=e2bd2d1ab4");
}

/* choose-list items carry a small image strip + copy on this page.
   theme.css styles .card-figure inside related/scope cards only, so set
   the figure layout for the destination "what to compare" list here. */
.choose .choose-list li{
  grid-template-columns: 0.75fr 1fr;
  align-items:center;
}
.choose .choose-list .card-figure{
  width:100%;
  aspect-ratio:4/3;
  border-radius:var(--r-md);
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--border);
}
.choose .choose-list .card-figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0;
}

/* The quick-answer image uses the shared .passage-image figure, but here it
   sits inside .quick-grid (align-items:start) rather than the .passage-teaser
   wrapper it was built for. With no sibling to stretch against, its absolutely
   positioned <img> collapses to 0 height above 1100px. Give the figure an
   explicit ratio on desktop; theme.css already sets 16/9 at ≤1100px. */
@media (min-width:1101px){
  .quick .passage-image{aspect-ratio:4/3}
}

/* approach intro paragraphs that follow the section-head */
.approach .approach-copy{
  font-size:1.05rem;
  line-height:1.7;
  color:var(--body);
  max-width:60ch;
}
.approach .approach-copy + .approach-copy{
  margin-top:18px;
}

/* trailing routing note under the services related-grid */
.related .related-note{
  margin-top:28px;
  font-size:1.02rem;
  line-height:1.7;
  color:var(--body);
  max-width:64ch;
}

@media (max-width:720px){
  .choose .choose-list li{
    grid-template-columns:1fr;
  }
  .choose .choose-list .card-figure{
    width:100%;
    aspect-ratio:16/9;
  }
}