.information-hero { padding: clamp(8rem, 15vw, 12rem) 0 clamp(3rem, 7vw, 6rem); background: radial-gradient(ellipse at 85% 15%, #390a12, transparent 60%); border-bottom: 1px solid var(--line); }
.information-hero h1 { font-size: clamp(2.3rem, 7.4vw, 6.5rem); letter-spacing: -.055em; line-height: .98; margin: 0 0 2rem; }
.information-hero h1 span { color: var(--acid); }
.information-intro { color: var(--muted); max-width: 42rem; margin-bottom: 2rem; }
.information-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 2rem; }
.information-section-heading > p { max-width: 28rem; color: var(--muted); }
.information-page h2 { font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.045em; line-height: 1.12; margin: 0 0 1rem; }
.information-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 1rem; border-block: 1px solid var(--line); padding: 1.25rem 0; }
.information-filters > div { flex: 1 1 15rem; min-width: 0; }
.information-filters label { display: block; font-size: .8rem; font-weight: 800; margin-bottom: .5rem; }
.information-filters input, .information-filters select { width: 100%; min-width: 0; border: 1px solid var(--line); background: #111; color: var(--paper); padding: .8rem; font: inherit; }
#information-results { font-size: .85rem; color: var(--muted); margin: 1.5rem 0; }
.information-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1rem; }
.information-topic { border: 1px solid var(--line); border-top: 2px solid var(--acid); background: linear-gradient(130deg, #18080c, #0a0a0a 70%); padding: clamp(1.1rem, 2.7vw, 2rem); scroll-margin-top: 7rem; min-width: 0; overflow-wrap: anywhere; }
.information-topic--feature { grid-column: 1 / -1; }
.information-topic--feature .information-topic-body { max-width: 72rem; }
.information-topic:target { border-color: var(--acid); }
.information-topic-heading { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; }
.information-topic .eyebrow { font-size: .6rem; margin: 0; }
.information-status { color: #e0bc87; border: 1px solid #634a34; padding: .2rem .45rem; font-size: .65rem; }
.information-topic h3 { font-size: clamp(1.5rem, 2.8vw, 2.1rem); letter-spacing: -.035em; line-height: 1.12; margin: 0 0 1rem; }
.information-topic h3 a { text-decoration: none; }
.information-summary { color: var(--muted); min-height: 3em; }
.information-topic summary { cursor: pointer; padding-block: .8rem; font-weight: 800; font-size: .85rem; }
.information-topic-body { border-top: 1px solid var(--line); padding-top: .5rem; line-height: 1.7; }
.information-topic h4 { font-size: 1rem; margin: 1.1rem 0 .4rem; }
.information-topic ul { padding-left: 1.2rem; }
.information-pending { color: #e0bc87; }
.information-evidence, .information-sources { border-top: 1px solid var(--line); padding-top: 1rem; }
.information-evidence-section { border-top: 1px solid var(--line); margin: 2rem 0 0; padding-top: 1.25rem; color: var(--acid); font-size: .82rem !important; letter-spacing: .08em !important; }
.information-method { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-block: 2rem; }
.information-method > div { padding: 1.25rem; border: 1px solid var(--line); }
.information-method dt { font-weight: 800; color: #e0bc87; margin-bottom: .5rem; }
.information-method dd { margin: 0; color: var(--muted); }
.information-archive { display: flex; align-items: center; gap: 3rem; justify-content: space-between; }
.information-archive p { max-width: 42rem; }
.information-archive .button { flex-shrink: 0; }
.information-page [hidden] { display: none !important; }
#research-topics, #information-method { scroll-margin-top: 7rem; }
@media(max-width: 45rem) { .information-grid, .information-method { grid-template-columns: 1fr; } .information-section-heading, .information-archive { display: block; } .information-section-heading > p { max-width: none; } .information-summary { min-height: 0; } }

/* Keep cited sources below the sticky header and visible when keyboard-focused. */
.information-topic [id] { scroll-margin-top: 7rem; }
.information-topic [tabindex="-1"]:focus-visible { outline: 2px solid var(--acid); outline-offset: .3rem; }