/* Akademik Retina 5.7.3 — site-wide contrast/hover audit + full-bleed section bands */
:root{
  --ar573-ink:#102A43;
  --ar573-text:#334E60;
  --ar573-muted:#425B6B;
  --ar573-blue:#005EB8;
  --ar573-blue-dark:#004B93;
  --ar573-blue-deep:#122B49;
  --ar573-blue-soft:#EAF3FA;
  --ar573-soft:#F4F7F9;
  --ar573-white:#FFFFFF;
  --ar573-line:#D7E1E8;
  --mc-ink:#102A43;
  --mc-text:#334E60;
  --mc-muted:#425B6B;
  --mc-blue:#005EB8;
  --mc-blue-hover:#004B93;
  --mc-blue-dark:#003D7A;
  --mc-line:#D7E1E8;
  --mc-soft:#F4F7F9;
  --mc-blue-soft:#EAF3FA;
}

/* 1. Page-level overflow safety and resilient responsive content */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{color:var(--ar573-text)!important;background:#fff!important}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
main,.kn-main,.container,section,article,aside,nav,header,footer,form,div{min-width:0}
p,h1,h2,h3,h4,h5,h6,a,span,strong,small,li,dd,dt{overflow-wrap:break-word;word-break:normal}
pre,code{max-width:100%;overflow:auto}
table{max-width:100%;border-collapse:collapse}
.wp-block-table,.ar5-prose table,.ar-article-body table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* 2. Full-width background bands. Content width remains unchanged. */
main>section,.kn-main>section,
body:not(.home) main section.container,
body:not(.home) .kn-main section.container{
  position:relative;
  z-index:0;
  isolation:isolate;
  --ar573-band:#FFFFFF;
}
main>section::before,.kn-main>section::before,
body:not(.home) main section.container::before,
body:not(.home) .kn-main section.container::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:var(--ar573-band);
  pointer-events:none;
  z-index:-1;
}

/* Explicit band colors: every section reads as a full viewport strip. */
.ar5-question-map,.ar5-authority,.ar572-featured-blog,
.ar5-blog-layout,.ar5-single-column,.ar5-search-results,.ar5-content-layout,
.ar5-academic-layout,.ar5-contact-layout,.ar5-expertise-layout,
.ar56-archive-shell,.ar5-publication-archive,.ar5-dictionary-intro,
.ar5-dictionary-alpha,.ar5-dictionary-group-layout,.ar5-terminology-layout{
  --ar573-band:#FFFFFF!important;
}
.ar5-home-dictionary,.ar5-cluster-section,.ar56-academic-preview,
.ar5-gallery-preview,.ar5-related-section,.ar5-faq-section,
.ar5-dictionary-other-groups{
  --ar573-band:#F4F7F9!important;
}
.ar562-lead-band{--ar573-band:#EAF3FA!important}
.ar5-dictionary-bridge{--ar573-band:#003D7A!important}

/* Full-width wrapper sections that already own the band */
.ar5-cluster-section,.ar5-gallery-preview,.ar56-academic-preview,
.ar572-featured-blog,.ar5-faq-section,.ar562-lead-band,
.kn-stream-wrap,.ar5-publication-section,.ar5-dictionary-other-groups{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* 3. Site-wide base contrast. No low-contrast secondary text. */
body,.kn-main,main,.ar5-prose,.ar-article,.ar-article-body{color:var(--ar573-text)!important}
.kn-section-title p,.ar5-section-head p,.ar5-authority-copy p,
.ar5-prose p,.ar-article-body p,.ar-article-head p,
.ar5-publication-list p,.ar5-pub-rail dd,.ar5-related-card p,
.ar5-sidecard p,.ar5-blog-card p,.ar5-social-card p,
.ar5-home-dictionary-copy p,.ar56-academic-preview-grid>a>span,
.kn-image-copy p,.kn-paper p,.kn-paper-meta span,.kn-metrics span,
.ar5-faq-answer p,.ar572-featured-blog-copy p,.ar56-document-list p,
.ar56-video-grid p,.ar56-infographic-card em,.ar5-dictionary-category p,
.ar5-group-term-card p,.ar5-alpha-term small,.ar5-dictionary-mini-groups small{
  color:var(--ar573-muted)!important;
}
h1,h2,h3,h4,h5,h6,
.kn-section-title h2,.ar5-section-head h2,.ar5-authority-copy h2,
.ar-feed-header h1,.ar-feed-header h2,.ar5-publication-head h1,
.ar-article-head h1,.ar-author-hero h1,.ar5-prose h1,.ar5-prose h2,.ar5-prose h3,
.ar-article-body h2,.ar-article-body h3,.kn-topic-row h3,.kn-image-copy h3,
.kn-paper h3,.ar5-cluster-card h3,.ar5-publication-list h2,
.ar5-blog-card h2,.ar5-related-card h3,.ar5-social-card h3,.ar5-sidecard h3,
.ar56-academic-preview-grid>a>strong,.ar56-document-list h2,.ar56-video-grid h2,
.ar56-infographic-card strong,.ar5-dictionary-category h3,.ar5-group-term-card h3,
.ar5-alpha-term strong,.ar5-home-dictionary-grid strong,.ar572-featured-blog-copy h3{
  color:var(--ar573-ink)!important;
}

/* Blue accents only; legacy warm accents cannot leak through. */
.kn-label,.kn-section-title>span,.kn-block-head>span,.ar5-section-head>span,.ar5-eyebrow,
.ar562-lead-copy>span,.kn-image-copy small,.ar5-cluster-card small,.ar5-publication-list small,
.kn-topic-index,.kn-indexgrid>a span,.ar5-entry-grid small,.ar55-mega-links a b,.ar55-mega-featured b,
.ar56-academic-preview-grid>a>small,.ar56-academic-preview-grid>a>b,.ar56-archive-intro>div>span,
.ar56-empty>span,.ar56-infographic-card small,.ar56-document-list small,.ar56-video-grid small,
.ar5-dictionary-category small,.ar5-group-term-card small,.ar5-alpha-term b,.ar5-home-dictionary-copy>span,
.ar572-featured-blog-copy small,.ar572-featured-blog-copy>a,.primary-link,.ar5-prose a{
  color:var(--ar573-blue)!important;
}

/* 4. One safe hover language: pale blue + dark text for cards and tiles. */
.kn-indexgrid>a:hover,.kn-indexgrid>a:focus-visible,
.ar5-entry-grid>a:hover,.ar5-entry-grid>a:focus-visible,
.kn-topic-row:hover,.kn-topic-row:focus-visible,
.ar5-related-card:hover,.ar5-related-card:focus-visible,
.ar5-blog-card:hover,.ar5-blog-card:focus-visible,
.ar5-social-card:hover,.ar5-social-card:focus-visible,
.ar56-academic-preview-grid>a:hover,.ar56-academic-preview-grid>a:focus-visible,
.ar5-dictionary-category:hover,.ar5-dictionary-category:focus-visible,
.ar5-group-term-card:hover,.ar5-group-term-card:focus-visible,
.ar5-dictionary-mini-groups a:hover,.ar5-dictionary-mini-groups a:focus-visible,
.ar5-home-dictionary-grid a:hover,.ar5-home-dictionary-grid a:focus-visible,
.ar5-alpha-term:hover,.ar5-alpha-term:focus-visible,
.ar572-featured-blog-card:hover,.ar572-featured-blog-card:focus-within{
  background:var(--ar573-blue-soft)!important;
  color:var(--ar573-ink)!important;
  border-color:#9FC4DD!important;
}

/* Every descendant remains readable on pale hover surfaces. */
.kn-indexgrid>a:hover *,.kn-indexgrid>a:focus-visible *,
.ar5-entry-grid>a:hover *,.ar5-entry-grid>a:focus-visible *,
.kn-topic-row:hover *,.kn-topic-row:focus-visible *,
.ar5-related-card:hover *,.ar5-related-card:focus-visible *,
.ar5-blog-card:hover *,.ar5-blog-card:focus-visible *,
.ar5-social-card:hover *,.ar5-social-card:focus-visible *,
.ar56-academic-preview-grid>a:hover *,.ar56-academic-preview-grid>a:focus-visible *,
.ar5-dictionary-category:hover *,.ar5-dictionary-category:focus-visible *,
.ar5-group-term-card:hover *,.ar5-group-term-card:focus-visible *,
.ar5-dictionary-mini-groups a:hover *,.ar5-dictionary-mini-groups a:focus-visible *,
.ar5-home-dictionary-grid a:hover *,.ar5-home-dictionary-grid a:focus-visible *,
.ar5-alpha-term:hover *,.ar5-alpha-term:focus-visible *,
.ar572-featured-blog-card:hover *,.ar572-featured-blog-card:focus-within *{
  color:var(--ar573-ink)!important;
}

/* Accents/arrows on pale hover remain blue. */
.kn-indexgrid>a:hover span,.kn-indexgrid>a:focus-visible span,
.ar5-entry-grid>a:hover small,.ar5-entry-grid>a:focus-visible small,
.kn-topic-row:hover .kn-topic-index,.kn-topic-row:focus-visible .kn-topic-index,
.ar5-related-card:hover small,.ar5-related-card:focus-visible small,
.ar56-academic-preview-grid>a:hover>small,.ar56-academic-preview-grid>a:focus-visible>small,
.ar56-academic-preview-grid>a:hover>b,.ar56-academic-preview-grid>a:focus-visible>b,
.ar5-dictionary-category:hover small,.ar5-dictionary-category:focus-visible small,
.ar5-group-term-card:hover small,.ar5-group-term-card:focus-visible small,
.ar5-alpha-term:hover b,.ar5-alpha-term:focus-visible b{
  color:var(--ar573-blue)!important;
}

/* Cluster cards use the same readable pale-blue hover instead of inverted legacy colors. */
.ar5-cluster-card:hover,.ar5-cluster-card:focus-visible{
  background:var(--ar573-blue-soft)!important;
  color:var(--ar573-ink)!important;
  border-color:#9FC4DD!important;
  transform:translateY(-2px)!important;
}
.ar5-cluster-card:hover h3,.ar5-cluster-card:focus-visible h3,
.ar5-cluster-card:hover p,.ar5-cluster-card:focus-visible p,
.ar5-cluster-card:hover span,.ar5-cluster-card:focus-visible span,
.ar5-cluster-card:hover b,.ar5-cluster-card:focus-visible b{
  color:var(--ar573-ink)!important;
}
.ar5-cluster-card:hover small,.ar5-cluster-card:focus-visible small{color:var(--ar573-blue)!important}

/* Infographic cards: no inversion; border/focus only. */
.ar56-infographic-card:hover,.ar56-infographic-card:focus-visible{
  background:#FFFFFF!important;
  color:var(--ar573-ink)!important;
  border-color:var(--ar573-blue)!important;
  box-shadow:0 10px 28px rgba(18,43,73,.10)!important;
}
.ar56-infographic-card:hover *,.ar56-infographic-card:focus-visible *{color:inherit!important}
.ar56-infographic-card:hover small,.ar56-infographic-card:focus-visible small{color:var(--ar573-blue)!important}
.ar56-infographic-card:hover em,.ar56-infographic-card:focus-visible em{color:var(--ar573-muted)!important}

/* Archive navigation and alphabet buttons: blue background always gets white text. */
.ar56-archive-nav a:hover,.ar56-archive-nav a:focus-visible,.ar56-archive-nav a.is-active,
.ar5-alpha-nav a:hover,.ar5-alpha-nav a:focus-visible,
.ar-chip.active,.ar-chip.active:hover,.ar-chip.active:focus-visible,
.nav-links .current,.ar-pagination .current{
  background:var(--ar573-blue)!important;
  border-color:var(--ar573-blue)!important;
  color:#FFFFFF!important;
}
.ar5-alpha-nav a:hover *,.ar5-alpha-nav a:focus-visible *{color:#FFFFFF!important}

/* 5. Mega menu hover states: no pale-on-pale or blue-on-blue combinations. */
.ar55-mega-featured a:hover,.ar55-mega-featured a:focus-visible,
.ar55-mega-links a:hover,.ar55-mega-links a:focus-visible{
  background:var(--ar573-blue-soft)!important;
  color:var(--ar573-ink)!important;
}
.ar55-mega-featured a:hover strong,.ar55-mega-featured a:focus-visible strong,
.ar55-mega-featured a:hover span,.ar55-mega-featured a:focus-visible span,
.ar55-mega-links a:hover span,.ar55-mega-links a:focus-visible span{
  color:var(--ar573-ink)!important;
}
.ar55-mega-featured a:hover b,.ar55-mega-featured a:focus-visible b,
.ar55-mega-links a:hover b,.ar55-mega-links a:focus-visible b{color:var(--ar573-blue)!important}
.ar55-mega-links a:hover small,.ar55-mega-links a:focus-visible small{color:var(--ar573-muted)!important}

/* 6. Links and buttons. */
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.ar5-prose a,.ar5-sidecard a,.ar5-toc nav a,.primary-link,.kn-paper .kn-read,
.kn-stream-title .ar5-text-link,.ar56-document-list article>a,.ar572-featured-blog-copy>a{
  color:var(--ar573-blue)!important;
}
.ar5-prose a:hover,.ar5-prose a:focus-visible,.ar5-sidecard a:hover,.ar5-sidecard a:focus-visible,
.ar5-toc nav a:hover,.ar5-toc nav a:focus-visible,.primary-link:hover,.primary-link:focus-visible,
.kn-paper .kn-read:hover,.kn-paper .kn-read:focus-visible,
.kn-stream-title .ar5-text-link:hover,.kn-stream-title .ar5-text-link:focus-visible,
.ar56-document-list article>a:hover,.ar56-document-list article>a:focus-visible,
.ar572-featured-blog-copy>a:hover,.ar572-featured-blog-copy>a:focus-visible{
  color:var(--ar573-blue-dark)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

.kn-search button,.kn-contact-button,.ar5-actions .kn-contact-button,
.ar5-button-primary,.kn-search-modal-form button,.ar5-search-page-form button,
.ar5-publication-toolbar button,.ar5-contact-form button,.ar562-lead-fields button,
button[type="submit"]{
  background:var(--ar573-blue)!important;
  border-color:var(--ar573-blue)!important;
  color:#FFFFFF!important;
}
.kn-search button:hover,.kn-search button:focus-visible,
.kn-contact-button:hover,.kn-contact-button:focus-visible,
.ar5-actions .kn-contact-button:hover,.ar5-actions .kn-contact-button:focus-visible,
.ar5-button-primary:hover,.ar5-button-primary:focus-visible,
.kn-search-modal-form button:hover,.kn-search-modal-form button:focus-visible,
.ar5-search-page-form button:hover,.ar5-search-page-form button:focus-visible,
.ar5-publication-toolbar button:hover,.ar5-publication-toolbar button:focus-visible,
.ar5-contact-form button:hover,.ar5-contact-form button:focus-visible,
.ar562-lead-fields button:hover,.ar562-lead-fields button:focus-visible,
button[type="submit"]:hover,button[type="submit"]:focus-visible{
  background:var(--ar573-blue-dark)!important;
  border-color:var(--ar573-blue-dark)!important;
  color:#FFFFFF!important;
}

.ar5-button-ghost,.ar5-button-light{
  background:#FFFFFF!important;
  color:var(--ar573-blue-dark)!important;
  border-color:var(--ar573-blue)!important;
}
.ar5-button-ghost:hover,.ar5-button-ghost:focus-visible,
.ar5-button-light:hover,.ar5-button-light:focus-visible{
  background:var(--ar573-blue-soft)!important;
  color:var(--ar573-blue-dark)!important;
  border-color:var(--ar573-blue-dark)!important;
}

/* Dark-surface exceptions remain white/high contrast. */
.ar5-home-hero .kn-query-links a:hover,.ar5-home-hero .kn-query-links a:focus-visible,
.kn-search-overlay a:hover,.kn-search-overlay a:focus-visible,
.ar5-academic-hero a:hover,.ar5-academic-hero a:focus-visible,
.kn-footer a:hover,.kn-footer a:focus-visible,.ar5-footer a:hover,.ar5-footer a:focus-visible{
  color:#FFFFFF!important;
}
.ar5-home-hero .kn-query-links a:hover,.ar5-home-hero .kn-query-links a:focus-visible,
.kn-footer a:hover,.kn-footer a:focus-visible,.ar5-footer a:hover,.ar5-footer a:focus-visible{
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}

/* Dictionary bridge buttons have explicit dark-surface states. */
.ar5-dictionary-bridge .ar5-button-primary{
  background:#FFFFFF!important;color:#003D7A!important;border-color:#FFFFFF!important
}
.ar5-dictionary-bridge .ar5-button-primary:hover,.ar5-dictionary-bridge .ar5-button-primary:focus-visible{
  background:#EAF3FA!important;color:#003D7A!important;border-color:#EAF3FA!important
}
.ar5-dictionary-bridge .ar5-button-ghost{
  background:transparent!important;color:#FFFFFF!important;border-color:#FFFFFF!important
}
.ar5-dictionary-bridge .ar5-button-ghost:hover,.ar5-dictionary-bridge .ar5-button-ghost:focus-visible{
  background:#FFFFFF!important;color:#003D7A!important;border-color:#FFFFFF!important
}

/* 7. Forms, labels and muted UI remain legible. */
.ar562-lead-fields label,.ar5-field label,.ar5-contact-form label{color:var(--ar573-ink)!important}
.ar562-lead-fields input,.ar5-contact-form input,.ar5-contact-form textarea,
.ar5-search-page-form input,.ar5-publication-toolbar input{
  color:var(--ar573-ink)!important;background:#FFFFFF!important;border-color:#9DB5C5!important
}
.ar562-lead-fields input::placeholder,.ar5-contact-form input::placeholder,
.ar5-contact-form textarea::placeholder,.ar5-search-page-form input::placeholder,
.ar5-publication-toolbar input::placeholder{color:#526777!important;opacity:1!important}

/* 8. Footer is blue, all text remains readable. */
.kn-footer,.ar5-footer{background:var(--ar573-blue)!important;color:#FFFFFF!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-mark{background:#FFFFFF!important;color:var(--ar573-blue)!important}

/* 9. Responsive grids and viewport safety. */
.ar5-header-inner,.ar55-mega-head,.ar55-mega-featured,.ar55-mega-links,
.kn-hero-grid,.kn-dashboard,.ar5-cluster-grid,.ar5-home-dictionary,
.ar5-home-dictionary-grid,.ar5-authority,.ar56-academic-preview-grid,
.ar572-featured-blog-grid,.ar562-lead-grid,.ar562-lead-fields,
.ar5-dictionary-category-grid,.ar5-alpha-terms,.ar5-group-term-grid,
.ar5-dictionary-mini-groups,.ar56-infographic-grid,.ar56-video-grid,.ar56-document-list article{
  min-width:0!important;
}

@media(max-width:1180px){
  .ar55-mega-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ar55-mega-featured{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1020px){
  .ar572-featured-blog-grid,.ar5-dictionary-category-grid,.ar5-group-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ar5-alpha-terms{grid-template-columns:1fr!important}
  .kn-paper{grid-template-columns:110px minmax(0,1fr) 150px 38px!important}
}
@media(max-width:760px){
  .container{width:min(var(--ar-max),calc(100% - 24px))!important}
  .ar55-mega-featured,.ar55-mega-links,.ar572-featured-blog-grid,
  .ar5-dictionary-category-grid,.ar5-group-term-grid,.ar5-dictionary-mini-groups,
  .ar56-infographic-grid,.ar56-video-grid,.ar56-academic-preview-grid,
  .ar5-home-dictionary-grid,.ar562-lead-fields{grid-template-columns:1fr!important}
  .kn-indexgrid,.ar5-entry-grid{grid-template-columns:1fr 1fr!important}
  .kn-dashboard,.ar5-home-dictionary,.ar5-authority,.ar562-lead-grid{grid-template-columns:1fr!important}
  .kn-paper{grid-template-columns:58px minmax(0,1fr) 28px!important;gap:12px!important}
  .kn-paper p,.kn-paper-meta span:nth-child(2){display:none!important}
  .ar56-document-list article{grid-template-columns:54px minmax(0,1fr)!important}
  .ar56-document-list article>a{grid-column:2!important}
}
@media(max-width:520px){
  .kn-indexgrid,.ar5-entry-grid{grid-template-columns:1fr!important}
  .ar5-alpha-nav a{min-width:40px!important;min-height:40px!important}
}

/* 10. High-specificity legacy hover overrides found in the full CSS audit. */
.ar5-restored-index .kn-indexgrid>a:hover,
.ar5-restored-index .kn-indexgrid>a:focus-visible{
  background:var(--ar573-blue-soft)!important;
  color:var(--ar573-ink)!important;
}
.ar5-restored-index .kn-indexgrid>a:hover span,
.ar5-restored-index .kn-indexgrid>a:focus-visible span{color:var(--ar573-blue)!important}

.ar5-related-card:hover>span,.ar5-related-card:focus-visible>span,
.ar5-related-card:hover p,.ar5-related-card:focus-visible p,
.ar5-related-card:hover b,.ar5-related-card:focus-visible b{
  color:var(--ar573-text)!important;
}
.ar5-related-card:hover small,.ar5-related-card:focus-visible small{color:var(--ar573-blue)!important}

.ar5-publication-section .kn-read:hover,
.ar5-publication-section .kn-read:focus-visible,
.ar5-publication-section .kn-stream-title .ar5-text-link:hover,
.ar5-publication-section .kn-stream-title .ar5-text-link:focus-visible{
  color:var(--ar573-blue-dark)!important;
  text-decoration:underline!important;
  text-decoration-color:var(--ar573-blue-dark)!important;
}

.ar5-home-contact-copy .ar5-text-link:hover,
.ar5-home-contact-copy .ar5-text-link:focus-visible{
  color:var(--ar573-blue-dark)!important;
}
