body { min-height: 100%; height: auto; background: #faf8f5; color: #0d1228; font-family: Arial, Helvetica, sans-serif; }
.downloadHeader { grid-template-areas: "brand links" "subtitle subtitle"; }
.downloadMain { box-sizing: border-box; max-width: 900px; margin: 32px auto 64px; padding: 28px 32px; background: #fff; border: 1px solid #d8c6b2; border-radius: 10px; line-height: 1.55; }
.downloadMain h2 { margin: 0 0 12px; font-size: 28px; }
.downloadMain h3 { margin: 24px 0 8px; font-size: 20px; }
.downloadMain p { margin: 0 0 14px; }
.downloadMain a { color: #854006; }
.formField { margin: 18px 0; }
.formField label { display: block; margin-bottom: 5px; font-weight: bold; }
.formField input { box-sizing: border-box; width: 100%; max-width: 520px; min-height: 42px; padding: 8px 10px; border: 1px solid #9c9c9c; border-radius: 5px; font: inherit; }
.checkField { margin: 16px 0; }
.checkField label { margin-left: 6px; }
.checkField input { width: 18px; height: 18px; vertical-align: middle; }
.formActions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.formActions input, .buttonLink { display: inline-block; box-sizing: border-box; padding: 10px 16px; border: 1px solid #9a4900; border-radius: 5px; background: #9a4900; color: #fff; font: bold 15px Arial, Helvetica, sans-serif; text-decoration: none; cursor: pointer; }
.formActions .secondaryButton { background: #fff; color: #602e00; }
.formActions input:hover, .buttonLink:hover { text-decoration: underline; }
.formError { display: block; padding: 10px 12px; margin: 16px 0; border-left: 4px solid #b42318; background: #fff1ef; color: #8a1a12; }
.terms { border-top: 1px solid #d8c6b2; margin-top: 24px; padding-top: 4px; }
.downloadArea { border-top: 1px solid #d8c6b2; margin-top: 28px; }
.downloadArea ul { margin-top: 8px; padding-left: 24px; }
.downloadArea li { margin: 8px 0; }
.datasetPreviews { margin: 16px 0; }
.datasetPreviewRow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.datasetPreviewRow + .datasetPreviewRow { border-top: 1px solid #d8c6b2; margin-top: 16px; padding-top: 16px; }
.datasetPreview { min-width: 0; margin: 0; }
.datasetPreview img { display: block; box-sizing: border-box; width: auto; max-width: 100%; height: clamp(140px, 21vw, 200px); margin-left: 0; margin-right: auto; object-fit: contain; object-position: left top; border: 1px solid #d8c6b2; }
.datasetPreview figcaption { margin-top: 6px; font-weight: bold; text-align: left; }
@media (max-width: 700px) { .downloadHeader { grid-template-areas: "brand" "subtitle" "links"; padding: 14px 16px; } .downloadHeader .headerLinks { justify-self: start; } .downloadHeader .linkpanel { text-align: left; padding: 4px 10px 4px 0; } .downloadMain { margin: 16px; padding: 20px; } .datasetPreviewRow { grid-template-columns: 1fr; } .datasetPreview img { height: auto; } }