/* Only the desktop article index. The independent blue mobile layout stays intact. */
@media (min-width: 761px) {
  body.article-directory-page { --ad-title: #293640; }
  html body.article-directory-page.ad-enhanced { background: #f7f9fc; }
  html body.article-directory-page.ad-enhanced main { padding-top: 0; }
  html body.article-directory-page.ad-enhanced main > .knowledge-banner {
    width: min(1180px, calc(100% - 80px));
    max-width: 1180px;
    min-height: 0;
    margin: 118px auto 0;
    padding: 48px 48px 46px;
    border-radius: 14px;
    box-shadow: none;
  }
  html body.article-directory-page.ad-enhanced main > .knowledge-banner .container {
    width: 100%; max-width: none; margin: 0; padding: 0;
  }
  html body.article-directory-page.ad-enhanced .knowledge-banner .eyebrow { display: none; }
  html body.article-directory-page.ad-enhanced .knowledge-banner h1 {
    margin: 0 0 15px; font-size: 42px; line-height: 1.3; letter-spacing: -.02em;
  }
  html body.article-directory-page.ad-enhanced .knowledge-banner p:last-child {
    max-width: 590px; margin: 0; font-size: 17px; line-height: 1.85; color: #e1e8f0;
  }
  html body.article-directory-page .ad-directory {
    position: relative;
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto;
    padding: 48px 0 56px;
    color: #23282f;
    scroll-margin-top: 106px;
  }
  .article-directory-page .ad-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
  html body.article-directory-page .ad-header h2 {
    margin: 0; max-width: 680px; font-size: 29px; line-height: 1.4; color: #20272f; text-wrap: pretty;
  }
  .article-directory-page .ad-search { position: relative; width: 324px; flex-shrink: 0; margin: 0; }
  .article-directory-page .ad-search label {
    position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  .article-directory-page .ad-search > .ti { position: absolute; left: 16px; top: 15px; font-size: 20px; color: #526577; pointer-events: none; }
  html body.article-directory-page .ad-search input {
    width: 100%; height: 50px; margin: 0; padding: 0 36px 0 46px;
    border: 1px solid #c6d1dd; border-radius: 8px; background: #fff; color: #23282f;
    font: inherit; font-size: 15px; box-shadow: none;
  }
  .article-directory-page .ad-search input::placeholder { color: #596c7f; opacity: 1; }
  .article-directory-page .ad-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; padding: 0 0 24px; border-bottom: 1px solid #d8e0e8; }
  html body.article-directory-page .ad-filters button {
    min-height: 44px; padding: 9px 17px; margin: 0; border: 0; border-radius: 7px;
    background: transparent; color: #536579; box-shadow: none; cursor: pointer;
    font: inherit; font-size: 15px; line-height: 1.6; font-weight: 550;
    transition: color 160ms ease-out, background-color 160ms ease-out;
  }
  html body.article-directory-page .ad-filters button:hover { background: #e9eff6; color: #273746; }
  html body.article-directory-page .ad-filters button[aria-pressed="true"] { background: var(--ad-title); color: #fff; }
  .article-directory-page .ad-information { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 70px; }
  html body.article-directory-page .ad-status { margin: 0; font-size: 14px; line-height: 1.7; color: #5a697a; }
  html body.article-directory-page .ad-clear { border: 0; background: none; padding: 8px 0; min-height: 44px; color: #47667f; font: inherit; font-size: 14px; cursor: pointer; }
  .article-directory-page .ad-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
  .article-directory-page .ad-entry {
    position: relative; display: flex; align-items: flex-start; gap: 22px; min-width: 0;
    padding: 25px 0 27px; margin: 0; border-bottom: 1px solid #d8e0e8;
  }
  .article-directory-page .ad-entry-body { flex: 1; min-width: 0; }
  html body.article-directory-page .ad-entry h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.5; font-weight: 650; text-wrap: pretty; }
  html body.article-directory-page .ad-entry h3 a { --content-link-color: var(--ad-title); --content-link-hover-color: #35424e; color: var(--ad-title); text-decoration: none; }
  .article-directory-page .ad-entry h3 a::after { content: ''; position: absolute; inset: 0; }
  html body.article-directory-page .ad-entry h3 a:hover { color: #35424e; }
  html body.article-directory-page .ad-description { margin: 0; color: #596779; font-size: 15px; line-height: 1.85; text-wrap: pretty; }
  .article-directory-page .ad-entry > img { width: 164px; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; border-radius: 7px; flex-shrink: 0; }
  html body.article-directory-page .ad-illustrated h3 { font-size: 21px; }
  html body.article-directory-page .ad-illustrated .ad-description { font-size: 14px; line-height: 1.8; }
  .article-directory-page .ad-pagination { display: flex; align-items: center; justify-content: center; gap: 28px; padding-top: 30px; }
  html body.article-directory-page .ad-pagination button {
    display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 9px 16px;
    border: 1px solid #c6d1dd; border-radius: 7px; background: #fff; color: #324d63;
    box-shadow: none; font: inherit; font-size: 14px; cursor: pointer;
  }
  .article-directory-page .ad-pagination button:hover:not(:disabled) { background: #eaf0f6; }
  html body.article-directory-page .ad-pagination button:disabled { color: #8b97a4; border-color: #e0e5eb; background: transparent; cursor: default; }
  .article-directory-page .ad-pagination span { color: #5a697a; font-size: 14px; }
  .article-directory-page .ad-pagination .ti { font-size: 18px; }
  .article-directory-page .ad-references { margin-top: 48px; padding: 0 24px; border-radius: 10px; background: #ebf0f6; scroll-margin-top: 112px; }
  .article-directory-page .ad-references summary { display: flex; align-items: center; gap: 16px; min-height: 68px; padding: 14px 0; color: #33475b; font-size: 16px; cursor: pointer; list-style: none; }
  .article-directory-page .ad-references summary::-webkit-details-marker { display: none; }
  .article-directory-page .ad-references summary > .ti { margin-left: auto; font-size: 20px; transition: transform 180ms ease-out; }
  .article-directory-page .ad-references[open] summary > .ti { transform: rotate(180deg); }
  .article-directory-page .ad-reference-hint { font-size: 14px; color: #5b6c7e; }
  .article-directory-page .ad-reference-groups { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 26px 40px; padding: 12px 0 28px; }
  html body.article-directory-page .ad-reference-groups h3 { margin: 0 0 12px; font-size: 17px; color: #304356; }
  .article-directory-page .ad-reference-groups ul { list-style: none; padding: 0; margin: 0; }
  html body.article-directory-page .ad-reference-groups a { display: inline-flex; align-items: center; min-height: 44px; color: #4c6880; font-size: 14px; line-height: 1.6; text-decoration: none; }
  .article-directory-page .ad-reference-groups a:hover { color: #263f55; text-decoration: underline; text-underline-offset: 4px; }
  .article-directory-page .ad-empty { padding: 55px 0 70px; text-align: center; }
  html body.article-directory-page .ad-empty h3 { margin: 0 0 14px; font-size: 24px; color: #273746; }
  html body.article-directory-page .ad-empty p { margin: 0; color: #596c7f; font-size: 16px; }
  .article-directory-page .ad-anchor-targets { position: absolute; top: 0; width: 1px; height: 1px; pointer-events: none; }
  .article-directory-page .ad-anchor-targets span { display: block; height: 0; scroll-margin-top: 112px; }
  .article-directory-page .ad-directory [hidden] { display: none !important; }
  .article-directory-page .ad-directory :is(button,input,a,summary):focus-visible { outline: 2px solid #53758f; outline-offset: 4px; }
  .article-directory-page .ad-entry:focus-within { outline: 2px solid #53758f; outline-offset: 5px; border-radius: 4px; }
  .article-directory-page .ad-entry a:focus-visible { outline: none; }
  .article-directory-page #ad-heading:focus { outline: none; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  html body.article-directory-page.ad-enhanced main > .knowledge-banner,
  html body.article-directory-page .ad-directory { width: calc(100% - 48px); }
  .article-directory-page .ad-results { column-gap: 28px; }
  .article-directory-page .ad-entry > img { width: 112px; }
  .article-directory-page .ad-entry { gap: 16px; }
  html body.article-directory-page .ad-entry h3,
  html body.article-directory-page .ad-illustrated h3 { font-size: 19px; }
  .article-directory-page .ad-search { width: 280px; }
  html body.article-directory-page .ad-filters button { padding-inline: 12px; }
}
@media (min-width: 981px) and (max-width: 1100px) {
  html body.article-directory-page.ad-enhanced .brand { font-size: 14px; gap: 8px; white-space: nowrap; }
  html body.article-directory-page.ad-enhanced .nav-links > a:not(.nav-cta) { padding-inline: 8px; font-size: 13px; white-space: nowrap; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .article-directory-page .ad-results { grid-template-columns: minmax(0, 1fr); }
  .article-directory-page .ad-entry > img { width: 164px; }
  html body.article-directory-page .ad-header h2 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .article-directory-page .ad-directory *, .article-directory-page .ad-directory *::after { transition: none !important; }
}