/* B05: content and Windows preview; account, commerce and Battle Pass untouched. */
.ab-content-updates { display: grid; gap: 22px; margin: 5px 5px 18px; color: #57452f; font: 14px/1.5 Nunito, sans-serif; }
.ab-content-updates > .ab-reference-panel { margin: 0; min-width: 0; }
body.ab-showcase #ContentColumn #News .ab-content-updates .ab-reference-heading { min-height: 34px; display: flex; align-items: center; padding: 0 14px !important; font: 800 13.5px/1.4 MedievalSharp, sans-serif !important; }
.ab-content-updates .ab-reference-content { padding: 12px 16px 16px; }
.ab-updates-latest { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 14px; }
.ab-updates-latest article { padding: 10px 12px; background: #d8c7a7; border: 1px solid #b9a582; min-width: 0; overflow-wrap: anywhere; }
body.ab-showcase #ContentColumn #News .ab-updates-latest h3 { margin: 0 0 4px !important; padding: 0 !important; background: none !important; color: #57452f !important; font: 800 13px/1.5 Nunito, sans-serif !important; }
.ab-updates-latest time { font-size: 12px; }
.ab-updates-latest p { margin: 6px 0 0; }
.ab-updates-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border-top: 1px solid #c3ae86; padding-top: 12px; }
.ab-updates-categories { display: flex; flex-wrap: wrap; gap: 6px; }
body.ab-showcase #ContentColumn #News .ab-updates-categories a { display: inline-block; padding: 6px 12px; border: 1px solid #b9a582; border-radius: 4px; background: #d8c7a7; color: #57452f !important; font: 700 12px/1.5 Nunito,sans-serif !important; text-decoration: none !important; }
body.ab-showcase #ContentColumn #News .ab-updates-categories a.is-active { background: #315f8d; color: #f6e6c4 !important; border-color: #315f8d; }
.ab-updates-search { display: flex; align-items: center; flex: 1; min-width: 220px; gap: 6px; padding: 6px 10px; border: 1px solid #b9a582; background: #fbf3df; box-sizing: border-box; }
.ab-updates-search label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ab-updates-search input[type=search] { flex: 1; min-width: 0; width: 100%; border: 0; background: transparent; color: #57452f; font: 400 11.5px/1.5 Nunito,sans-serif; }
.ab-updates-search button { padding: 5px 10px; border: 1px solid #264666; border-radius: 4px; background: #315f8d; color: #fff; font: 700 12px/1.5 Nunito,sans-serif; cursor: pointer; }
.ab-content-updates :is(a,button,input,summary):focus-visible { outline: 3px solid #165880; outline-offset: 3px; }
.ab-updates-releases { display: grid; gap: 10px; min-width: 0; }
.ab-update-release { padding: 10px 14px 12px; background: #d8c7a7; border: 1px solid #b9a582; overflow-wrap: anywhere; min-width: 0; }
.ab-update-release > header { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; justify-content: space-between; }
body.ab-showcase #ContentColumn #News .ab-update-release h2 { margin: 0 !important; padding: 0 !important; background: none !important; color: #57452f !important; font: 800 14px/1.5 Nunito,sans-serif !important; }
.ab-update-release ul { display: grid; gap: 4px; margin: 8px 0 0; padding-left: 20px; }
.ab-update-release li { line-height: 1.5; }
.ab-update-kind { font-size: 11px; font-weight: 800; }
.ab-update-more { margin-top: 6px; }
.ab-update-more summary { width: fit-content; padding: 5px 0; color: #174d76; font: 700 11px/1.5 Nunito,sans-serif; cursor: pointer; }
.ab-update-more .ab-more-open, .ab-update-more[open] .ab-more-closed { display: none; }
.ab-update-more[open] .ab-more-open { display: inline; }
.ab-content-updates .ab-changelog-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #c3ae86; }
.ab-content-updates .ab-changelog-pagination > * { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; min-height: 30px; font: 700 13px/1.4 Nunito,sans-serif; }
.ab-content-notice { padding: 12px; border: 1px solid #b9a582; background: #f4e5c6; color: #57452f; overflow-wrap: anywhere; }
.ab-news-entry, .ab-news-archive-list article { min-width: 0; overflow-wrap: anywhere; }
.ab-news-content img { max-width: 100%; height: auto; }
body.ab-showcase #ContentColumn #News .ab-news-entry .NewsHeadline :is(h2,time,span) { color: #f9e6ad !important; }
body.ab-showcase #ContentColumn #News .ab2-info-page :is(.ab2-copy-section h2,.ab2-values-grid h3) { color: #664516 !important; }
body.ab-showcase #ContentColumn #News .ab2-info-page :is(.ab2-copy-section header > span,.ab2-values-grid b) { color: #174a73 !important; }
body.ab-showcase #ContentColumn #News .ab2-info-page .ab2-page-actions a { color: #fff !important; }
body.ab-showcase #ContentColumn #News .ab-welcome a { color: #174a73 !important; }
body.ab-showcase #ContentColumn #News :is(.ab-aura-guide,.ab-hunt-guide) .ab-system-header h2 { margin: 4px 0 5px !important; padding: 0 !important; background: none !important; color: #f1d478 !important; font: bold 27px Georgia,serif !important; letter-spacing: 1px; text-shadow: 1px 2px #130b04; }
body.ab-showcase #ContentColumn #News .ab-reference-downloads .ab-client-card {
  flex: 1 1 0;
  width: auto;
  min-width: 200px;
  max-width: 240px;
  padding: 18px;
  background: #d8c7a7;
  border: 1px solid #b9a582;
}
.ab-reference-downloads .ab-client-preview { display: block; cursor: zoom-in; }
.ab-reference-downloads .ab-client-preview:focus-visible { outline: 3px solid #165880; outline-offset: 4px; }
body.ab-showcase #ContentColumn #News .ab-reference-downloads a.ab-client-download-button { background: linear-gradient(#426eaa,#245196); }
body.ab-showcase #ContentColumn #News .ab-reference-downloads a.ab-client-zip { color: #174a73 !important; }
.ab-reference-downloads [aria-disabled=true] { display: block; color: #57452f; cursor: default; }
.ab-reference-downloads .ab-client-download-button[aria-disabled=true] { padding: 10px 12px; border: 1px solid #b9a582; background: #d8c7a7; font: 700 12px/1.5 Nunito,sans-serif; }
.ab-client-modal:not([open]) { display: none !important; }
.ab-client-preview-open { overflow: hidden; }
body.ab-showcase #ContentColumn #News .ab-client-modal {
  box-sizing: border-box;
  width: min(960px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  padding: 16px;
  border: 3px solid #8d6b33;
  border-radius: 4px;
  background: #f4e5c6;
  color: #49351f;
  box-shadow: 0 12px 48px #0009;
  overflow: auto;
}
.ab-client-modal::backdrop { background: rgb(0 0 0 / 80%); }
.ab-client-modal > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body.ab-showcase #ContentColumn #News .ab-client-modal .ab-client-modal-title { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; color: #49351f !important; font: 800 16px/1.4 Nunito, sans-serif !important; }
.ab-client-modal button { min-height: 36px; padding: 7px 12px; border: 1px solid #16374f; background: #22577e; color: #fff; font: 700 13px/1.4 Nunito, sans-serif; cursor: pointer; }
.ab-client-modal button:focus-visible { outline: 3px solid #165880; outline-offset: 3px; }
.ab-client-modal figure { margin: 16px 0 0; }
.ab-client-modal-art { position: relative; }
.ab-client-modal-art > img:first-child { display: block; width: 100%; height: auto; }
.ab-client-modal-art > .ab-client-modal-logo { position: absolute; inset: 15% 15%; width: 70%; height: 70%; object-fit: contain; }
body.ab-showcase #ContentColumn #News .ab-client-modal figcaption { margin-top: 8px; color: #49351f !important; font-size: 13px; }
@media (max-width: 700px) {
  body.ab-showcase #ContentColumn #News .ab-reference-downloads .ab-client-card { flex-basis: 100%; width: 100%; max-width: 100%; min-width: 0; }
  .ab-reference-downloads .ab-requirements-grid, .ab-reference-downloads .ab-client-features { grid-template-columns: 1fr; }
  body.ab-showcase #ContentColumn #News .ab-client-modal { padding: 12px; }
  .ab-client-modal > header { align-items: flex-start; }
  .ab-client-modal button { min-height: 44px; flex: 0 0 auto; }
}
@media (max-width: 640px) { .ab-updates-latest { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .ab-updates-search { min-width: 0; flex-basis: 100%; } .ab-content-updates { margin-inline: 0; } }
@media (pointer: coarse) { .ab-content-updates :is(.ab-updates-categories a,.ab-updates-search button,.ab-update-more summary,.ab-changelog-pagination a) { min-height: 44px; box-sizing: border-box; align-content: center; } }
@media (pointer: coarse) { .ab-client-modal button { min-height: 44px; } }
@media (forced-colors: active) { .ab-client-modal::backdrop { background: Canvas; opacity: .8; } }

body.ab-showcase #ContentColumn #News .ab-updates-latest h3 { font-size: 10.5px !important; }
.ab-updates-latest time { font-size: 15px; font-weight: 800; }
body.ab-showcase #ContentColumn #News .ab-update-type-group h3 { padding: 0 !important; margin: 10px 0 4px !important; background: none !important; color: #57452f !important; font: 800 13px/1.5 Nunito,sans-serif !important; }
body.ab-showcase #ContentColumn #News .ab-content-updates .ab-changelog-pagination > * { padding: 0 4px; border: 1px solid #1a3e66; border-radius: 3px; background: linear-gradient(#2f5fa8,#163a6e); color: #fff !important; text-decoration: none; }
body.ab-showcase #ContentColumn #News .ab-content-updates .ab-changelog-pagination [aria-current=page] { background: linear-gradient(#4f8ae0,#2a5fb8); }
body.ab-showcase #ContentColumn #News :is(.ab-info-page,.ab-polls-reference) thead th { background: #d4c4a8 !important; color: #4a341a !important; border-color: #a5690b !important; }
.ab-news-content { min-width: 0; max-width: 100%; overflow-x: auto; }
body.ab-showcase #ContentColumn #News .ab-news-entry { margin: 12px 12px 16px; padding: 20px 22px; background: linear-gradient(#e9d8b3,#dfc9a0); border: 1px solid #8a5f1e; box-shadow: inset 0 1px #fff6,0 2px 6px #0003; }
.ab-news-tickers summary { display: flex; gap: 12px; min-width: 0; }
.ab-news-tickers summary time { flex: 0 0 auto; }
.ab-news-tickers summary > span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }
.ab-news-tickers details[open] summary > span { display: none; }
.ab-news-tickers .ab-news-content { display: flow-root; }
.ab-calendar-reference { display: grid; gap: 14px; margin: 5px 5px 18px; }
.ab-calendar-reference > .ab-reference-panel { margin: 0; min-width: 0; }
.ab-calendar-reference .ab-reference-content { padding: 14px 20px 16px; }
.ab-calendar-reference-table { min-width: 650px; }
body.ab-showcase #ContentColumn #News .ab-calendar-reference-table th { height: 32px; background: #cdbd9c !important; color: #4c4031 !important; font: 800 11px/1.4 Nunito,sans-serif; }
.ab-calendar-reference-table td { height: 80px; padding: 5px 3px 4px; background: #d8c7a6; }
.ab-calendar-reference-table td.ab-calendar-outside { background: #c2b294; }
body.ab-showcase #ContentColumn #News .ab-calendar-reference-table th.ab-calendar-weekend { color: #9d0d0d !important; }
.ab-client-modal::backdrop { background: rgba(10,10,15,.82); }
@media(max-width:760px) { .ab-calendar-reference .ab-reference-content { padding-inline: 8px; } .ab-calendar-reference { margin-inline: 0; } }

body.ab-showcase #ContentColumn #News .ab-info-page { display: grid !important; gap: 10px; margin: 5px 5px 18px; }
body.ab-showcase #ContentColumn #News .ab-info-page > .ab-data-section { margin: 0 !important; }
body.ab-showcase #ContentColumn #News .ab-info-page .ab-data-inset { padding: 12px 16px 14px !important; }
body.ab-showcase #ContentColumn #News .ab-info-page .ab-data-section > h2 { display: flex; align-items: center; min-height: 40px; padding: 0 16px !important; font: 800 13.5px/1.4 MedievalSharp,sans-serif !important; }
.ab-info-page .ab-info-rates-reference { gap: 12px; }
body.ab-showcase #ContentColumn #News .ab-info-page .ab-data-table { font: 14px/1.5 Nunito,sans-serif; }
body.ab-showcase #ContentColumn #News .ab-info-page .ab-data-table :is(th,td) { padding: 6px 8px !important; }
body.ab-showcase #ContentColumn #News .ab-calendar-reference-table .ab-calendar-weekend > time { color: #9d0d0d !important; }
@media(max-width:760px) { body.ab-showcase #ContentColumn #News .ab-info-page .ab-data-inset { padding-inline: 8px !important; } }

/* Final archived component metrics. Darker subtitle/CTA preserve text contrast. */
body.ab-showcase #ContentColumn #News .ab-calendar-reference-table th { font: 800 11px/1.4 Nunito,sans-serif !important; }
.ab-reference-downloads .ab-client-cards { gap: 16px; align-items: stretch; }
body.ab-showcase #ContentColumn #News .ab-reference-downloads .ab-client-card { display: flex; flex-direction: column; }
body.ab-showcase #ContentColumn #News .ab-reference-downloads .ab-client-card h3 { margin: 0 0 4px !important; }
body.ab-showcase #ContentColumn #News .ab-reference-downloads .ab-client-subtitle { font: 400 12px/1.3 Nunito,sans-serif !important; min-height: 2.6em; margin: 0 0 16px !important; color: #57452f !important; }
body.ab-showcase #ContentColumn #News .ab-reference-downloads > section:first-child .ab-reference-content > p { font-size: 13px !important; margin: 0 0 14px !important; }
.ab-reference-downloads .ab-client-preview { padding: 5px 10px; margin: 0 auto 12px; border-radius: 4px; width: 100%; box-sizing: border-box; }
.ab-reference-downloads .ab-requirements-grid { display: flex; flex-wrap: wrap; gap: 40px; }
.ab-reference-downloads .ab-requirements-grid > div { flex: 1 1 220px; min-width: 0; }
.ab-reference-downloads .ab-client-features { column-gap: 40px; row-gap: 0; }
.ab-reference-downloads .ab-client-features li { font-size: 13px; margin: 0 0 12px; padding-left: 20px; }
.ab-reference-downloads .ab-client-features li::before { content: ''; width: 8px; height: 8px; border-radius: 50%; top: .5em; background: #2e9b52; }
.ab-content-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
body.ab-showcase #ContentColumn #News .ab-client-modal { width: max-content; max-width: 90vw; max-height: 85dvh; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.ab-client-modal > header { display: block; }
.ab-client-modal figure { margin: 0; }
body.ab-showcase #ContentColumn #News .ab-client-modal-art > img:first-child { width: auto; height: auto; max-width: 90vw; max-height: 85dvh; border: 2px solid #a5690b; box-shadow: 0 10px 40px rgba(0,0,0,.6); }
body.ab-showcase #ContentColumn #News .ab-client-modal button { position: absolute; z-index: 1; top: -14px; right: -14px; width: 32px; height: 32px; min-height: 32px; min-width: 32px; padding: 0; border: 0 !important; border-radius: 50% !important; background: #1f4d8c !important; color: #fff; font: 700 20px/1 Nunito,sans-serif !important; text-shadow: none; box-shadow: none; }
@media(max-width:700px) { body.ab-showcase #ContentColumn #News .ab-reference-downloads .ab-client-card { flex: 1 1 auto; } }
@media(max-width:480px) { .ab-content-updates .ab-changelog-pagination > * { min-width: 26px; min-height: 26px; font-size: 12px; } }
@media(pointer:coarse) { body.ab-showcase #ContentColumn #News .ab-client-modal button { width: 44px; height: 44px; min-height: 44px; } .ab-content-updates .ab-changelog-pagination a { min-width: 44px; min-height: 44px; } }

/* Keep B05 component links and adjacent-month events readable on parchment. */
body.ab-showcase #ContentColumn #News .ab-info-page a { color: #174a73 !important; }
body.ab-showcase #ContentColumn #News .ab-info-page .ab-data-table :is(th,td) { font-size: 14px !important; }
body.ab-showcase #ContentColumn #News .ab-calendar-reference-table td.ab-calendar-outside > * { opacity: 1; }
body.ab-showcase #ContentColumn #News .ab-calendar-reference-table td > time { color: #51402b !important; }
body.ab-showcase #ContentColumn #News .ab-calendar-reference-table td.ab-calendar-weekend > time { color: #870b0b !important; }

body.ab-showcase #ContentColumn #News :is(.ab-news-entry,.ab-news-archive,.ab-published-news,.ab-news-back,.ab-calendar-event-details) a:not(.abp-button,.ab-button) { color: #174a73 !important; }
body.ab-showcase #ContentColumn #News .ab-news-entry .NewsHeadline a { color: #f9e6ad !important; }

body.ab-showcase #ContentColumn #News .ab-calendar-month-bar a { color: #fff !important; }
body.ab-showcase #ContentColumn #News :is(.ab-aura-guide,.ab-hunt-guide) .ab-system-tabs a { color: #fff !important; }
