/* Alwion 2.7 - blog/article styles loaded only where needed. */
/* Editorial blog landing */
.blog-topics{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}
.blog-topic{display:inline-flex;align-items:center;min-height:2.45rem;padding:.55rem .9rem;border:1px solid rgba(186,244,215,.22);border-radius:999px;text-decoration:none;font-size:.7rem;font-weight:650;color:rgba(255,255,255,.78);background:rgba(255,255,255,.025);transition:background .18s ease,border-color .18s ease,color .18s ease}
.blog-topic:hover{background:rgba(186,244,215,.1);border-color:rgba(186,244,215,.42);color:#fff}
.blog-editorial-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.46fr);gap:clamp(1.6rem,5vw,5rem);align-items:end;margin-bottom:clamp(2rem,4vw,3.5rem)}
.blog-editorial-head .section-intro{margin:0!important;justify-self:end;max-width:34rem}
.blog-featured-query{margin:0 0 clamp(4.5rem,8vw,7.5rem)!important}
.blog-featured-query .wp-block-post-template{display:block!important;margin:0!important;padding:0!important}
.blog-featured-card{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(18rem,.82fr);min-height:32rem;border:1px solid var(--aw-line-dark);border-radius:clamp(1.2rem,2vw,2rem);overflow:hidden;background:#fff;box-shadow:0 22px 70px rgba(11,39,31,.08)}
.blog-featured-card figure{margin:0!important;min-height:100%;overflow:hidden;background:#d9ded8}
.blog-featured-card figure a,.blog-featured-card figure img{display:block;width:100%;height:100%}
.blog-featured-card figure img{object-fit:cover;filter:saturate(.82) contrast(1.02);transition:transform .45s var(--aw-ease)}
.blog-featured-card:hover figure img{transform:scale(1.018)}
.blog-featured-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.7rem,4vw,4rem)}
.blog-card-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:1.2rem}
.blog-card-meta .wp-block-post-date{font-size:.68rem;color:rgba(6,18,15,.5)}
.blog-card-category{margin:0!important;font-size:.65rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.12em;color:var(--aw-green-2)}
.blog-card-category a{text-decoration:none}
.blog-featured-body h2{font-size:clamp(2rem,3.7vw,4.1rem)!important;line-height:1.01!important;letter-spacing:-.055em!important;margin:0 0 1.15rem!important;text-wrap:balance}
.blog-featured-body h2 a{text-decoration:none}
.blog-featured-body .wp-block-post-excerpt{font-size:.94rem;line-height:1.75;color:rgba(6,18,15,.66)}
.blog-featured-body .wp-block-post-excerpt__more-link{margin-top:1.2rem!important}
.blog-latest-grid{margin-top:1.8rem!important}
.blog-latest-grid .wp-block-post-template{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--aw-card-gap)!important}
.blog-latest-grid .blog-loop-card{display:grid;grid-template-columns:minmax(9.5rem,.78fr) minmax(0,1.22fr);min-height:15rem;border-radius:1.15rem;transform:none!important;box-shadow:none;background:rgba(255,255,255,.42)}
.blog-latest-grid .blog-loop-card:hover{transform:none!important;background:#fff;box-shadow:0 18px 50px rgba(16,52,41,.08)}
.blog-latest-grid .blog-loop-card figure{height:100%;min-height:15rem}
.blog-latest-grid .blog-loop-card figure a,.blog-latest-grid .blog-loop-card figure img{display:block;width:100%;height:100%}
.blog-latest-grid .blog-loop-card figure img{object-fit:cover}
.blog-latest-grid .blog-loop-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.2rem,2.2vw,1.75rem)}
.blog-latest-grid .blog-loop-body h2,.blog-latest-grid .blog-loop-body h3{font-size:clamp(1.15rem,1.65vw,1.55rem)!important;line-height:1.1!important;margin:.45rem 0 .65rem!important}
.blog-latest-grid .wp-block-post-excerpt{margin:0!important}
.blog-latest-grid .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-latest-grid .wp-block-query-pagination{margin-top:3rem!important;gap:.6rem}
.blog-latest-grid .page-numbers,.blog-latest-grid .wp-block-query-pagination-previous,.blog-latest-grid .wp-block-query-pagination-next{min-width:2.5rem;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--aw-line-dark);border-radius:999px;text-decoration:none;font-size:.72rem;padding:0 .9rem}
.blog-latest-grid .page-numbers.current{background:var(--aw-green);border-color:var(--aw-green);color:#fff}
.blog-knowledge-cta{margin-top:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(1.6rem,4vw,3rem);border-radius:1.5rem;background:var(--aw-ink);color:#fff}
.blog-knowledge-cta h2{margin:0 0 .55rem!important;font-size:clamp(1.55rem,3vw,2.8rem)!important;line-height:1.05!important;letter-spacing:-.045em!important}
.blog-knowledge-cta p{margin:0!important;color:rgba(255,255,255,.64);max-width:48rem}

/* Article reading experience */
.article-hero-inner{max-width:72rem}
.article-hero .blog-card-category{color:var(--aw-mint)!important;margin-bottom:1rem!important}
.article-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.58);font-size:.72rem;margin-top:1.5rem}
.article-meta-row>*{margin:0!important}
.article-reading-time{display:inline-flex;align-items:center;gap:.45rem}
.article-reading-time::before{content:"";width:.9rem;height:.9rem;background:currentColor;-webkit-mask:url("../icons/clock.svg") center/contain no-repeat;mask:url("../icons/clock.svg") center/contain no-repeat}
.article-layout{width:min(72rem,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(11rem,14rem) minmax(0,51.25rem);gap:clamp(2rem,5vw,5rem);align-items:start}
.article-aside{position:sticky;top:7.25rem;padding-top:.35rem}
.article-toc{border-left:1px solid var(--aw-line-dark);padding-left:1.1rem}
.article-toc-title{display:block;margin-bottom:.9rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--aw-green-2);font-weight:750}
.article-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.65rem;counter-reset:toc}
.article-toc li{counter-increment:toc}
.article-toc a{display:grid;grid-template-columns:1.7rem 1fr;gap:.25rem;text-decoration:none;font-size:.72rem;line-height:1.35;color:rgba(6,18,15,.58)}
.article-toc a::before{content:counter(toc,decimal-leading-zero);font-size:.58rem;color:var(--aw-green-2);padding-top:.12rem}
.article-toc a:hover{color:var(--aw-ink)}
.article-main-column{min-width:0}
.article-content-wrap .wp-block-post-featured-image{width:min(72rem,100%);margin-left:auto!important;margin-right:auto!important}
.article-main-column .wp-block-post-content{max-width:none!important}
.article-main-column .wp-block-post-content h2{scroll-margin-top:7rem}
.article-main-column .wp-block-post-content h3{font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.03em;margin-top:2.2rem}
.article-main-column .wp-block-post-content p{font-size:clamp(.98rem,1.1vw,1.07rem);line-height:1.85}
.article-main-column .wp-block-post-content ul,.article-main-column .wp-block-post-content ol{padding-left:1.35rem;line-height:1.8;color:rgba(6,18,15,.76)}
.article-note{margin:2.4rem 0;padding:1.35rem 1.5rem;border:1px solid rgba(35,95,76,.16);border-radius:1rem;background:rgba(35,95,76,.055)}
.article-note strong{display:block;margin-bottom:.35rem;color:var(--aw-green-2)}
.article-back{max-width:none!important}

@media(max-width:900px){
  .blog-editorial-head{grid-template-columns:1fr}.blog-editorial-head .section-intro{justify-self:start}
  .blog-featured-card{grid-template-columns:1fr;min-height:0}.blog-featured-card figure{aspect-ratio:16/9;min-height:0}
  .blog-latest-grid .wp-block-post-template{grid-template-columns:1fr!important}
  .article-layout{grid-template-columns:1fr}.article-aside{position:static}.article-toc{padding:.9rem 0 1.2rem;border-left:0;border-bottom:1px solid var(--aw-line-dark)}.article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .blog-latest-grid .blog-loop-card{grid-template-columns:1fr}.blog-latest-grid .blog-loop-card figure{min-height:0;aspect-ratio:16/9}
  .blog-knowledge-cta{grid-template-columns:1fr}.article-toc ol{grid-template-columns:1fr}
}

/* Blog: editorial, but not billboard-sized. */
.blog-editorial-section{padding-top:clamp(3.6rem,6vw,5.8rem)!important}
.blog-editorial-head{margin-bottom:clamp(1.5rem,3vw,2.6rem)!important;align-items:center}
.blog-featured-query{margin-bottom:clamp(3rem,5vw,4.7rem)!important}
.blog-featured-card{
  grid-template-columns:minmax(0,.92fr) minmax(20rem,1.08fr)!important;
  min-height:0!important;
  max-width:74rem;
  margin-inline:auto;
  border-radius:1.35rem!important;
}
.blog-featured-card figure{min-height:0!important;height:clamp(18rem,28vw,24rem)!important}
.blog-featured-body{padding:clamp(1.5rem,3.2vw,2.8rem)!important}
.blog-featured-body h2{font-size:clamp(1.7rem,2.75vw,3rem)!important;line-height:1.04!important;max-width:17ch}
.blog-featured-body .wp-block-post-excerpt{font-size:.9rem!important;line-height:1.68!important}
.blog-featured-body .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.blog-latest-grid .blog-loop-card{min-height:13.25rem!important}
.blog-latest-grid .blog-loop-card figure{min-height:13.25rem!important}
.blog-latest-grid .blog-loop-body h2,.blog-latest-grid .blog-loop-body h3{min-height:2.25em}

/* Final 2.4 blog rhythm: three calm editorial cards on wide screens. */
.blog-latest-grid .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:1fr!important}
.blog-latest-grid .blog-loop-card{display:flex!important;flex-direction:column!important;min-height:0!important;background:rgba(255,255,255,.44)}
.blog-latest-grid .blog-loop-card figure{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
.blog-latest-grid .blog-loop-body{justify-content:flex-start!important;flex:1!important;padding:1.25rem!important}
.blog-latest-grid .blog-loop-body h2,.blog-latest-grid .blog-loop-body h3{min-height:2.3em!important;font-size:clamp(1.08rem,1.35vw,1.35rem)!important}
.blog-latest-grid .wp-block-post-excerpt{margin-top:auto!important;font-size:.82rem!important;color:rgba(6,18,15,.64)}
@media(max-width:1120px){.blog-latest-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.blog-latest-grid .wp-block-post-template{grid-template-columns:1fr!important}.blog-latest-grid .blog-loop-body h2,.blog-latest-grid .blog-loop-body h3{min-height:0!important}}

@media(max-width:900px){.blog-featured-card{grid-template-columns:1fr!important;max-width:46rem}.blog-featured-card figure{height:auto!important;aspect-ratio:16/8.8!important}.blog-featured-body h2{max-width:24ch}}
@media(max-width:620px){.blog-featured-card figure{aspect-ratio:16/10!important}.blog-featured-body{padding:1.25rem!important}.blog-featured-body h2{font-size:1.65rem!important}.blog-featured-body .wp-block-post-excerpt__excerpt{-webkit-line-clamp:3}}


/* 2.7.1 mobile/WebKit hardening */
@media (max-width:900px), (pointer:coarse){
  .blog-page-hero,.blog-editorial-section,.blog-featured-query,.alwion-blog-query,.article-content-wrap{content-visibility:visible!important;contain:none!important}
  .blog-featured-card,.blog-loop-card{box-shadow:none!important;transform:none!important}
  .blog-featured-card figure img,.blog-loop-card figure img{filter:none!important;transition:none!important;transform:none!important}
  .blog-topics{overscroll-behavior-x:contain}
}