.site-footer { max-width: 50rem; margin: 1.5rem auto 2.5rem; padding: 1rem; color: #b8c9de; }
.site-footer[hidden], .analytics-choice[hidden] { display: none; }
.site-links { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; }
.site-links a, .discovery-page a { color: #8cdded; text-underline-offset: .18em; }
.analytics-choice { margin-top: .9rem; font-size: .9rem; }
.analytics-choice button { font: inherit; color: #e7f3ff; background: #19374a; border: 1px solid #466377; border-radius: .5rem; padding: .5rem .65rem; cursor: pointer; }
.discovery-page { margin: 0; padding: 1.2rem; background: #0b182a; color: #e7f3ff; font: 1rem/1.6 system-ui, sans-serif; }
.discovery-page header, .discovery-page main { max-width: 43rem; margin: auto; }
.discovery-page header { border-bottom: 1px solid #334d64; padding-bottom: .7rem; }
.site-brand { font-weight: 700; }
.discovery-page h1 { font-size: clamp(1.85rem, 6vw, 3.1rem); line-height: 1.12; margin: 1.5rem 0 .6rem; }
.discovery-page h2 { margin: 1.5rem 0 .35rem; font-size: 1.25rem; }
.discovery-page p { margin: .2rem 0 .7rem; }
.site-summary { color: #bdcee2; font-size: 1.12rem; }
.site-example { margin: .6rem 0; padding: .7rem .9rem; border: 1px solid #466377; border-radius: .55rem; background: #12283e; }
.site-example summary { color: #8cdded; font-weight: 700; cursor: pointer; }
.site-example summary:focus-visible { outline: 2px solid #8cdded; outline-offset: .2rem; }
.site-example[open] summary { margin-bottom: .5rem; }
.site-chapters > li { margin: .8rem 0; }
.discovery-page a:focus-visible { outline: 2px solid #8cdded; outline-offset: .2rem; }
.discovery-page .site-play { display: inline-block; background: #8cdded; color: #0b182a; padding: .55rem .9rem; border-radius: .55rem; font-weight: 700; text-decoration: none; margin: .45rem 0; }
.discovery-page .site-footer { max-width: 43rem; padding: 1rem 0; border-top: 1px solid #334d64; }