.forest-change-detail { max-width: 960px; margin: 2rem auto; padding: 0 1rem; overflow-wrap: anywhere; }
.forest-change-detail__summary { display: flex; flex-wrap: wrap; gap: 1rem 3rem; margin: 1.5rem 0; }
.forest-change-detail__summary dd { margin: .3rem 0 0; font-size: 1.2rem; font-weight: 600; }
.forest-change-detail__source { color: #58645a; font-size: .9rem; }
.forest-change-detail__map { width: 100%; height: 400px; border: 1px solid #d5ded4; border-radius: 8px; overflow: hidden; }
.forest-change-detail__verification { border-top: 1px solid #d5ded4; padding: 1rem 0; }
.forest-change-detail__note { white-space: pre-wrap; }
.forest-change-detail__photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; max-width: 720px; }
.forest-change-detail__photos img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 6px; }
.forest-change-detail a:focus-visible { outline: 3px solid #235f3c; outline-offset: 3px; }
@media (max-width: 600px) { .forest-change-detail { margin: 1rem auto; } .forest-change-detail__map { height: 320px; } .forest-change-detail__photos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 350px) { .forest-change-detail__photos { grid-template-columns: 1fr; } }

.forest-change-detail section { margin-top: 1.5rem; min-width: 0; }
.forest-change-detail .forest-watcher-forest, .forest-change-detail .forest-watcher-satellite { padding: .8rem; margin: .8rem 0; border-radius: 8px; background: #f2f5f0; }
.forest-change-detail .forest-watcher-forest h3 { margin-top: 0; }
.forest-change-detail .forest-watcher-coverage-warning { padding: .8rem; border-radius: 8px; background: #fff4df; color: #714b18; }
.forest-change-detail .forest-watcher-nlc-note { color: #58645a; font-size: .9rem; }
.forest-change-detail .forest-watcher-badge { font-size: .8rem; color: #58645a; }
.forest-change-detail .forest-watcher-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.forest-change-detail .forest-watcher-images figure { margin: 0; min-width: 0; }
.forest-change-detail .forest-watcher-images img { width: 100%; height: auto; }
@media (max-width: 600px) { .forest-change-detail .forest-watcher-images { grid-template-columns: 1fr; } }