.sources-main { width: min(100%, 860px); margin: 0 auto; padding: 28px 0 56px; }
.sources-intro { margin-bottom: 28px; }
.sources-breadcrumb { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; color: var(--muted); font-size: .875rem; }
.sources-intro h1 { margin-top: 18px; font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.2; letter-spacing: -.025em; }
.sources-document { padding: 32px 36px; color: var(--muted); line-height: 1.75; overflow-wrap: anywhere; }
.sources-document p + p { margin-top: 16px; }
.sources-document h2 { margin: 30px 0 16px; padding-top: 28px; border-top: 1px solid var(--border); color: var(--text); font-size: 1.375rem; line-height: 1.35; }
.sources-document strong { color: var(--text); font-weight: 600; }
.sources-document ul { padding-left: 22px; margin: 20px 0; }
.sources-document li { margin: 12px 0; padding-left: 4px; }
.sources-document li::marker { color: var(--link); }

@media (max-width: 620px) {
    .radar-sources-page .site-header { gap: 18px; }
    .radar-sources-page .site-header nav { flex: 1; justify-content: flex-end; gap: 12px 16px; }
    .radar-sources-page .site-header .button { flex: 0 1 auto; }
    .sources-main { padding: 22px 0 40px; }
    .sources-intro { margin-bottom: 24px; }
    .sources-document { padding: 24px 20px; }
    .sources-document h2 { font-size: 1.25rem; }
}