.autumn-home-system.autumn-illustrated-light::before { width: 100%; height: 100%; background: linear-gradient(90deg, var(--bg) 0%, rgba(244,239,229,.94) 34%, rgba(244,239,229,.65) 60%, rgba(244,239,229,.12) 100%), url('/images/2026-10/autumn-quartz-wallpaper.png') right bottom / cover no-repeat; }
.autumn-regional-layout > * { min-width: 0; }
.autumn-regional-copy { display: grid; grid-template-columns: 1fr 1fr; column-gap: 4rem; margin-bottom: 2rem; align-items: end; }
.autumn-regional-copy .section-label { grid-column: 1 / -1; }
.autumn-regional-copy h2 { max-width: 19ch; margin: 0; text-wrap: balance; }
.autumn-regional-copy > p:not(.section-label) { color: var(--text-muted-dark); line-height: 1.7; margin: 0; text-wrap: pretty; }
.autumn-map-panel { border: 1px solid #53616a; background: #17232d; }
.autumn-map-legend { display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; align-items: center; padding: 1rem 1.25rem; color: #f4efe5; font-size: .8rem; }
.autumn-map-legend > span { display: flex; align-items: center; gap: .6rem; }
.autumn-map-symbol { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #fff; background: #17232d; color: #fff; font: 700 20px/1 Arial, sans-serif; }
.autumn-map-symbol-past { background: #fffdf8; color: #17232d; }
.autumn-map-symbol-project { border: 0; background: transparent; color: #f4cc53; font-size: 29px; }
.autumn-map-canvas { position: relative; z-index: 0; isolation: isolate; width: 100%; height: clamp(650px, 60vw, 780px); background: #31453e; color: #15212c; }
.autumn-map-canvas.leaflet-container { font-family: var(--sans); }
.autumn-map-canvas .leaflet-control-zoom a { color: #15212c; background: #fffdf8; width: 40px; height: 40px; line-height: 40px; }
.autumn-map-canvas .leaflet-control-attribution { max-width: min(85%, 600px); font: 10px/1.4 Arial, sans-serif; background: rgba(255,255,255,.94); color: #333; }
.autumn-map-canvas .leaflet-control-attribution a { color: #20566a; }
.autumn-map-canvas .leaflet-control-scale-line { border-color: #fff; background: #17232dcc; color: #fff; text-shadow: none; }
.autumn-map-reset { background: #fffdf8; color: #15212c; border: 1px solid #9ba49f; padding: .65rem .8rem; font: 600 12px var(--sans); min-height: 40px; cursor: pointer; }
.autumn-map-compass { margin: .8rem; color: #fff; font: 700 12px/1.2 var(--sans); text-align: center; text-shadow: 0 1px 3px #000; pointer-events: none; }
.autumn-map-compass span { display: block; font-size: 33px; line-height: 1; }
.autumn-map-marker { display: grid; place-items: center; border: 0; background: transparent; }
.autumn-map-marker > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 2px 5px #0009; border: 2px solid #fff; background: #17232d; color: #fff; }
.autumn-map-marker svg { width: 21px; height: 21px; }
/* #region MAP PICKAXE ICONS */
.autumn-map-marker img { width: 1.25rem; height: 1.25rem; display: block; object-fit: contain; }
.autumn-map-symbol img { width: 1rem; height: 1rem; display: block; object-fit: contain; }
/* #endregion */
.autumn-map-marker-past_producer > span { background: #fffdf8; color: #17232d; border-color: #17232d; }
.autumn-map-marker-project > span { width: 42px; height: 42px; border: 0; border-radius: 0; box-shadow: none; background: transparent; color: #ffdc47; filter: drop-shadow(0 1px 3px #171f19); }
.autumn-map-marker-project svg { width: 42px; height: 42px; }
.autumn-map-callouts { position: absolute; inset: 0; z-index: 610; pointer-events: none; overflow: hidden; }
.autumn-map-callout { display: block; position: absolute; width: clamp(152px, 15.4vw, 202px); padding: 9px 10px; background: #fffdf8; border: 1px solid #d5d8cd; border-radius: 3px; box-shadow: 0 2px 10px #0004; color: #17232d; font: 12px/1.3 var(--sans); text-align: center; pointer-events: auto; cursor: pointer; transform: translate(-50%, -50%); }
.autumn-map-callout strong, .autumn-map-callout span, .autumn-map-callout small { display: block; }
.autumn-map-callout strong { font-size: 13px; font-weight: 700; text-wrap: balance; }
.autumn-map-callout span { margin-top: 2px; }
.autumn-map-callout .autumn-map-production { font-weight: 700; color: #6f531c; }
.autumn-map-callout small { font-size: 10px; margin-top: 2px; color: #535e61; }
.autumn-map-callout-project { background: #d0a73a; border-color: #f4cc53; color: #101820; }
.autumn-map-callout-project small { color: #28352f; }
.autumn-map-callout[hidden] { display: none; }
.autumn-map-canvas .leaflet-tooltip { background: #d0a73a; border: 1px solid #f4cc53; color: #101820; font: 700 11px/1.3 var(--sans); box-shadow: 0 2px 6px #0005; }
.autumn-map-canvas .leaflet-tooltip::before { border-top-color: #d0a73a; }
.autumn-map-canvas .leaflet-popup-content-wrapper { background: #fffdf8; border-radius: 4px; }
.autumn-map-canvas .leaflet-popup-content { font: 13px/1.5 var(--sans); color: #17232d; margin: 20px 24px 18px 18px; }
.autumn-map-canvas .leaflet-popup-content strong { display: block; font-size: 15px; line-height: 1.3; margin-bottom: .4rem; }
.autumn-map-canvas .leaflet-popup-content p { margin: .35rem 0; }
.autumn-map-canvas .leaflet-popup-content small { display: block; color: #4d5960; line-height: 1.5; }
.autumn-map-canvas .leaflet-popup-close-button { width: 36px; height: 36px; line-height: 34px; color: #17232d; }
.autumn-map-canvas .leaflet-popup-pane { z-index: 700; }
.autumn-map-footer { display: flex; flex-wrap: wrap; gap: .2rem 1.5rem; padding: .9rem 1.25rem; color: var(--text-muted-dark); font-size: .75rem; line-height: 1.6; }
.autumn-map-footer p { margin: 0; }
.autumn-map-footer p:first-child { flex: 1 1 65%; }
.autumn-map-footer [data-map-status] { flex-basis: 100%; }
.autumn-map-footer a { color: var(--gold-light); text-decoration: underline; text-underline-offset: .2em; }
.autumn-map-noscript { padding: 0 1rem 1rem; }
.autumn-home-regional .autumn-map-note { max-width: none; margin-top: 1.3rem; padding-top: 1rem; border-top: 1px solid var(--border); }
.autumn-map-panel :focus-visible { outline: 3px solid #f4cc53; outline-offset: 3px; }
@media (max-width: 70rem) {
    .autumn-map-canvas { height: 650px; }
    .autumn-regional-copy { column-gap: 2rem; }
}
@media (max-width: 48rem) {
    .autumn-regional-copy { display: block; }
    .autumn-regional-copy h2 { margin-bottom: 1.2rem; }
    .autumn-map-canvas { height: 570px; touch-action: pan-y; }
    .autumn-map-legend { padding: .8rem; column-gap: 1rem; font-size: .72rem; }
    .autumn-map-legend > span:first-child { flex-basis: 100%; }
    .autumn-map-footer { padding: .8rem; }
    .autumn-map-canvas .leaflet-control-attribution { font-size: 9px; max-width: 90%; }
    .autumn-map-canvas .leaflet-control-scale { margin-bottom: 58px; }
}
@media (prefers-reduced-motion: reduce) {
    .autumn-map-canvas .leaflet-zoom-animated { transition: none; }
}