/* Akademik Retina 5.7.2 — homepage simplification, blue-only accent, full-width FAQ */
:root{
  --brand-navy:#122B49!important;
  --brand-coral:#005EB8!important;
  --brand-white:#FFFFFF!important;
  --brand-beige:#F4F7F9!important;
  --brand-navy-rgb:18,43,73!important;
  --brand-coral-rgb:0,94,184!important;
  --ar-text-accent:#005EB8!important;
  --ar-focus-light:#005EB8!important;
  --ar-dark-accent:#BBDCF2!important;
  --ar-focus-dark:#BBDCF2!important;
  --ar-hover-dark:#004B93!important;
  --red:#005EB8!important;
  --red2:#004B93!important;
  --ar-iris:#005EB8!important;
  --ar-oxide:#005EB8!important;
}

/* Remove every remaining legacy warm/orange accent from visible UI. */
.ar55-nav-direct:hover,.ar55-nav-direct:focus-visible,
.ar55-mega-featured b,.ar55-mega-links a b,
.ar56-academic-preview-grid>a>small,.ar56-academic-preview-grid>a>b,
.ar5-dictionary-category small,.ar5-alpha-nav a small,.ar5-alpha-term b,
.ar5-group-term-card small,.ar5-dictionary-sidecard>a:hover,.ar5-side-letters small,
.ar5-home-dictionary-copy>span,.ar5-term-sidecard>a:hover,.ar5-term-sidecard>a:focus-visible,
.ar5-sidecard>span,.ar5-academic-index>span,.ar5-contact-band span,.primary-link,.ar5-prose a,
.ar5-breadcrumbs a:hover,.ar5-sidecard a,
.ar5-home-contact-copy>span,.ar5-home-contact-copy .ar5-text-link:hover,
.ar5-blog-card-copy small,.ar5-blog-card-copy>a,
.ar5-publication-list small,.ar5-publication-list article>a,
.kn-stream-title .ar5-text-link,.kn-paper .kn-read{
  color:#005EB8!important;
}
.ar55-nav-direct:after,.ar5-desktop-nav>a:after,.ar5-mega-trigger:after,.ar5-reading-progress i,
.kn-nav a:after{
  background:#005EB8!important;
}

/* Footer uses the same clean clinical blue as the primary accent. */
.kn-footer,.ar5-footer{
  background:#005EB8!important;
  color:#FFFFFF!important;
}
.kn-footer:after{display:none!important}
.kn-footer-brand strong,.ar5-footer-col>span,.kn-footer-column>span{color:#FFFFFF!important}
.kn-footer-brand p,.kn-footer-bottom,.ar5-footer-col a{color:#EAF3FA!important}
.kn-footer a:hover,.ar5-footer a:hover{color:#FFFFFF!important}
.kn-footer-mark{background:#FFFFFF!important;color:#005EB8!important}

/* Featured blog section immediately before FAQ. */
.ar572-featured-blog{
  width:100%;
  background:#FFFFFF;
  padding:92px 0 96px;
  border-top:1px solid #D7E1E8;
}
.ar572-featured-blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.ar572-featured-blog-card{
  min-width:0;
  background:#FFFFFF;
  border:1px solid #D7E1E8;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.ar572-featured-blog-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#EEF3F6}
.ar572-featured-blog-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.ar572-featured-blog-card:hover .ar572-featured-blog-image img{transform:scale(1.025)}
.ar572-featured-blog-copy{display:flex;flex:1;flex-direction:column;padding:24px}
.ar572-featured-blog-copy small{font-size:11px;font-weight:800;color:#005EB8;line-height:1.4}
.ar572-featured-blog-copy h3{font-family:"Merriweather",Georgia,serif;font-size:26px;line-height:1.2;font-weight:400;margin:10px 0 12px;color:#102A43!important}
.ar572-featured-blog-copy p{font-size:14px;line-height:1.65;color:#425B6B!important;margin:0 0 22px}
.ar572-featured-blog-copy>a{margin-top:auto;font-size:13px;font-weight:800;color:#005EB8!important}
.ar572-featured-blog-copy>a:hover{text-decoration:underline;text-underline-offset:4px}

/* FAQ must be a true full-width band, with content constrained inside. */
.ar5-faq-section{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:92px 0 100px!important;
  background:#F4F7F9!important;
  border-top:1px solid #D7E1E8!important;
  border-bottom:1px solid #D7E1E8!important;
}
.ar5-faq-section>.container{width:min(var(--ar-max),calc(100% - 56px));margin:0 auto}
.ar5-faq{max-width:980px!important}

/* The homepage topic statement no longer emphasizes a fixed numeric inventory. */
.ar5-home-dictionary-copy h2{max-width:760px}

@media(max-width:1020px){
  .ar572-featured-blog-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .ar572-featured-blog{padding:64px 0 68px}
  .ar572-featured-blog-grid{grid-template-columns:1fr}
  .ar572-featured-blog-copy h3{font-size:23px}
  .ar5-faq-section{padding:64px 0 72px!important}
  .ar5-faq-section>.container{width:calc(100% - 24px)}
}
