/* ADAT Explore standard - small additions used by generated Explore and History pages (v1) */
.ec-source-line{display:block;margin-top:10px;font-size:.78rem;line-height:1.4;color:#5b6b7a;text-decoration:none}
.ec-source-line:hover,.ec-source-line:focus{text-decoration:underline;color:#06213f}
.ec-fallback{display:flex}
.ec-fallback-tile{width:100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(135deg,#06213f,#1d4a7a);color:#f0d58a;font:600 2.4rem/1 Georgia,serif;letter-spacing:.06em}
.ec-fallback-event{background:linear-gradient(135deg,#1d4a7a,#06213f)}
.history-event-image img{display:block;max-width:100%;height:auto}
.history-event-source{display:inline-block;margin-top:8px;font-size:.82rem}
.ec-hero-link{display:inline-block;margin-top:6px;font-weight:600;color:#06213f;text-decoration:none;border-bottom:2px solid #d7aa4d}
.ec-hero-link:hover{background:#f6ecd0}

/* Explore is the first layer: clear paths into History & Timeline */
.header-history-link{display:inline-flex;align-items:center;margin-right:12px;padding:9px 16px;border-radius:8px;background:#d98e04;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap}
.header-history-link:hover,.header-history-link:focus{background:#b87703}
.ec-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:8px;background:#d98e04;color:#fff;font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 6px 16px rgba(6,33,63,.18);transition:background .15s}
.ec-cta-btn:hover,.ec-cta-btn:focus{background:#b87703;color:#fff}
.ec-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}
.ec-hero-note{color:#5b6b7a;font-size:.9rem}
.ec-history-cta{background:#06213f;color:#fff;padding:34px 0;margin:8px 0}
.ec-history-cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.ec-history-cta-inner>div{flex:1 1 420px;max-width:760px}
.ec-history-cta-kicker{display:block;color:#f0d58a;font-size:.72rem;letter-spacing:.14em;font-weight:700;margin-bottom:6px}
.ec-history-cta h2{margin:0 0 8px;color:#fff;font-size:1.6rem;line-height:1.2}
.ec-history-cta p{margin:0;color:#d6e0ec;line-height:1.55}
.ec-quick-timeline{background:#fff6de;border-radius:8px}
@media (max-width:640px){.header-history-link{margin-right:8px;padding:8px 10px;font-size:.8rem}.ec-cta-btn{width:100%}.ec-history-cta{padding:26px 0}}

/* Hub pages: browse by date */
.ec-day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;margin-top:14px}
.ec-day-grid a,.ec-day-grid span{display:flex;align-items:center;justify-content:center;height:44px;border-radius:8px;font-weight:600;text-decoration:none}
.ec-day-grid a{background:#06213f;color:#fff}
.ec-day-grid a:hover,.ec-day-grid a:focus{background:#d98e04;color:#fff}
.ec-day-off{background:rgba(6,33,63,.06);color:#9aa7b5}
.ec-coming-soon{margin:0;padding:18px 0;color:#5b6b7a}
.ec-fallback-event span{font-size:1.5rem;letter-spacing:.02em}
.adat-step-off,.ec-nav-off{opacity:.35;pointer-events:none}
.adat-step-off{display:inline-flex;flex-direction:column}

.ec-year-strip{background:#fff6de;border-bottom:1px solid #e6d5a8;padding:12px 0}
.ec-year-strip .container{display:flex;align-items:center;gap:14px}
.ec-year-strip-label{flex:none;font-size:.72rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:#8a6a1c}
.ec-year-strip-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:2px 0}
.ec-year-strip-list a{flex:none;display:flex;flex-direction:column;max-width:150px;padding:6px 12px;border:1px solid #d9c48a;border-radius:8px;background:#fff;color:#06213f;text-decoration:none;line-height:1.25}
.ec-year-strip-list a:hover,.ec-year-strip-list a:focus{border-color:#06213f;background:#fffdf6}
.ec-year-strip-list strong{font-size:.95rem}
.ec-year-strip-list span{font-size:.72rem;color:#4a5a70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.ec-year-strip .container{flex-direction:column;align-items:flex-start;gap:6px}.ec-year-strip-list{width:100%}}
.history-event-fallback .ec-fallback-tile{aspect-ratio:16/9;border-radius:6px}

/* ADAT accessibility pass (21 Sept 2026). Loaded LAST so it wins over the older layered stylesheets; !important is
   used on colour only, for that reason. Owner's choice "B": the brand gold stays, text on gold becomes navy. */
.btn-gold,.explore-page .site-header .btn-gold,.header-history-link,.ec-cta-btn,.beta-badge{color:#061f3a!important}
.header-history-link:hover,.header-history-link:focus,.ec-cta-btn:hover,.ec-cta-btn:focus{background:#c98203;color:#061f3a!important}
/* Small gold labels on cream/white: deeper gold (5:1 or better). Labels on the navy photo band keep their pale gold. */
.home-eyebrow,.hero-card-kicker.capsule-kicker,.capsule-kicker,.supporting-card-link,.explore-quick-icon,
.history-kicker,.history-section-kicker,.history-event-category,
.history-page .history-hero span,.history-page .history-pagination span,.adat-date-pagination span{color:#8a5600!important}
.photo-band .home-eyebrow{color:#e7c788!important}
/* Tap targets on phones: at least 24px tall (footer, credits, sources, small text links). */
.footer-links a,.info-footer-grid a,.discover-footer-inner nav a,.info-nav a,.discover-nav a{display:inline-block;padding:6px 0}
.footer-links a{display:block}
#photoOfTheDayCredit,.panel-text-link,.ec-source-line,.history-image-credit a,.ec-adat-image-details a,.history-era-nav a,.history-source-list a{display:inline-block;padding-top:6px;padding-bottom:6px}
.cookie-banner a,.consent-banner a{display:inline-block;padding:6px 0}
/* Skip link for keyboard users (the homepage and Discover already had one). */
.skip-link{position:absolute;left:12px;top:-60px;z-index:10000;padding:10px 16px;border-radius:8px;background:#061f3a;color:#fff;font:700 14px Arial,sans-serif;text-decoration:none}
.skip-link:focus{top:12px;outline:3px solid #d98e04;outline-offset:2px}
/* History page: remaining small gold labels, the grey era blurb, and the era quick-links (tap size). */
.history-summary-kicker,.history-era-label,.history-era-marker,.history-era-heading span,.history-date-nav-item span,.history-date-nav-center span{color:#8a5600!important}
.history-era-heading p{color:#5a6678!important}
.history-era-navigation nav a{display:inline-block;padding:6px 0}
/* Era name under the year on a picture-less event tile (22 Sept 2026). */
.ec-fallback-tile{flex-direction:column;gap:4px}.ec-fallback-tile small{font:600 12px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#f6e3bd;opacity:.85}