/* AMPds layout; shared typography, colours, navigation and components live in ../style.css. */
:root { scroll-padding-top: 110px; }
h1 { font-size: clamp(4rem, 9vw, 7rem); }
.hero-grid { grid-template-columns: 1.2fr 1fr; gap: 64px; }
.hero-grid > *, .related-grid > * { min-width: 0; }
.button.primary { color: #07110d; }
.skip-link { background: var(--surface-strong); color: var(--text); }
a:focus-visible, pre:focus-visible { outline: 3px solid var(--accent-dark); outline-offset: 5px; }
.dataset-summary, .download-panel, .citation-records { padding: 32px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.ampds-logo { padding: 20px; background: #fff; border-radius: 12px; }
.ampds-logo img { width: 100%; height: auto; }
dl { margin: 24px 0 0; }
dl > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 14px 0; border-bottom: 1px solid var(--line); }
dl > div:last-child { border: 0; padding-bottom: 0; }
dt { color: var(--muted); } dd { margin: 0; font-weight: 700; }
.overview-copy { max-width: 900px; }
.overview-copy p, .download-panel p { color: var(--muted); }
.overview-copy a, .section-heading a, .card a, .permalink a { color: var(--accent-dark); text-underline-offset: 4px; }
.related-heading { margin: 40px 0 20px; }
.related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.card { box-shadow: none; }
.card strong { color: var(--text); }
.card p { margin: 0; }
.card a, .permalink { overflow-wrap: anywhere; }
.download-note { margin-top: 24px; }
.citation-records { line-height: 1.8; }
pre { margin: 18px 0; padding: 22px; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; font-size: .86rem; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.translation { padding-top: 20px; }
@media(max-width: 960px) { .hero-grid { grid-template-columns: 1fr; gap: 36px; } .dataset-summary { max-width: 650px; } :root { scroll-padding-top: 150px; } }
@media(max-width: 640px) { .brand-text { display: inline; font-size: .85rem; } .nav { gap: 14px; } .nav-links { flex-wrap: wrap; gap: 10px 16px; overflow: visible; font-size: .85rem; } .related-grid { grid-template-columns: 1fr; } .dataset-summary, .download-panel, .citation-records { padding: 22px; } pre { padding: 14px; } }
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .button:hover { transform: none; } }