.record-fire-update { width: min(100% - 2rem, 1000px); margin: 2.5rem auto; color: #191818; font-family: 'Noto Sans', sans-serif; line-height: 1.5; }
.record-fire-update h2 { font-family: 'Noto Sans', sans-serif; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; margin: .25rem 0 .75rem; }
.record-fire-update p { margin: 0 0 .8rem; }
.record-fire-update .record-fire-date { color: #8a5b1d; font-weight: 700; text-transform: uppercase; font-size: .82rem; letter-spacing: .07em; }
.record-fire-update a { display: inline-block; margin-top: .5rem; padding: 1rem 1.5rem; border-radius: 56px; background: #ce983e; color: white; font-family: 'Fira Sans', sans-serif; font-size: 18px; font-weight: 600; text-decoration: none; }
.record-fire-update a:hover { background: #b5812e; }
.record-gallery { width: min(100% - 2rem, 1100px); margin: 1rem auto 3rem; }
.record-gallery-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 .65rem; }
.record-gallery-heading p { margin: 0; font-size: .88rem; color: #454d46; }
.record-gallery-controls { display: flex; gap: .5rem; }
.record-gallery-controls button { width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%; background: #ce983e; color: white; font-size: 1.35rem; cursor: pointer; }
.record-gallery-controls button:hover { background: #b5812e; }
.record-gallery-controls button:focus-visible, .record-gallery-track:focus-visible, .record-photo a:focus-visible, .record-fire-update a:focus-visible { outline: 3px solid #235536; outline-offset: 3px; }
.record-gallery-track { display: grid; grid-auto-flow: column; grid-auto-columns: clamp(210px, 30vw, 325px); gap: 1rem; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; padding: .3rem .25rem 1rem; scrollbar-color: #868f84 #e8ece6; }
.record-photo { margin: 0; scroll-snap-align: start; background: white; }
.record-photo a { display: block; }
.record-photo img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #e7e8e5; }
.record-photo figcaption { padding: .55rem 0; color: #343b35; font-size: .85rem; }
@media (max-width: 600px) { .record-gallery-track { grid-auto-columns: min(78vw, 320px); } }
@media (prefers-reduced-motion: reduce) { .record-gallery-track { scroll-behavior: auto; } }