/* Shared article results in Style2027; the issue table of contents has its own layout. */
body:has(.article-results-hero) #header .headerImageNormal { display: none !important; }
body:has(.article-results-hero) #header .headerImageWhite { display: block !important; }
body:has(.article-results-hero) #header #menu > ul > li > a,
body:has(.article-results-hero) #header #mobileMenuIcon > i { color: #fff !important; }
#page .article-results {
    --results-ink: var(--code-color-heading, #202124);
    --results-muted: #555b63;
    --results-gold: #925615;
    color: var(--results-ink);
    font-family: var(--code-font-ui);
    max-width: 1120px;
    margin: 0 auto;
    min-width: 0;
}
#page .article-results-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 8px; }
#page .article-results-heading h2 { font: 700 2rem/1.25 var(--code-font-editorial); margin: 0; color: var(--results-ink); }
#page .article-results-heading p,
#page .article-results-more p { font-size: .875rem; line-height: 1.5; color: var(--results-muted); margin: 0; text-align: left; }
#page .article-results-list { list-style: none; padding: 0; margin: 0; }
#page .article-results-row { display: grid; grid-template-columns: 34px 90px minmax(0, 1fr); gap: 22px; margin: 0; padding: 24px 0; border-bottom: 1px solid #dedfe1; text-align: left; }
#page .article-results [hidden] { display: none !important; }
#page .article-results-number { grid-column: 1; color: var(--results-gold); font: 700 1.5rem/1.25 var(--code-font-editorial); }
#page .article-results-covers { grid-column: 2; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
#page .article-results-covers img { display: block; width: 90px; height: auto; box-shadow: 0 5px 12px #0002; }
#page .article-results-copy { grid-column: 3; min-width: 0; overflow-wrap: anywhere; }
#page .article-results-copy h3 { font: 700 1.5rem/1.25 var(--code-font-editorial); color: var(--results-ink); margin: 0 0 8px; text-align: left; }
#page .article-results a { color: inherit; text-decoration: none; }
#page .article-results a:hover { text-decoration: underline; }
#page .article-results-metadata { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 20px; }
#page .article-results-authors { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; font-size: .875rem; font-weight: 600; }
#page .article-results-authors a { display: inline-flex; align-items: center; gap: 8px; }
#page .article-results-authors img { width: 40px; height: 40px; object-fit: cover; border-radius: 5px; background: #f1eeea; }
#page .article-results-issues,
#page .article-results-updated { font-size: .8125rem; line-height: 1.5; color: var(--results-muted); margin: 4px 0 0; text-align: left; }
#page .article-results-updated { margin: 0; }
#page .article-results-abstract { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: .9375rem; line-height: 1.6; color: #41464d; margin: 10px 0 0; text-align: left; }
#page .article-results-topics { display: flex; flex-wrap: wrap; list-style: none; gap: 4px 0; padding: 0; margin: 10px 0 0; }
#page .article-results-topics li { float: none; margin: 0; padding: 0; font-size: .8125rem; line-height: 1.5; font-weight: 600; color: var(--results-gold); }
#page .article-results-topics li + li::before { content: '·'; display: inline-block; padding: 0 8px; }
#page .article-results-more { display: flex; align-items: center; flex-direction: column; gap: 12px; padding: 32px 0 12px; }
#page .article-results-more button { display: inline-flex; align-items: center; gap: 24px; padding: 13px 22px; border: 0; border-radius: 4px; background: var(--code-color-action); color: #302718; font: 600 .9375rem/1.5 var(--code-font-ui); cursor: pointer; }
#page .article-results-more button:hover { background: var(--code-color-action-hover); }
#page .article-results a:focus-visible,
#page .article-results button:focus-visible { outline: 2px solid #925615; outline-offset: 4px; }

html[data-style-mode="2027"] #contentColumnSingle.article-results-page { max-width: 1120px; width: calc(100% - 64px); padding: 32px 0 48px; margin: 0 auto; }
#page .article-results-hero { background: #132337; color: #fff; padding: 38px 32px 40px; }
#page .article-results-hero > div { max-width: 1120px; margin: 0 auto; }
body.hero-header #page .article-results-hero > div { padding-top: 32px; }
body.hero-header #page .article-results-hero { padding-top: 50px; }
#page .article-results-hero .article-results-eyebrow { color: #f8ce54; font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 14px; }
#page .article-results-hero h1 { color: #fff; font: 700 clamp(2rem, 4vw, 3.5rem)/1.15 var(--code-font-editorial); text-align: left; margin: 0; overflow-wrap: anywhere; }
#page .article-results-hero p { font-size: 1rem; line-height: 1.5; margin: 12px 0 0; text-align: left; }
@media (min-width: 900px) {
    body.hero-header #page .article-results-hero { padding-top: 84px; }
}
@media (max-width: 700px) {
    #page .article-results-row { grid-template-columns: 24px 66px minmax(0, 1fr); gap: 12px; padding-block: 20px; }
    #page .article-results-covers img { width: 66px; }
    #page .article-results-number { font-size: 1.25rem; }
    #page .article-results-copy h3 { font-size: 1.25rem; }
    #page .article-results-metadata { display: block; }
    #page .article-results-updated { margin-top: 6px; }
    #page .article-results-authors a { flex-wrap: wrap; }
    #page .article-results-abstract { -webkit-line-clamp: 4; }
    #page .article-results-hero { padding: 28px 20px; }
    html[data-style-mode="2027"] #contentColumnSingle.article-results-page { width: calc(100% - 40px); padding-top: 24px; }
}
@media (max-width: 420px) {
    #page .article-results-row { grid-template-columns: 22px 54px minmax(0, 1fr); gap: 10px; }
    #page .article-results-covers img { width: 54px; }
    #page .article-results-authors a { font-size: .8125rem; }
}