@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');

/* AURENSTAR — CLEAN MASTER CSS
   One source of truth. Home/article media uses 16:9 cover so nothing is ever stretched. */

:root{
  --as-purple:#6F4AA8;
  --as-purple-dark:#38264F;
  --as-ink:#3F3943;
  --as-muted:#625B67;
  --as-line:#E9E2EE;
}

body{background:#FCFAF8!important;}

body.home .as-home-root,
body.blog .as-home-root{
  background:#FCFAF8!important;
}

/* HOME — HERO */
body.home .as-hero-card,
body.blog .as-hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,61.5%) minmax(0,38.5%)!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

body.home .as-hero-media,
body.blog .as-hero-media{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  align-self:stretch!important;
  margin:0!important;
  padding:0!important;
  background:#F8F7F3!important;
  box-sizing:border-box!important;
}

body.home .as-hero-media>a,
body.blog .as-hero-media>a{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

body.home .as-hero-media img,
body.blog .as-hero-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
}

/* HOME — LATEST CARDS */
body.home .as-card{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  overflow:hidden!important;
}

body.home .as-card-media{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  background:#F8F7F3!important;
  box-sizing:border-box!important;
}

body.home .as-card-media>a{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

body.home .as-card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
}

/* HOME — TRENDING */
body.home .as-trend-media{
  position:relative!important;
  width:88px!important;
  height:49.5px!important;
  min-height:49.5px!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#F8F7F3!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

body.home .as-trend-media>a{
  display:block!important;
  width:100%!important;
  height:100%!important;
}

body.home .as-trend-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* SINGLE ARTICLES */
body.single-post main,
body.single-post .wp-block-post-content{
  font-family:"DM Sans",Arial,sans-serif!important;
  color:var(--as-ink)!important;
}

body.single-post .wp-block-post-title,
body.single-post .as-single-title{
  font-family:"Libre Baskerville",Georgia,serif!important;
  color:var(--as-purple-dark)!important;
  font-weight:700!important;
}

body.single-post .wp-block-post-content h2,
body.single-post .wp-block-post-content h3,
body.single-post .wp-block-post-content h4{
  font-family:"Libre Baskerville",Georgia,serif!important;
  color:var(--as-purple-dark)!important;
  font-weight:700!important;
}

body.single-post .wp-block-post-content p{
  font-size:18px!important;
  line-height:1.78!important;
}

body.single-post .as-single-image,
body.single-post .wp-block-post-featured-image.as-single-image{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  margin:0!important;
  padding:0!important;
  background:#F8F7F3!important;
  box-sizing:border-box!important;
}

body.single-post .as-single-image img,
body.single-post .wp-block-post-featured-image.as-single-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* CONTINUE READING */
body.single-post .aurenstar-continue-card{
  display:grid!important;
  grid-template-columns:140px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:18px!important;
  min-height:106px!important;
  padding:8px 16px 8px 8px!important;
  background:#FFF!important;
  border:1px solid var(--as-line)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

body.single-post .aurenstar-continue-image{
  width:140px!important;
  height:90px!important;
  overflow:hidden!important;
  border-radius:7px!important;
}

body.single-post .aurenstar-continue-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

@media(max-width:700px){
  body.home .as-hero-card,
  body.blog .as-hero-card{display:block!important;}

  body.home .as-hero-media,
  body.blog .as-hero-media{aspect-ratio:16/9!important;}

  body.home .as-card-media{aspect-ratio:16/9!important;}

  body.home .as-trend-media{
    width:82px!important;
    height:46.125px!important;
    min-height:46.125px!important;
  }

  body.single-post .as-single-image,
  body.single-post .wp-block-post-featured-image.as-single-image{
    aspect-ratio:16/9!important;
    border-radius:10px!important;
  }

  body.single-post .wp-block-post-title,
  body.single-post .as-single-title{
    font-size:38px!important;
    line-height:1.1!important;
  }

  body.single-post .wp-block-post-content p{
    font-size:17px!important;
    line-height:1.72!important;
  }

  body.single-post .aurenstar-continue-card{
    grid-template-columns:82px minmax(0,1fr) 22px!important;
    gap:10px!important;
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
    padding:7px 9px 7px 7px!important;
  }

  body.single-post .aurenstar-continue-image{
    width:82px!important;
    height:68px!important;
  }
}