.adn-story { --adn-accent: #ae2028; --adn-ink: #1b2636; --adn-muted: #566474; --adn-rule: #dce1e6; box-sizing: border-box; display: flex; flex-direction: column; gap: 1.5rem; max-width: 100%; color: var(--adn-ink); font: inherit; line-height: 1.65; overflow-wrap: anywhere; }
.adn-story *, .adn-live-stories * { box-sizing: border-box; }
.adn-story-header:empty, .adn-story [data-adn-part="summary"]:empty, .adn-pinned-updates:empty { display: none; }
.adn-headline { font-size: clamp(1.5rem, 4vw, 2.5rem); line-height: 1.18; letter-spacing: -.025em; margin: .75rem 0; color: inherit; }
.adn-status { display: inline-flex; align-items: center; gap: .4em; padding: .25em .65em; background: #e9edf2; color: #263549; border-radius: 3px; font-size: .7rem; font-weight: 800; line-height: 1.6; letter-spacing: .09em; text-transform: uppercase; }
.adn-status-live { background: #a51e29; color: #fff; }
.adn-status-live::before { content: ''; width: .5em; height: .5em; border-radius: 50%; background: currentColor; }
.adn-status-developing { background: #fff0cc; color: #714400; }
.adn-status-monitoring { background: #dcebf9; color: #164b78; }
.adn-last-updated, .adn-update-source { color: var(--adn-muted); font-size: .8rem; margin: .5rem 0 0; }
.adn-summary { background: #f4f6f8; padding: 1.3rem 1.5rem; border-inline-start: 4px solid var(--adn-accent); border-radius: 0 5px 5px 0; }
.adn-summary-title, .adn-section-title { font: inherit; font-size: .78rem; line-height: 1.5; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; margin: 0 0 1rem; }
.adn-summary p:last-child, .adn-summary ul:last-child, .adn-update-body p:last-child { margin-bottom: 0; }
.adn-summary ul { padding-inline-start: 1.3rem; }
.adn-update { position: relative; padding: 1.4rem 0 1.4rem 1.5rem; border-inline-start: 2px solid var(--adn-rule); border-bottom: 1px solid var(--adn-rule); margin: 0; }
.adn-update::before { content: ''; position: absolute; inset-inline-start: -5px; top: 1.9rem; width: 8px; height: 8px; border-radius: 50%; background: var(--adn-accent); }
.adn-update-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.adn-update-time { color: var(--adn-muted); font-size: .75rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.adn-update-tag { font-size: .68rem; font-weight: 700; padding: .1em .5em; border: 1px solid var(--adn-rule); border-radius: 3px; }
.adn-update-title { font-size: 1.15rem; line-height: 1.35; margin: .65rem 0; color: inherit; }
.adn-update-body { font-size: .95rem; }
.adn-update-body p { margin: .5rem 0; }
.adn-pinned-updates .adn-update { background: #fffaf0; border: 1px solid #e4ce99; padding: 1.25rem; margin-bottom: 1rem; border-radius: 5px; }
.adn-pinned-updates .adn-update::before { display: none; }
.adn-update-correction { border-inline-start-color: #82601c; }
.adn-corrected-note { color: #704e0f; font-size: .8rem; font-style: italic; }
.adn-update-media, .adn-featured-image { margin: 1rem 0 0; }
.adn-story img { max-width: 100%; height: auto; border-radius: 4px; }
.adn-background { padding-top: 1.5rem; border-top: 2px solid var(--adn-rule); }
.adn-story[data-adn-layout="article"] .adn-live-section, .adn-story[data-adn-layout="hide"] .adn-live-section { display: none; }
.adn-story[data-adn-layout="article-first"] .adn-live-section { order: 2; }
.adn-story[data-adn-layout="article"] .adn-background .adn-section-title, .adn-story[data-adn-layout="article-first"] .adn-background .adn-section-title { display: none; }
.adn-story a:focus-visible, .adn-live-stories a:focus-visible { outline: 3px solid #1767a6; outline-offset: 4px; }
.adn-story [hidden] { display: none; }
.adn-screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.adn-live-stories { list-style: none; margin: 0; padding: 0; }
.adn-live-stories li { border-bottom: 1px solid #dce1e6; padding: .85rem 0; }
.adn-live-stories a { display: flex; gap: .8rem; align-items: start; color: inherit; text-decoration: none; }
.adn-live-stories img { width: 64px; height: 64px; object-fit: cover; border-radius: 3px; flex: 0 0 64px; }
.adn-live-stories small { display: block; color: #566474; margin-top: .4rem; }
.adn-latest-headline { font-weight: 650; }
@media (max-width: 480px) { .adn-summary { padding: 1rem; } .adn-update { padding-inline-start: 1rem; } .adn-story { gap: 1rem; } }
@media (prefers-reduced-motion: reduce) { .adn-story { scroll-behavior: auto; } }