/* moitelk.eu – accessible link & article-card contrast, 2026-11-06
   Loaded after the main theme, leaving neon outlines and layout intact.
   Text colours are independent from hover/focus/viewport glow effects. */
:root{--readable-link:#0d4a92;--readable-link-hover:#082f68;--readable-heading:#10264c;--readable-secondary:#394f6e}
html[data-theme="dark"]{--readable-link:#bbdfff;--readable-link-hover:#fff0b2;--readable-heading:#f6f9ff;--readable-secondary:#d1dff0}

/* Every category and article listing, including newly added sections. */
html:not([data-theme="dark"]) :is(.article-tile,.article-card-grid .article-tile,.directory-card,.new-topic-links .article-tile){color:var(--readable-heading)!important;background:#fff}
html:not([data-theme="dark"]) :is(.article-tile h3,.article-card-grid .article-tile h3,.directory-card h3,.new-topic-links .article-tile h3){color:var(--readable-heading)!important}
html:not([data-theme="dark"]) :is(.article-tile p,.directory-card p,.new-topic-links .article-tile p){color:var(--readable-secondary)!important}
html:not([data-theme="dark"]) :is(.article-tile strong,.article-tile .read,.directory-card a,.new-topic-links .article-tile strong){color:var(--readable-link)!important}

html[data-theme="dark"] :is(.article-tile,.article-card-grid .article-tile,.directory-card,.new-topic-links .article-tile){color:var(--readable-heading)!important;background:#13263f}
html[data-theme="dark"] :is(.article-tile h3,.article-card-grid .article-tile h3,.directory-card h3,.new-topic-links .article-tile h3){color:var(--readable-heading)!important}
html[data-theme="dark"] :is(.article-tile p,.directory-card p,.new-topic-links .article-tile p){color:var(--readable-secondary)!important}
html[data-theme="dark"] :is(.article-tile strong,.article-tile .read,.directory-card a,.new-topic-links .article-tile strong){color:var(--readable-link)!important}

/* Contents list, related resources and all navigable references in articles. */
html:not([data-theme="dark"]) :is(.info-aside a,.info-aside>a,.prose a,.page-body .prose a,.new-topic-directory a:not(.article-tile)){
  color:var(--readable-link)!important;
}
html[data-theme="dark"] :is(.info-aside a,.info-aside>a,.prose a,.page-body .prose a,.new-topic-directory a:not(.article-tile)){
  color:var(--readable-link)!important;
}
html:not([data-theme="dark"]) .info-aside {background:#f5f8fd;color:#10264c}
html[data-theme="dark"] .info-aside {background:#13263f;color:#f6f9ff}
html:not([data-theme="dark"]) .info-aside :is(h2,h3,strong){color:#10264c}
html[data-theme="dark"] .info-aside :is(h2,h3,strong){color:#f6f9ff}

/* Keep headings dark/white even while the original neon effect animates the tile. */
html:not([data-theme="dark"]) :is(.article-tile:hover,.article-tile:focus-visible,.article-tile.is-center-glow) h3{color:#082f68!important}
html[data-theme="dark"] :is(.article-tile:hover,.article-tile:focus-visible,.article-tile.is-center-glow) h3{color:#ffffff!important}
html:not([data-theme="dark"]) :is(.article-tile:hover,.article-tile:focus-visible,.article-tile.is-center-glow) strong{color:#074381!important}
html[data-theme="dark"] :is(.article-tile:hover,.article-tile:focus-visible,.article-tile.is-center-glow) strong{color:#d7eaff!important}

/* A visible second cue for links, without using pale cyan text. */
.info-aside a:hover,.info-aside a:focus-visible,.prose a:hover,.prose a:focus-visible,.directory-card a:hover,.directory-card a:focus-visible{
  color:var(--readable-link-hover)!important;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;
}
html:not([data-theme="dark"]) .article-tile:hover>strong,
html:not([data-theme="dark"]) .article-tile:focus-visible>strong,
html[data-theme="dark"] .article-tile:hover>strong,
html[data-theme="dark"] .article-tile:focus-visible>strong {text-decoration:underline;text-underline-offset:3px}

/* For link-like elements in the service directory, not all non-link decorative elements. */
html:not([data-theme="dark"]) .new-topic-directory .new-topic-links a h3{color:#10264c!important}
html[data-theme="dark"] .new-topic-directory .new-topic-links a h3{color:#f6f9ff!important}

/* When Windows/OS asks for extra contrast. */
@media (prefers-contrast:more){
  html:not([data-theme="dark"]){--readable-link:#082c62;--readable-secondary:#253751}
  html[data-theme="dark"]{--readable-link:#e5f3ff;--readable-secondary:#ebf4ff}
  .article-tile,.directory-card,.info-aside{border-width:2px}
}