.bears-page { --bears-ink: #22282e; --bears-muted: #66727a; --bears-line: #dce2e6; --bears-mist: #f2f4f6; --bears-accent: #ad565b; color: var(--bears-ink); background: #fff; }
.bears-page *, .bears-page *::before, .bears-page *::after { box-sizing: border-box; }
.bears-width { width: min(100% - 48px, 1120px); margin-inline: auto; }
.bears-page h1, .bears-page h2, .bears-page h3, .bears-page p { letter-spacing: 0; }
.bears-page button, .bears-page input { font-family: inherit; }
.bears-page :is(button, a, summary, input):focus-visible { outline: 2px solid #687a7a; outline-offset: 2px; }
.bears-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.bears-preview { padding: 9px 18px; background: #fff1d9; color: #5e3d12; text-align: center; font-size: 13px; }
.bears-articles { padding: 48px 0; background: #f2f4f6; }
.bears-articles h2 { margin: 0 0 22px; font-size: clamp(24px, 3vw, 32px); line-height: 1.2; }
.bears-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.bears-article-card { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-height: 155px; padding: 23px; border-radius: 14px; background: #fff; color: var(--bears-ink); text-decoration: none; box-shadow: 0 5px 22px rgba(32,43,49,.05); }
.bears-article-card:hover { color: var(--bears-ink); text-decoration: none; box-shadow: 0 8px 25px rgba(32,43,49,.1); }
.bears-article-card span { color: var(--bears-muted); font-size: 13px; }
.bears-article-card strong { font-size: 18px; line-height: 1.4; }
.bears-article-card i { align-self: flex-end; margin-top: auto; color: var(--bears-muted); }
.bears-article-demo { color: var(--bears-muted); }
.bears-article-card[hidden], .bears-articles-more[hidden] { display: none; }
.bears-articles-more { display: flex; justify-content: center; margin-top: 22px; }
.bears-articles-more-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 8px; border:0; background:transparent; color:#5c6e73; font:inherit; font-size:14px; font-weight:600; line-height:1.3; cursor:pointer; transition:color .18s ease; }
.bears-articles-more-button::after { content:""; display:block; width:7px; height:7px; margin-top:-3px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg); }
.bears-articles-more-button:hover { color:#26393e; }
.bears-articles-more-button:focus-visible { outline: 2px solid #687b80; outline-offset: 3px; }
@media (max-width: 700px) { .bears-articles { padding: 34px 0; } .bears-article-grid { grid-template-columns: 1fr; gap: 10px; } .bears-article-card { min-height: 120px; padding: 20px; } }

.bears-intro { display: grid; place-items: center; min-height: 214px; padding-block: 44px; background: var(--bears-mist); text-align: center; }
.bears-intro h1 { max-width: 780px; margin: 0 auto; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.15; font-weight: 650; }
.bears-overview { padding: 0 0 64px; background: var(--bears-mist); text-align: center; }
.bears-overview-inner { position: relative; max-width: 850px; padding-top: 12px; border-top: 1px solid #d9e0e4; }
.bears-season-kicker { margin: 0 0 9px; color: var(--bears-muted); font-size: 13px; line-height: 1.4; }
.bears-main-number { font-size: clamp(66px, 9vw, 106px); line-height: 1; font-weight: 650; font-variant-numeric: tabular-nums; }
.bears-total-caption { margin: 9px 0 22px; color: #4b575e; font-size: 17px; }
.bears-summary { max-width: 670px; margin: 0 auto; color: #4c575e; font-size: 16px; line-height: 1.65; }

.bears-map-band { padding: 0 0 24px; background: var(--bears-mist); }
.bears-map-surface { padding: 27px; border: 1px solid #e4e8eb; border-radius: 8px; background: #fff; }
.bears-map-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.bears-map-top h2 { margin: 0; font-size: 23px; line-height: 1.2; font-weight: 620; }
.bears-toolbar { position: relative; z-index: 600; display: flex; align-items: center; gap: 9px; }
.bears-season-control { width: 160px; }
.bears-search { width: 220px; }
.bears-season-picker { position: relative; }
.bears-season-trigger, .bears-search input { width: 100%; height: 42px; border: 1px solid var(--bears-line); border-radius: 7px; background: #f8f9fa; color: var(--bears-ink); font-size: 13px; outline: 0; }
.bears-season-trigger { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 0 12px; text-align: left; cursor: pointer; }
.bears-season-trigger i { color: var(--bears-muted); font-size: 10px; transition: transform .18s ease; }
.bears-season-trigger[aria-expanded="true"] i { transform: rotate(180deg); }
.bears-season-options { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 900; max-height: min(350px, 60dvh); overflow-y: auto; padding: 5px; border: 1px solid var(--bears-line); border-radius: 8px; background: #fff; box-shadow: 0 14px 30px rgba(32,43,49,.13); }
.bears-season-options[hidden] { display: none; }
.bears-season-options button { display: block; width: 100%; min-height: 39px; padding: 8px 10px; border: 0; border-radius: 5px; background: transparent; color: var(--bears-ink); font-size: 13px; text-align: left; cursor: pointer; }
.bears-season-options button:hover, .bears-season-options button:focus-visible { background: var(--bears-mist); }
.bears-season-options button[aria-selected="true"] { font-weight: 650; }
.bears-search-field { position: relative; }
.bears-search-field > i { position: absolute; top: 50%; left: 13px; transform: translateY(-50%); color: #7b878e; font-size: 13px; pointer-events: none; }
.bears-search input { padding: 0 12px 0 35px; }
.bears-search input::placeholder { color: #849097; }
.bears-search-results { position: absolute; top: calc(100% + 6px); right: 0; left: 0; z-index: 920; max-height: min(320px, 42dvh); overflow-y: auto; overscroll-behavior: contain; padding: 5px; border: 1px solid var(--bears-line); border-radius: 8px; background: rgba(255,255,255,.98); box-shadow: 0 14px 30px rgba(32,43,49,.15); -webkit-overflow-scrolling: touch; }
.bears-search-results[hidden] { display: none; }
.bears-search-results button { display: block; width: 100%; min-height: 40px; padding: 8px 10px; border: 0; border-radius: 5px; background: transparent; color: var(--bears-ink); font-size: 13px; line-height: 1.3; text-align: left; cursor: pointer; }
.bears-search-results button:is(:hover,:focus-visible) { background: var(--bears-mist); }

.bears-map-shell { position: relative; height: clamp(440px, 52vw, 650px); min-height: 410px; overflow: hidden; border: 0; border-radius: 6px; background: #ebeff0; isolation: isolate; }
#bears-map { width: 100%; height: 100%; background: #ebeff0; outline: none; }
.bears-map-shell.is-expanded, .bears-map-shell.is-landscape, .bears-map-shell:fullscreen { position: fixed; z-index: 1050; inset: 0; width: 100vw; height: 100dvh; min-height: 0; max-height: none; border: 0; border-radius: 0; }
.bears-map-shell:fullscreen { position: relative; width: 100%; }
.bears-map-shell.is-landscape #bears-map { height: 100%; }
.bears-landscape-bar { display: none; }
.bears-map-shell.is-landscape .bears-landscape-bar { position: absolute; top: max(12px, env(safe-area-inset-top)); left: max(12px, env(safe-area-inset-left)); z-index: 550; display: flex; align-items: center; gap: 9px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.85); border-radius: 8px; background: rgba(248,250,251,.85); box-shadow: 0 2px 10px rgba(37,48,54,.13); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.bears-landscape-bar label { color: #526069; font-size: 12px; }
.bears-landscape-bar select { border: 0; background: transparent; color: #26323a; font-size: 13px; font-weight: 600; }
.bears-map-tools { position: absolute; right: 12px; bottom: 12px; z-index: 500; display: flex; flex-direction: column; gap: 6px; }
.bears-map-tools button { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(255,255,255,.87); border-radius: 50%; background: rgba(255,255,255,.78); color: #38454d; box-shadow: 0 2px 9px rgba(39,53,61,.11); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); cursor: pointer; }
.bears-map-tools button:hover { background: #fff; }
.bears-map-shell .leaflet-container { font-family: inherit; }
.bears-map-shell .leaflet-zoom-anim .leaflet-zoom-animated { transition: transform .16s cubic-bezier(0,0,.25,1); }
.bears-map-shell .leaflet-interactive { transition: fill .16s ease, fill-opacity .16s ease, stroke .16s ease; }
.bears-map-shell svg path.leaflet-interactive:focus { outline: none; }
.bears-map-shell svg path.leaflet-interactive:focus-visible { stroke: #3f6575; stroke-width: 2px; }
.bears-base-pane { transition: filter .2s ease; }
.bears-map-shell.is-focused .bears-base-pane { filter: blur(2px); }
.bears-glass-pane { inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background: rgba(246,248,249,.45); backdrop-filter: blur(4px) saturate(.8); -webkit-backdrop-filter: blur(4px) saturate(.8); transition: opacity .2s ease; }
.bears-map-shell.is-focused .bears-glass-pane { opacity: 1; }
.bears-focus-pane { pointer-events: none; }
.bears-focus-pane path { filter: drop-shadow(0 7px 6px rgba(35,47,54,.26)); }
.bears-count-icon { width: auto !important; height: auto !important; border: 0; background: none; }
.bears-count-icon span { display: inline-block; min-width: 32px; padding: 2px 4px; border-radius: 3px; background: rgba(255,255,255,.94); box-shadow: 0 1px 4px rgba(35,48,54,.16); color: #303b42; font-size: 11px; font-weight: 650; text-align: center; }
.bears-region-panel { position: absolute; top: 16px; right: 64px; z-index: 510; width: min(340px, calc(100% - 90px)); max-height: calc(100% - 30px); overflow: auto; padding: 20px; border: 1px solid rgba(255,255,255,.88); border-radius: 8px; background: rgba(255,255,255,.91); box-shadow: 0 14px 35px rgba(28,39,44,.18); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.bears-region-panel[hidden], .bears-map-error[hidden] { display: none !important; }
.bears-region-panel h3 { max-width: calc(100% - 28px); margin: 0 0 13px; font-size: 19px; line-height: 1.25; font-weight: 650; }
.bears-panel-close { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; border: 0; background: none; color: #5d6870; cursor: pointer; }
.bears-panel-current { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: baseline; gap: 4px 10px; margin: 0 0 15px; padding-bottom: 12px; border-bottom: 1px solid var(--bears-line); }
.bears-panel-current span { color: var(--bears-muted); font-size: 13px; }
.bears-panel-current strong { justify-self: end; color: var(--bears-ink); font-size: 24px; font-weight: 650; }
.bears-panel-current small { grid-column: 1 / -1; justify-self: end; max-width: 100%; color: var(--bears-muted); font-size: 12px; font-weight: 400; line-height: 1.4; text-align: right; }
.bears-region-panel h4 { margin: 0 0 8px; font-size: 13px; font-weight: 650; }
.bears-history { list-style: none; margin: 0; padding: 0; }
.bears-history li { display: flex; justify-content: space-between; gap: 14px; padding: 6px 0; border-bottom: 1px solid #e7ecef; font-size: 13px; font-variant-numeric: tabular-nums; }
.bears-history li strong { font-weight: 600; }
.bears-history-total { display: flex; justify-content: space-between; gap: 12px; margin: 11px 0 0; font-size: 13px; font-weight: 650; }
.bears-panel-source { margin: 12px 0 0; color: var(--bears-muted); font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.bears-panel-source a { color: #3f6470; text-decoration: underline; }
.bears-map-error { position: absolute; top: 50%; left: 50%; z-index: 550; width: min(90%, 360px); padding: 18px; transform: translate(-50%,-50%); border: 1px solid var(--bears-line); border-radius: 6px; background: #fff; text-align: center; }
.bears-icon-actions { display: flex; align-items: center; justify-content: center; gap: 3px; width: max-content; max-width: 100%; margin: 22px auto 0; padding: 6px; border: 2px solid rgba(255,255,255,.96); border-radius: 999px; background: rgba(223,229,233,.57); box-shadow: 0 5px 15px rgba(54,68,77,.1), inset 0 0 0 1px rgba(155,169,179,.24); backdrop-filter: blur(17px) saturate(1.1); -webkit-backdrop-filter: blur(17px) saturate(1.1); }
.bears-icon-actions :is(button,a) { display: grid; place-items: center; flex: none; width: 50px; height: 50px; padding: 0; border: 1px solid transparent; border-radius: 50%; background: transparent; color: #39464e; box-shadow: none; font-size: 19px; text-decoration: none; cursor: pointer; transition: background .18s ease, box-shadow .18s ease, transform .18s ease; }
.bears-icon-actions :is(button,a):is(:hover,:focus-visible,.is-active) { border-color: rgba(149,161,171,.26); background: rgba(171,182,190,.37); box-shadow: inset 0 1px 5px rgba(80,94,104,.1); color: #202b33; }
.bears-icon-actions :is(button,a):active { transform: scale(.95); }
.bears-region-list { margin-top: 18px; }
.bears-region-list summary { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 38px; padding: 0 12px; border: 0; background: transparent; color: #4c5961; font-size: 13px; font-weight: 580; cursor: pointer; list-style: none; }
.bears-region-list summary { width: max-content; margin: 0 auto; }
.bears-region-list summary::-webkit-details-marker { display: none; }
.bears-region-list summary:hover { color: #202b33; }
.bears-region-list summary i { color: #69767e; font-size: 10px; transition: transform .18s ease; }
.bears-region-list[open] summary i { transform: rotate(180deg); }
.bears-region-list-inner { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px 22px; width: 100%; max-height: 430px; overflow-y: auto; margin-top: 20px; padding: 0 4px 7px; }
.bears-region-list-inner button { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; min-width: 0; padding: 10px 0; border: 0; border-bottom: 1px solid var(--bears-line); background: transparent; color: #2c363d; text-align: left; cursor: pointer; font-size: 12px; }
.bears-region-list-inner button:hover { color: var(--bears-accent); }
.bears-region-list-inner strong { flex: none; font-variant-numeric: tabular-nums; }
.bears-legend { display: flex; gap: 3px; margin-top: 12px; }
.bears-legend-swatch { width: 25px; height: 10px; border-radius: 2px; }
.bears-legend-zero { background: #cbd3d8; }.bears-legend-one { background: #e5ccd0; }.bears-legend-two { background: #ce9ca2; }.bears-legend-three { background: #b46d74; }.bears-legend-four { background: #955057; }

.bears-map-stats { max-width: 800px; }
.bears-map-stats-values { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 36px; align-items: end; }
.bears-map-stat { display: flex; align-items: center; flex-direction: column; min-width: 0; }
.bears-map-stat-value { position: absolute; bottom: calc(var(--bar-ratio) * 150px + 10px); left: 50%; transform: translateX(-50%); font-size: 24px; line-height: 1; font-weight: 650; white-space: nowrap; font-variant-numeric: tabular-nums; }
.bears-map-stat-current .bears-map-stat-value { color: #9c4b52; }
.bears-map-stat-track { position: relative; display: flex; align-items: end; width: min(100%, 150px); height: 190px; border-bottom: 1px solid #bdc7cd; }
.bears-map-stat-track span { display: block; width: 100%; height: calc(var(--bar-ratio) * 150px); min-height: 2px; border-radius: 5px 5px 0 0; background: #b9c3c9; }
.bears-map-stat-current .bears-map-stat-track span { background: #ad6970; }
.bears-map-stat-season { margin-top: 11px; color: #516068; font-size: 13px; font-variant-numeric: tabular-nums; }

.bears-actions h2, .bears-faq-band h2 { margin: 0; font-size: 23px; line-height: 1.2; font-weight: 620; }
.bears-actions { padding-block: 16px 32px; background: var(--bears-mist); }
.bears-actions + .bears-articles { padding-top: 8px; }
.bears-support-card { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 27px 30px; border: 1px solid #e4e9ec; border-radius: 8px; background: #fff; }
.bears-support-card > div { max-width: 650px; }
.bears-support-card p { margin-bottom: 0; }
.bears-actions p { margin: 11px 0 19px; color: #56636b; font-size: 14px; line-height: 1.55; }
.bears-share-dialog .site-share--no-heading { padding-top: 0; }
.bears-share-dialog .site-share__actions { gap: 8px; }
.bears-share-dialog .site-share__button { --share-color: #f3f5f6; width: 43px; height: 43px; flex-basis: 43px; border: 1px solid #e0e5e8; color: #3c4850; font-size: 19px; box-shadow: none; }
.bears-share-dialog .site-share__button:hover, .bears-share-dialog .site-share__button:focus-visible { --share-color: #e9eef0; color: #27343b; }
.bears-share-dialog .site-share__button img { width: 21px; height: 21px; }
.bears-share-dialog .site-share__button--max img { filter: invert(1); }
.bears-share-dialog .site-share__button--threads img { filter: none; }
.bears-share-dialog .site-share__link { margin-top: 16px; }
.bears-share-dialog .site-share__link-label { color: #657179; font-size: 12px; font-weight: 500; }
.bears-share-dialog .site-share__link-input { height: 40px; border-color: #e0e6e9; background: #f8f9fa; font-size: 12px; }
.bears-share-dialog .site-share__copy { height: 40px; flex-basis: 40px; border-radius: 6px; background: #e9eef0; color: #36444c; font-size: 15px; }
.bears-share-dialog .site-share__copy:hover, .bears-share-dialog .site-share__copy:focus-visible { background: #dce5e9; color: #27343b; }
.bears-dialog { width: min(100% - 32px, 650px); max-width: 650px; max-height: min(86dvh, 760px); margin: auto; padding: 0; overflow: auto; border: 1px solid rgba(255,255,255,.9); border-radius: 12px; background: rgba(255,255,255,.94); box-shadow: 0 20px 60px rgba(26,37,45,.22); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); color: #273139; }
.bears-dialog::backdrop { background: rgba(26,34,40,.32); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.bears-dialog-inner { position: relative; padding: 28px; }
.bears-dialog h2 { max-width: calc(100% - 40px); margin: 0 0 18px; font-size: 23px; font-weight: 620; }
.bears-dialog h2:focus { outline: none; }
.bears-dialog h3 { margin: 22px 0 8px; font-size: 16px; font-weight: 600; }
.bears-dialog p { margin: 0 0 12px; color: #526069; font-size: 14px; line-height: 1.62; }
.bears-dialog-close { position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 33px; height: 33px; border: 0; border-radius: 50%; background: #eef2f4; color: #526068; cursor: pointer; }
.bears-dialog-close:hover { background: #e4eaed; }
.bears-dialog-close:focus { box-shadow: none; }
.bears-dialog-close:focus-visible { outline: 2px solid #66727a; outline-offset: 2px; }
.bears-dialog .bears-legend { margin: 10px 0 12px; }
.bears-document-dialog { max-width: 480px; }
.bears-document-dialog .bears-document-note { margin: -3px 0 18px; color: var(--bears-muted); font-size: 13px; line-height: 1.55; }
.bears-document-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.bears-document-actions :is(button,a) { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 12px 20px; border: 1px solid #59656b; border-radius: 10px; background: transparent; color: #293238; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.bears-document-actions :is(button,a) i { color: inherit; }
@media (hover: hover) {
  .bears-document-actions :is(button,a):hover { border-color: #293238; background: #293238; color: #fff; transform: translateY(-1px); }
}
.bears-document-actions :is(button,a):active { border-color: #293238; background: #293238; color: #fff; transform: scale(.98); }
.bears-document-actions :is(button,a):focus-visible { outline: 2px solid #293238; outline-offset: 3px; }
.bears-pdf-modal .bears-pdf-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 62px; padding: 10px 18px; border-bottom: 1px solid #e3e8eb; background: rgba(250,251,252,.94); }
.bears-pdf-modal .bears-pdf-header h2 { min-width: 0; margin: 0; color: #273139; font-size: 17px; line-height: 1.25; font-weight: 600; }
.bears-pdf-controls { display: flex; flex: none; align-items: center; gap: 8px; margin-left: auto; }
.bears-pdf-controls .download-wrapper:not(.d-none) { display: flex; }
.bears-pdf-tool { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(202,211,217,.8); border-radius: 50%; background: rgba(238,243,246,.7); color: #46535c; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 2px 7px rgba(40,55,65,.09); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-size: 15px; line-height: 1; text-decoration: none; cursor: pointer; transition: background .18s ease, box-shadow .18s ease, transform .18s ease; }
.bears-pdf-tool:is(:hover,:focus-visible) { background: rgba(224,232,236,.94); color: #26323a; box-shadow: inset 0 1px 0 #fff, 0 3px 9px rgba(40,55,65,.13); text-decoration: none; }
.bears-pdf-tool:active { transform: scale(.95); }
.bears-pdf-tool:focus-visible { outline: 2px solid #536a76; outline-offset: 2px; }
.bears-chart-dialog .bears-map-stats { margin: 62px auto 0; }
.bears-chart-dialog .bears-chart-note { margin: 19px 0 0; font-size: 12px; }
.bears-share-dialog { max-width: 500px; }
.bears-text-link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 13px 28px; border: 1px solid #d4dee2; border-radius: 999px; background: #f7f9fa; color: #27343b; font-size: 16px; font-weight: 560; line-height: 1.5; text-decoration: none; }
.bears-text-link:hover { background: #eef2f4; color: #27343b; }
.bears-support-card .bears-text-link { min-height: 54px; padding: 12px 26px; border-color: #59656b; border-radius: 10px; background: transparent; color: #293238; font-size: 16px; font-weight: 600; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.bears-support-card .bears-text-link i { color: inherit; }
@media (hover: hover) {
  .bears-support-card .bears-text-link:hover { border-color: #293238; background: #293238; color: #fff; transform: translateY(-1px); }
}
.bears-support-card .bears-text-link:active { border-color: #293238; background: #293238; color: #fff; transform: scale(.98); }
.bears-support-card .bears-text-link:focus-visible { outline: 2px solid #293238; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  .bears-support-card .bears-text-link { transition: none; transform: none !important; }
}
.bears-faq-band { padding-block: 62px 80px; background: #fff; }
.bears-faq-band .bears-width { max-width: 900px; }
.bears-signature { margin: 38px 0 0; color: #8a9297; font-size: 12px; font-weight: 500; line-height: 1.4; text-align: center; }
.bears-faqs { margin-top: 22px; border-top: 1px solid var(--bears-line); }
.bears-faqs details { border-bottom: 1px solid var(--bears-line); }
.bears-faqs summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 62px; padding: 13px 0; color: #273138; cursor: pointer; list-style: none; font-size: 15px; font-weight: 560; }
.bears-faqs summary::-webkit-details-marker { display: none; }
.bears-faqs summary i { display: grid; flex: none; place-items: center; width: 30px; height: 30px; border: 1px solid var(--bears-line); border-radius: 50%; color: #65747c; font-size: 11px; transition: transform .18s ease; }
.bears-faqs details[open] summary i { transform: rotate(45deg); }
.bears-faqs details > div { max-width: 780px; padding: 0 48px 20px 0; color: #4e5b62; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.bears-faqs a { color: #3f6470; text-decoration: underline; }

@media (max-width: 760px) {
  #bears-map:focus-visible { outline: none; }
  .bears-width { width: min(100% - 32px, 1120px); }
  .bears-intro { min-height: 170px; padding-block: 34px; }
  .bears-intro h1 { font-size: clamp(29px, 6vw, 38px); }
  .bears-overview { padding-bottom: 46px; }
  .bears-summary { font-size: 15px; }
  .bears-map-band { padding-bottom: 20px; }
  .bears-map-surface { padding: 15px; }
  .bears-map-top { align-items: stretch; flex-direction: column; gap: 14px; }
  .bears-map-top h2 { font-size: 21px; }
  .bears-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 7px; }
  .bears-season-control, .bears-search { width: auto; min-width: 0; }
  .bears-season-trigger { height: 40px; font-size: 12px; }
  .bears-search input { height: 42px; font-size: 16px; }
  .bears-season-trigger { padding-inline: 9px; }
  .bears-search-field > i { left: 10px; font-size: 11px; }
  .bears-search input { padding: 0 7px 0 29px; }
  .bears-search-results button { min-height: 44px; font-size: 16px; }
  .bears-map-shell { height: auto; min-height: 0; }
  .bears-map-shell:not(.is-expanded):not(.is-landscape) #bears-map { height: clamp(300px, 43dvh, 370px); }
  .bears-map-tools { top: 8px; right: 8px; bottom: auto; }
  .bears-map-tools button { width: 36px; height: 36px; }
  .bears-region-panel { top: auto; right: 8px; bottom: 8px; left: 8px; width: auto; max-height: 53%; padding: 16px; }
  .bears-map-shell:not(.is-expanded):not(.is-landscape) .bears-region-panel { position: relative; top: auto; right: auto; bottom: auto; left: auto; max-height: none; margin: 8px; }
  .bears-region-panel h3 { font-size: 17px; }
  .bears-region-list-inner { grid-template-columns: 1fr; max-height: 350px; }
  .bears-map-stats-values { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
  .bears-map-stat-middle { display: none; }
  .bears-map-stat-value { bottom: calc(var(--bar-ratio) * 120px + 9px); font-size: 20px; }
  .bears-map-stat-track { width: min(100%, 128px); height: 155px; }
  .bears-map-stat-track span { height: calc(var(--bar-ratio) * 120px); }
  .bears-support-card { align-items: flex-start; flex-direction: column; gap: 19px; padding: 23px; }
  .bears-support-card .bears-text-link { width: 100%; }
  .bears-dialog-inner { padding: 23px; }
  .bears-chart-dialog .bears-map-stats { margin-top: 62px; }
  .bears-faq-band { padding-block: 52px 64px; }
}
@media (orientation: landscape) and (max-height: 600px) and (pointer: coarse) {
  .bears-map-shell.is-landscape .bears-region-panel { top: 10px; right: max(56px, env(safe-area-inset-right)); bottom: auto; left: auto; width: min(310px, 39vw); max-height: calc(100dvh - 20px); padding: 14px; }
  .bears-map-shell.is-landscape .bears-map-tools { top: 10px; right: max(10px, env(safe-area-inset-right)); bottom: auto; }
  .bears-map-shell.is-landscape .bears-history li { padding: 3px 0; }
}
@media (max-width: 390px) {
  .bears-width { width: min(100% - 26px, 1120px); }
  .bears-intro h1 { font-size: 29px; }
  .bears-main-number { font-size: 60px; }
  .bears-total-caption { font-size: 15px; }
  .bears-faqs summary { font-size: 14px; }
}
@media (max-width: 576px) {
  .bears-pdf-modal .bears-pdf-header { padding-inline: 14px; }
  .bears-pdf-modal #pdfViewerWrapper { height: calc(100dvh - 62px); }
  .bears-document-actions :is(button,a) { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .bears-page *, .bears-page *::before, .bears-page *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation-duration: 0s !important; }
  .bears-document-actions :is(button,a) { transition: none; transform: none !important; }
}

.bears-faq-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin-top:28px; }
.bears-faq-groups h3 { margin:0; font-size:19px; line-height:1.3; }
.bears-faq-groups .bears-faqs { margin-top:15px; }
@media(max-width:767px) { .bears-faq-groups { grid-template-columns:minmax(0,1fr); gap:30px; } }

.bears-map-modes { display:flex; gap:4px; width:max-content; max-width:100%; margin:0 0 24px; padding:4px; border-radius:14px; background:#edf1f1; }
.bears-map-modes button, .bears-forest-groups button { border:0; background:transparent; border-radius:10px; padding:10px 16px; font:inherit; color:#52626a; cursor:pointer; }
.bears-map-modes button[aria-pressed="true"] { background:#f6e9e9; color:#8e4349; box-shadow:0 2px 8px #1c302014; }
.bears-map-modes button[data-bears-mode="forest"][aria-pressed="true"] { background:#e7f1e9; color:#315f49; }
.bears-forest-controls { padding:18px 20px 20px; }
.bears-forest-controls[hidden] { display:none; }
.bears-forest-groups { display:flex; flex-wrap:wrap; justify-content:center; gap:4px; width:max-content; max-width:100%; margin:auto; padding:5px; border:2px solid rgba(255,255,255,.96); border-radius:22px; background:rgba(223,229,233,.57); box-shadow:0 5px 15px rgba(54,68,77,.1), inset 0 0 0 1px rgba(155,169,179,.24); }
.bears-forest-groups button { min-height:42px; padding:9px 15px; color:#3e5050; font-size:13px; line-height:1.25; }
.bears-forest-groups button.is-active { background:#315f49; color:#fff; box-shadow:0 2px 8px rgba(29,66,46,.16); }
.bears-forest-controls p { margin:14px 0 0; font-size:12px; line-height:1.55; color:#66757a; }
.bears-forest-controls a { color:inherit; text-decoration:underline; }
.bears-forest-actions { display:none; }
.bears-map-band.is-forest .bears-toolbar, .bears-map-band.is-forest .bears-region-list, .bears-map-band.is-forest .bears-icon-actions:not(.bears-forest-actions), .bears-map-band.is-forest .bears-landscape-bar { display:none; }
.bears-map-band.is-forest .bears-forest-actions { display:flex; }
@media(max-width:767px) { .bears-map-modes { margin-bottom:18px; width:100%; } .bears-map-modes button { flex:1; padding:9px; font-size:13px; } .bears-forest-controls { padding:15px; } .bears-forest-groups button { padding:9px 11px; } }
.bears-map-band.map-screen-open.is-forest .bears-forest-controls { position:fixed; z-index:2100; left:12px; right:12px; bottom:max(12px,env(safe-area-inset-bottom)); max-width:760px; margin:auto; padding:10px; border:1px solid #dbe4df; border-radius:14px; background:#fffffff5; box-shadow:0 8px 24px #20382a24; }
.bears-map-band.map-screen-open.is-forest .bears-forest-controls p { margin:6px 4px 0; font-size:11px; line-height:1.3; }

.bears-intro { min-height:0; padding:58px 0 35px; }
.bears-intro-subtitle { margin:12px auto 0; color:#66727a; font-size:15px; line-height:1.5; }
.bears-intro .bears-summary { margin:22px auto 0; max-width:720px; }
.bears-overview { padding:0 0 54px; }
.bears-overview-inner { max-width:900px; padding-top:26px; }
.bears-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; align-items:start; }
.bears-metric { padding:0 22px; min-width:0; }
.bears-metric .bears-season-kicker { display:flex; align-items:flex-end; justify-content:center; column-gap:.3em; row-gap:0; flex-wrap:wrap; min-height:2.8em; }
.bears-metric + .bears-metric { border-left:1px solid #d9e0e4; }
.bears-metric-number { font-size:clamp(33px,4vw,54px); font-weight:650; line-height:1.15; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.bears-metric .bears-total-caption { max-width:350px; margin:8px auto 0; font-size:15px; line-height:1.45; }
.bears-growth { margin:8px 0 0; color:#77858b; font-size:12px; line-height:1.45; }
@media(max-width:600px) { .bears-intro { padding:42px 0 27px; } .bears-intro .bears-summary { margin-top:17px; font-size:14px; line-height:1.6; } .bears-overview { padding-bottom:37px; } .bears-overview-inner { padding-top:22px; } .bears-metric { padding:0 10px; } .bears-metric-number { font-size:clamp(20px,6vw,30px); } .bears-metric .bears-total-caption { font-size:12px; } .bears-growth { font-size:11px; } }

/* Forest map controls and onboarding */
.bears-map-modes button[aria-pressed="true"],.bears-map-modes button[data-bears-mode="forest"][aria-pressed="true"] {background:#fff;color:#26343b;box-shadow:0 2px 8px #1c302014}
.bears-map-band.is-forest .bears-toolbar {display:flex}
.bears-map-band.is-forest .bears-season-control {display:none}
.bears-forest-notice {position:absolute;z-index:500;top:12px;left:12px;max-width:min(310px,calc(100% - 80px));display:flex;align-items:start;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 3px 14px #20382a22;color:#40534a;font-size:12px;line-height:1.4}
.bears-forest-notice button {border:0;background:none;color:inherit;font-size:19px;line-height:1;cursor:pointer}
.bears-forest-notice[hidden],.bears-tour[hidden],.bears-map-tools button[hidden],.bears-forest-groups button[hidden] {display:none!important}
.bears-tour {position:absolute;inset:0;z-index:650;display:flex;align-items:center;justify-content:center;padding:18px;background:#263b3030}
.bears-tour-card {width:min(420px,100%);max-height:100%;overflow:auto;padding:24px;border-radius:18px;background:#fff;box-shadow:0 14px 36px #1a302a25;color:#26343b}
.bears-tour-step {font-size:12px;color:#728078}.bears-tour-card h3 {margin:10px 0;font-size:21px;line-height:1.2}.bears-tour-card p {margin:0;font-size:14px;line-height:1.55}.bears-tour-card button {display:block;margin:18px 0 0 auto;border:0;border-radius:10px;padding:10px 16px;background:#26343b;color:#fff;font:inherit;cursor:pointer}
.bears-forest-years {display:flex;justify-content:center;gap:4px;margin:10px auto 0}.bears-forest-years button {border:0;border-radius:8px;padding:6px 14px;background:transparent;color:#697779;font:inherit;font-size:12px;cursor:pointer}.bears-forest-years button[aria-pressed="true"] {background:#e7eeea;color:#254b38}
@media(max-width:767px) {.bears-map-band.is-forest .bears-toolbar {display:grid;grid-template-columns:minmax(0,1fr)} .bears-tour-card {padding:19px}.bears-forest-notice {top:8px;left:8px}}

/* Forest navigation follows the bear map controls, including their neutral selection. */
.bears-forest-groups { flex-wrap:nowrap; align-items:center; }
.bears-forest-region-tabs, .bears-forest-tools { display:flex; align-items:stretch; gap:4px; min-width:0; }
.bears-forest-region-tabs button { min-width:0; }
.bears-forest-tools { flex:none; }
.bears-forest-tools button { display:grid; place-items:center; flex:none; width:42px; height:42px; padding:0; font-size:16px; }
.bears-forest-groups button.is-active, .bears-forest-tools button.is-active { background:rgba(171,182,190,.37); color:#202b33; box-shadow:inset 0 1px 5px rgba(80,94,104,.1); }
.bears-forest-groups button:is(:hover,:focus-visible) { color:#202b33; }
@media(max-width:767px) {
  .bears-forest-controls { padding:15px 0 2px; }
  .bears-forest-groups { display:flex; flex-direction:column; gap:10px; width:100%; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
  .bears-forest-region-tabs, .bears-forest-tools { padding:5px; border:2px solid rgba(255,255,255,.96); background:rgba(223,229,233,.57); box-shadow:0 5px 15px rgba(54,68,77,.1), inset 0 0 0 1px rgba(155,169,179,.24); }
  .bears-forest-region-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; border-radius:18px; }
  .bears-forest-region-tabs button { min-height:50px; padding:7px 4px; font-size:12px; line-height:1.25; overflow-wrap:anywhere; }
  .bears-forest-tools { width:max-content; border-radius:999px; }
  .bears-forest-tools button { width:44px; height:44px; padding:0; border-radius:50%; }
  .bears-map-band.map-screen-open.is-forest .bears-forest-controls { left:12px; right:12px; padding:0; border:0; background:transparent; box-shadow:none; }
}

/* A selected region stays clear while the surrounding map recedes. */
.bears-map-shell.is-forest-region-focused .bears-base-pane { filter:blur(5px); }
.bears-map-shell.is-forest-region-focused .bears-glass-pane { background:rgba(231,237,234,.76); backdrop-filter:blur(6px) saturate(.7); -webkit-backdrop-filter:blur(6px) saturate(.7); }
.bears-map-shell.is-forest-region-focused .bears-focus-pane path { filter:drop-shadow(0 8px 10px rgba(29,46,37,.38)); }
.bears-region-toast[hidden] { display:none !important; }
.bears-region-toast { position:absolute; z-index:615; top:12px; left:12px; display:flex; align-items:center; gap:10px; box-sizing:border-box; max-width:min(330px,calc(100% - 130px)); padding:9px 10px 9px 14px; border-radius:12px; background:#26343b; color:#fff; box-shadow:0 4px 14px rgba(30,42,45,.2); font-size:14px; line-height:1.3; animation:bears-region-toast-in .18s ease-out; }
.bears-region-toast span { min-width:0; overflow-wrap:anywhere; }
.bears-region-toast button { display:grid; place-items:center; flex:none; width:26px; height:26px; padding:0; border:0; border-radius:50%; background:transparent; color:#fff; font:inherit; font-size:21px; line-height:1; cursor:pointer; }
.bears-region-toast button:focus-visible { outline:2px solid #fff; outline-offset:1px; }
@keyframes bears-region-toast-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .bears-region-toast { animation:none; } }

/* Forest information uses the same compact controls as the bear map. */
.bears-forest-groups { display:flex; flex-direction:column; gap:10px; width:100%; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.bears-forest-region-tabs, .bears-forest-tools { width:max-content; max-width:100%; padding:5px; border:2px solid rgba(255,255,255,.96); background:rgba(223,229,233,.57); box-shadow:0 5px 15px rgba(54,68,77,.1), inset 0 0 0 1px rgba(155,169,179,.24); }
.bears-forest-region-tabs { border-radius:18px; }
.bears-forest-tools { border-radius:999px; }
.bears-forest-tools button { width:42px; height:42px; border-radius:50%; }
.bears-map-band.is-forest .bears-region-panel { width:min(370px,calc(100% - 90px)); }
.bears-forest-facts p { margin:0; padding:10px 0; color:#4c5b62; font-size:13px; line-height:1.48; }
.bears-forest-facts p + p { border-top:1px solid #dfe6e7; }
.bears-forest-card-wrap { width:min(100%,720px); }
.bears-forest-card-wrap[hidden], .bears-forest-card[hidden], .bears-forest-card-reopen[hidden], .bears-forest-card-pages[hidden] { display:none !important; }
.bears-forest-card { padding:18px 20px; border:1px solid #e1e7e8; border-radius:16px; background:#fff; color:#26343b; text-align:left; }
.bears-forest-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bears-forest-card-head h3 { margin:0; font-size:16px; line-height:1.3; }
.bears-forest-groups .bears-forest-card-head button { flex:none; width:36px; min-height:36px; padding:0; border-radius:50%; color:#617078; font-size:24px; line-height:1; }
.bears-forest-controls .bears-forest-card-text { margin:12px 0 0; color:#4c5b62; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.bears-forest-card-pages { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:10px; color:#6d7a80; font-size:12px; font-variant-numeric:tabular-nums; }
.bears-forest-groups .bears-forest-card-pages button { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; min-height:36px; padding:0; border-radius:50%; background:#f0f3f3; color:#3e5050; }
.bears-forest-card-pages button svg { display:block; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.bears-forest-card-pages button:disabled { opacity:.35; cursor:default; }
.bears-forest-groups .bears-forest-card-reopen { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-height:42px; padding:9px 15px; border:1px solid #dce4e5; border-radius:14px; background:#fff; color:#34454a; text-align:left; }
.bears-forest-card-reopen svg { display:block; flex:none; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.bears-map-band.map-screen-open.is-forest .bears-forest-card { max-height:min(40dvh,320px); overflow:auto; box-shadow:0 8px 24px #20382a24; }
.bears-map-band.map-screen-open.is-forest .bears-forest-controls .bears-forest-card-text { margin:12px 0 0; font-size:14px; line-height:1.5; }
.bears-forest-area { margin:0 0 7px; color:#273b32; font-size:18px; font-weight:650; line-height:1.3; }
.bears-forest-caption { margin:0; color:#66757a; font-size:12px; line-height:1.45; }
.bears-forest-notice { top:auto; right:auto; bottom:12px; left:12px; max-width:min(360px,calc(100% - 80px)); color:#405058; }
.bears-forest-notice button { flex:none; width:28px; height:28px; padding:0; }
.bears-article-card { flex-direction:row; align-items:flex-start; justify-content:space-between; min-height:112px; }
.bears-article-card strong { flex:1; }
.bears-article-card i { flex:none; align-self:flex-start; margin:4px 0 0; }
.forest-chart h3 { margin:22px 0 3px; line-height:1.35; }
.forest-chart > p { margin:0 0 12px; color:#758188; font-size:12px; }
.forest-chart-row { display:grid; grid-template-columns:40px minmax(0,1fr) 60px; align-items:center; gap:10px; margin:9px 0; color:#53636a; font-size:13px; font-variant-numeric:tabular-nums; }
.forest-chart-row strong { text-align:right; color:#28373c; }
.forest-chart-track { display:block; height:10px; overflow:hidden; border-radius:9px; background:#e7eeea; }
.forest-chart-track i { display:block; height:100%; border-radius:inherit; background:#538b6c; }
.forest-chart p.forest-chart-note { margin:11px 0 20px; color:#65747a; font-size:12px; line-height:1.45; }
@media(max-width:767px) {
  .bears-forest-region-tabs { width:100%; }
  .bears-map-band.is-forest .bears-map-shell:not(.is-expanded):not(.is-landscape) .bears-region-panel { position:absolute; top:auto; right:8px; bottom:8px; left:8px; width:auto; max-height:70%; margin:0; }
  .bears-forest-notice { top:auto; bottom:8px; left:8px; }
  .bears-article-card { min-height:0; }
}

/* A compact, balanced introduction across screen sizes. */
.bears-intro { padding:46px 0 28px; }
.bears-intro h1 { font-size:clamp(36px,4.4vw,60px); line-height:1.12; }
.bears-intro-subtitle { margin-top:9px; }
.bears-intro .bears-summary { max-width:620px; margin-top:14px; line-height:1.5; }
@media (max-width:600px) { .bears-intro { padding:34px 0 23px; } .bears-intro h1 { font-size:clamp(30px,9vw,38px); } .bears-intro .bears-summary { margin-top:12px; line-height:1.5; } }

.bears-tour-card { position:relative; }
.bears-tour-card .bears-tour-close { position:absolute; top:10px; right:12px; margin:0; padding:2px 8px; color:#58656a; background:transparent; font-size:24px; line-height:1.2; }
.bears-tour-card .bears-tour-step { display:block; padding-right:30px; }

/* Keep layer selection by the map heading and map filters at the map edge. */
.bears-map-top .bears-map-modes { margin:0; flex-shrink:0; }
.bears-map-shell .bears-toolbar { position:absolute; top:12px; right:12px; z-index:610; display:flex; gap:8px; align-items:flex-start; }
.bears-map-shell .bears-season-control { width:145px; }
.bears-map-shell .bears-search { width:210px; }
.bears-map-shell .bears-season-trigger,.bears-map-shell .bears-search input { background:rgba(255,255,255,.96); box-shadow:0 3px 12px rgba(32,43,49,.12); }
.bears-map-shell.is-landscape .bears-landscape-bar { display:none; }
@media(max-width:767px) {
  .bears-map-top { gap:12px; }
  .bears-map-top .bears-map-modes { width:100%; }
  .bears-map-shell .bears-toolbar, .bears-map-band.is-forest .bears-map-shell .bears-toolbar { top:8px; right:8px; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
  .bears-map-shell .bears-season-control { width:145px; }
  .bears-map-shell .bears-search { width:min(180px,calc(100vw - 100px)); }
}

.bears-map-shell.is-landscape .bears-map-tools { top:auto; bottom:10px; }
.bears-map-shell .bears-season-trigger, .bears-map-shell .bears-search input { box-sizing:border-box; }

.bears-articles-subtitle { margin:8px 0 22px; max-width:680px; color:#68777e; font-size:15px; line-height:1.5; }
@media(max-width:700px) { .bears-articles-subtitle { margin:7px 0 18px; font-size:14px; } }

/* Forest comparisons: vertical bars, with the first year as the baseline. */
.forest-chart h3 { margin-top:24px; }
.forest-bars { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; max-width:400px; margin:22px auto 0; }
.forest-bar { display:flex; flex-direction:column; align-items:center; min-width:0; text-align:center; }
.forest-bar-track { position:relative; display:flex; align-items:end; width:min(100%,110px); height:160px; border-bottom:1px solid #d7e0df; }
.forest-bar-track strong { position:absolute; left:50%; bottom:calc(var(--forest-bar-ratio) * 118px + 8px); transform:translateX(-50%); color:#42524c; font-size:17px; white-space:nowrap; }
.forest-bar-track span { display:block; width:100%; min-height:2px; height:calc(var(--forest-bar-ratio) * 118px); border-radius:5px 5px 0 0; background:#629776; }
.forest-bar-later .forest-bar-track span { background:#b86e75; }
.forest-bar-later .forest-bar-track strong { color:#9b5058; }
.forest-bar-year { margin-top:8px; color:#46565c; font-size:13px; font-weight:600; }
.forest-bar small { margin-top:3px; color:#758188; font-size:12px; line-height:1.35; }
@media(max-width:600px) { .forest-bars { gap:18px; } .forest-bar-track { width:min(100%,90px); } }

/* Keep the notice, search and controls apart in the expanded map. */
.bears-map-band.map-screen-open.is-forest .bears-map-shell .bears-forest-notice { top:max(64px,calc(env(safe-area-inset-top) + 58px)); bottom:auto; left:max(58px,calc(env(safe-area-inset-left) + 54px)); max-width:min(360px,calc(100% - 74px)); max-height:min(180px,calc(100% - 210px)); overflow:auto; }
.bears-map-band.map-screen-open .bears-map-shell .bears-map-tools { top:max(10px,env(safe-area-inset-top)); bottom:auto; left:max(10px,env(safe-area-inset-left)); right:auto; }
.bears-map-band.map-screen-open .bears-map-shell .bears-search { width:min(220px,calc(100vw - 96px)); }
/* Forest action feedback matches the bear map controls. */
.bears-forest-tools button { transition:background .18s ease,box-shadow .18s ease,transform .18s ease; }
.bears-forest-tools button:is(:hover,:focus-visible,.is-active) { background:rgba(171,182,190,.37); box-shadow:inset 0 1px 5px rgba(80,94,104,.1); color:#202b33; }
.bears-forest-tools button:active { transform:scale(.95); }
@media (prefers-reduced-motion:reduce) { .bears-forest-tools button { transition:none; } }
@media(max-width:767px) {
  .bears-map-shell .bears-map-tools { top:8px; bottom:auto; left:8px; right:auto; }
  .bears-map-shell .bears-search { width:min(220px,calc(100vw - 126px)); }
}

/* Compact, accessible map search and a taller mobile map. */
.bears-map-shell .bears-search, .bears-map-band.map-screen-open .bears-map-shell .bears-search { position:relative; width:42px; flex:none; }
.bears-search-toggle { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid rgba(255,255,255,.87); border-radius:50%; background:rgba(255,255,255,.9); color:#38454d; box-shadow:0 2px 9px rgba(39,53,61,.11); cursor:pointer; }
.bears-search-toggle:hover { background:#fff; }
.bears-search-toggle:focus-visible { outline:2px solid #536b68; outline-offset:2px; }
.bears-search-field { position:absolute; top:calc(100% + 6px); right:0; width:min(220px,calc(100vw - 85px)); }
.bears-search-field[hidden] { display:none !important; }
.bears-page .bears-search input:focus-visible { outline:none; border-color:#aab8bd; box-shadow:0 3px 12px rgba(32,43,49,.12); }
@media(max-width:767px) {
  .bears-map-shell:not(.is-expanded):not(.is-landscape) #bears-map { height:clamp(390px,58dvh,520px); }
  .bears-map-shell .bears-toolbar, .bears-map-band.is-forest .bears-map-shell .bears-toolbar { flex-direction:row; align-items:center; }
  .bears-map-shell .bears-search, .bears-map-band.map-screen-open .bears-map-shell .bears-search { width:42px; }
}

/* Answer sheet: same reading behaviour as the knowledge base. */
.bears-faqs summary:focus:not(:focus-visible) { outline:none; }
.bears-faqs summary:focus-visible { outline:2px solid #64747a; outline-offset:3px; border-radius:4px; }
.bears-answer-sheet { width:min(760px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 10px); padding:0; overflow:hidden; overscroll-behavior:contain; border:1px solid #e0e5e6; border-bottom:0; border-radius:24px 24px 0 0; color:#273139; background:#fff; box-shadow:0 22px 68px rgba(16,29,34,.16); }
.bears-answer-sheet[open] { position:fixed; inset:auto 0 0; margin:0 auto; height:var(--bears-sheet-height,min(84dvh,850px)); animation:bears-answer-in .32s cubic-bezier(.22,1,.36,1) both; transition:height .2s cubic-bezier(.22,1,.36,1); }
.bears-answer-sheet.is-dragging { transition:none; }
.bears-answer-sheet::backdrop { background:rgba(18,27,32,.32); }
.bears-answer-sheet:focus { outline:none; }
.bears-answer-inner { position:relative; display:flex; flex-direction:column; height:100%; padding:44px 38px 0; }
.bears-answer-handle { position:absolute; inset:0 62px auto; height:42px; padding:0; display:flex; align-items:flex-start; justify-content:center; border:0; background:transparent; cursor:ns-resize; touch-action:none; }
.bears-answer-handle span { width:38px; height:4px; margin-top:12px; border-radius:4px; background:#d8dfe1; }
.bears-answer-handle:focus-visible, .bears-answer-close:focus-visible { outline:2px solid #64747a; outline-offset:-3px; }
.bears-answer-head { display:flex; align-items:flex-start; gap:12px; flex:none; margin:0 0 14px; }
.bears-answer-head h2 { flex:1; min-width:0; margin:0; font-size:clamp(24px,2.4vw,30px); line-height:1.24; font-weight:600; overflow-wrap:anywhere; max-height:26dvh; overflow:auto; transition:font-size .25s ease,line-height .25s ease,max-height .25s ease; }
.bears-answer-sheet.is-title-condensed h2 { font-size:clamp(18px,1.8vw,21px); line-height:1.2; max-height:2.4em; overflow:hidden; }
.bears-answer-close { display:grid; place-items:center; flex:none; width:44px; height:44px; margin:-7px 0 0; border:0; border-radius:50%; background:transparent; color:#647178; cursor:pointer; }
.bears-answer-close:hover { color:#1e292e; }
.bears-answer-wrap { position:relative; flex:1; min-height:0; margin-right:-28px; }
.bears-answer-wrap.is-scrolled .bears-answer-body { -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.28) 12px,rgba(0,0,0,.82) 34px,#000 52px); mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.28) 12px,rgba(0,0,0,.82) 34px,#000 52px); }
.bears-answer-wrap.has-overflow:not(.is-at-end)::after { content:''; position:absolute; inset:auto 0 0; height:56px; background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 94%); pointer-events:none; }
.bears-answer-body { height:100%; min-height:0; margin:0; padding:0 28px clamp(80px,11dvh,120px) 0; overflow-y:auto; overscroll-behavior:contain; color:#4d585d; font-size:clamp(16px,1.4vw,18px); line-height:1.58; overflow-wrap:anywhere; scrollbar-width:thin; scrollbar-color:#cbd4d7 transparent; }
.bears-answer-body:focus:not(:focus-visible) { outline:none; }
.bears-answer-body a { color:#1864b7; text-decoration:underline; text-underline-offset:2px; }
@media(max-width:650px) {
  .bears-answer-sheet[open] { margin:0; width:100%; max-width:none; border:0; }
  .bears-answer-sheet::backdrop { background:linear-gradient(to bottom,rgba(18,27,32,.32) 0,rgba(18,27,32,.32) calc(100% - 140px),#fff calc(100% - 140px)); }
  .bears-answer-inner { padding:47px 22px env(safe-area-inset-bottom); }
  .bears-answer-head { gap:8px; margin-bottom:12px; }
  .bears-answer-head h2 { font-size:clamp(23px,5.8vw,28px); }
  .bears-answer-sheet.has-long-title h2 { font-size:clamp(20px,5vw,24px); }
  .bears-answer-sheet.is-title-condensed h2 { font-size:clamp(17px,4.3vw,20px); }
  .bears-answer-wrap { margin-right:-14px; }
  .bears-answer-body { padding-right:14px; font-size:17px; }
  .bears-answer-sheet.is-expandable .bears-answer-body { touch-action:none; }
}
@keyframes bears-answer-in { from { transform:translateY(100%); } to { transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .bears-answer-sheet[open], .bears-answer-head h2 { animation:none; transition:none; } }

/* Fire data remain a separate, switchable overlay on the forest map. */
#bears-fire-toggle[aria-pressed="true"] { background:#f7e7de; color:#a44328; box-shadow:0 2px 9px rgba(39,53,61,.12); }
.bears-fire-controls[hidden] { display:none !important; }
.bears-fire-controls { max-width:580px; margin:0 auto 14px; padding:12px 16px; border:1px solid #dce4e3; border-radius:13px; background:#fff; color:#46555b; font-size:13px; line-height:1.4; }
.bears-fire-controls-top { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.bears-fire-controls label { margin:0; font-weight:600; }
.bears-fire-controls select { min-width:82px; min-height:34px; padding:4px 28px 4px 9px; border:1px solid #dce4e3; border-radius:7px; background-color:#f8f9f9; color:#273139; font:inherit; }
.bears-fire-controls #bears-fire-total { margin-left:auto; color:#5e6b70; }
.bears-fire-controls p { margin:7px 0 2px; color:#627177; font-size:12px; line-height:1.4; }
.bears-fire-controls a { color:#516b68; font-size:12px; text-decoration:underline; }
.bears-fire-legend { display:flex; align-items:center; gap:8px; margin-top:8px; color:#627177; font-size:12px; }
.bears-fire-swatches { display:flex; gap:2px; }
.bears-fire-swatches i { width:11px; height:11px; border-radius:2px; background:#e8b79d; }
.bears-fire-swatches i:nth-child(2) { background:#d99a80; }.bears-fire-swatches i:nth-child(3) { background:#c57c6b; }.bears-fire-swatches i:nth-child(4) { background:#aa574e; }
@media(max-width:767px) { .bears-fire-controls { padding:10px 12px; margin-bottom:10px; font-size:12px; }.bears-fire-controls #bears-fire-total { flex-basis:100%; margin-left:0; }.bears-fire-controls p { font-size:11px; } }

.bears-fire-controls select { appearance:none; -webkit-appearance:none; min-width:96px; padding-right:38px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2355666c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:16px; }

.bears-related { padding: 0 0 22px; background: var(--bears-mist); }
.bears-related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.bears-related-card { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; min-width: 0; padding: 24px 26px; border-radius: 14px; background: #fff; color: var(--bears-ink); text-decoration: none; box-shadow: 0 5px 22px rgba(32,43,49,.05); }
.bears-related-card > span { display: grid; gap: 8px; min-width: 0; }
.bears-related-card strong { font-size: 19px; line-height: 1.3; }
.bears-related-card span span { color: #68777e; font-size: 14px; line-height: 1.5; }
.bears-related-card i { flex: none; margin-top: 4px; color: #68777e; }
.bears-related-card:hover { color: var(--bears-ink); text-decoration: none; box-shadow: 0 8px 25px rgba(32,43,49,.1); }
@media(max-width:700px) { .bears-related-grid { grid-template-columns: 1fr; gap: 10px; } .bears-related-card { padding: 20px; } }

/* Match the feedback of the map's icon controls. */
.bears-forest-region-tabs button { transition: background .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease; }
@media (hover:hover) { .bears-forest-region-tabs button:hover { background: rgba(171,182,190,.37); box-shadow: inset 0 1px 5px rgba(80,94,104,.1); color: #202b33; } }
.bears-forest-region-tabs button:focus-visible { background: rgba(171,182,190,.37); box-shadow: inset 0 1px 5px rgba(80,94,104,.1); color: #202b33; }
.bears-forest-region-tabs button:active { transform: scale(.98); }
@media (prefers-reduced-motion:reduce) { .bears-forest-region-tabs button { transition: none; } }

/* Keep region selection out of the way during the introduction. */
.bears-forest-region-tabs[hidden], .bears-search[hidden] { display:none !important; }
/* The search button and map actions share one right-hand column. */
.bears-map-shell .bears-map-tools { top:auto; right:12px; bottom:12px; left:auto; }
.bears-map-shell .bears-map-tools button { width:42px; height:42px; }
.bears-map-band.map-screen-open .bears-map-shell .bears-map-tools { top:auto; right:max(10px, env(safe-area-inset-right)); bottom:max(12px, env(safe-area-inset-bottom)); left:auto; }
.bears-map-band.map-screen-open .bears-map-shell .bears-toolbar { right:max(10px, env(safe-area-inset-right)); }
.bears-map-band.map-screen-open.is-forest .bears-map-shell .bears-map-tools { bottom:var(--bears-tools-bottom, max(12px, env(safe-area-inset-bottom))); }
.bears-map-shell:has(.bears-search-toggle[aria-expanded="true"]) .bears-map-tools { visibility:hidden; }
@media(max-width:767px) {
  .bears-map-shell .bears-map-tools { top:auto; right:8px; bottom:8px; left:auto; }
  .bears-map-band.map-screen-open.is-forest .bears-forest-controls { box-sizing:border-box; max-height:max(150px, calc(100dvh - 300px)); overflow-y:auto; overscroll-behavior:contain; }
}
@media(max-height:600px) {
  .bears-map-band.map-screen-open .bears-map-shell .bears-map-tools { gap:4px; }
  .bears-map-band.map-screen-open .bears-map-shell .bears-map-tools button { width:32px; height:32px; }
  .bears-map-band.map-screen-open.is-forest .bears-forest-controls { box-sizing:border-box; max-height:max(50px, calc(100dvh - 265px)); overflow-y:auto; overscroll-behavior:contain; }
}

/* A small fact card over the selected area; the map stays visible behind it. */
.bears-forest-card-overlay[hidden] { display:none !important; }
.bears-forest-card-overlay { position:absolute; inset:0; z-index:640; display:flex; align-items:center; justify-content:center; padding:18px; background:rgba(25,39,33,.25); }
.bears-map-band.map-screen-open.has-forest-card .bears-map-shell { z-index:2201; }
.bears-forest-card-overlay .bears-forest-card { width:min(420px,100%); max-height:100%; overflow:auto; box-sizing:border-box; padding:24px; border:1px solid #e5eae7; border-radius:18px; background:#fff; box-shadow:0 14px 36px rgba(26,48,42,.16); color:#26343b; }
.bears-forest-card-overlay .bears-forest-card-head h3 { margin:0; font-size:21px; line-height:1.25; font-weight:650; }
.bears-forest-card-overlay .bears-forest-card-head button { display:grid; place-items:center; flex:none; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:transparent; color:#617078; font-size:24px; line-height:1; cursor:pointer; }
.bears-forest-card-overlay .bears-forest-card-text { margin:16px 0 0; color:#4c5b62; font-size:14px; line-height:1.55; overflow-wrap:anywhere; }
.bears-forest-card-overlay .bears-forest-card-pages button { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:#f0f3f3; color:#3e5050; cursor:pointer; }
.bears-forest-card-overlay .bears-forest-card-pages button:disabled { opacity:.35; cursor:default; }
.bears-forest-card-overlay button:focus:not(:focus-visible) { outline:none; }
.bears-forest-card-overlay button:focus-visible { outline:2px solid #536b68; outline-offset:2px; }
@media(max-width:767px) { .bears-forest-card-overlay .bears-forest-card { padding:20px; } .bears-forest-card-overlay .bears-forest-card-head h3 { font-size:19px; } }

/* Keep each fact and its navigation inside the available map, including fullscreen. */
.bears-map-band.map-screen-open.is-forest .bears-forest-card-overlay .bears-forest-card,
.bears-forest-card-overlay .bears-forest-card { max-height:100%; overflow:hidden; }
.bears-fire-collapse { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:34px; padding:2px 0; border:0; background:transparent; color:#34454a; font:inherit; font-weight:600; text-align:left; cursor:pointer; }
.bears-fire-collapse svg { display:block; width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .18s ease; }
.bears-fire-collapse[aria-expanded="true"] svg { transform:rotate(0deg); }
.bears-fire-collapse:focus-visible { outline:2px solid #536b68; outline-offset:3px; border-radius:4px; }
#bears-fire-details[hidden] { display:none !important; }
@media(max-height:500px) { .bears-forest-card-overlay { padding:8px; } .bears-forest-card-overlay .bears-forest-card { padding:12px 16px; } .bears-forest-card-overlay .bears-forest-card-head h3 { font-size:17px; } .bears-forest-card-overlay .bears-forest-card-text { margin-top:8px; font-size:13px; line-height:1.35; } .bears-forest-card-overlay .bears-forest-card-pages { margin-top:6px; } }
@media(prefers-reduced-motion:reduce) { .bears-fire-collapse svg { transition:none; } }

/* The area menu sits beside search on every screen size. */
.bears-mobile-regions, .bears-mobile-regions[hidden], .bears-mobile-regions-menu[hidden] { display:none !important; }
.bears-map-band.is-forest .bears-mobile-regions:not([hidden]) { position:relative; display:block !important; flex:none; }
.bears-map-band.is-forest .bears-forest-region-tabs { display:none !important; }
.bears-mobile-regions-toggle { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid rgba(255,255,255,.87); border-radius:50%; background:rgba(255,255,255,.9); color:#38454d; box-shadow:0 2px 9px rgba(39,53,61,.11); cursor:pointer; }
.bears-mobile-regions-menu:not([hidden]) { position:absolute; top:calc(100% + 6px); right:0; display:grid; width:min(235px,calc(100vw - 48px)); padding:6px; border:1px solid #dce4e5; border-radius:14px; background:#fff; box-shadow:0 8px 25px rgba(32,43,49,.14); }
.bears-mobile-regions-menu button { min-height:44px; padding:10px 12px; border:0; border-radius:9px; background:transparent; color:#34454a; font:inherit; font-size:14px; line-height:1.25; text-align:left; cursor:pointer; }
.bears-mobile-regions-menu button[aria-pressed="true"] { background:#eef2f1; }
.bears-mobile-regions-toggle:focus-visible, .bears-mobile-regions-menu button:focus-visible { outline:2px solid #536b68; outline-offset:2px; }

/* Avoid expensive blur and shadow repaints while the map is moving. */
.bears-map-shell.is-map-moving:not(.is-focused) .bears-base-pane { filter:none; }
.bears-map-shell.is-map-moving:not(.is-focused) .bears-glass-pane { backdrop-filter:none; -webkit-backdrop-filter:none; }
.bears-map-shell.is-map-moving:not(.is-focused) .bears-focus-pane path { filter:none; }

.bears-fire-controls { box-sizing:border-box; overflow:hidden; }
.bears-forest-action-row { display:flex; align-items:center; justify-content:center; gap:9px; max-width:100%; }
.bears-forest-groups .bears-fire-reopen { display:grid; place-items:center; flex:none; width:48px; height:48px; min-height:48px; padding:0; border:2px solid rgba(255,255,255,.96); border-radius:50%; background:rgba(223,229,233,.75); box-shadow:0 5px 15px rgba(54,68,77,.1), inset 0 0 0 1px rgba(155,169,179,.24); color:#43555a; font-size:16px; cursor:pointer; }
.bears-forest-groups .bears-fire-reopen[hidden] { display:none !important; }
.bears-forest-groups .bears-fire-reopen.is-entering { animation:bears-fire-reopen-in .5s cubic-bezier(.22,1,.36,1) both; }
.bears-forest-groups .bears-fire-reopen:hover { background:#e4eae8; }
.bears-forest-groups .bears-fire-reopen:focus-visible { outline:2px solid #536b68; outline-offset:2px; }
@keyframes bears-fire-reopen-in { from { opacity:0; transform:scale(.82) translateY(-5px); } to { opacity:1; transform:scale(1) translateY(0); } }
.bears-map-band.map-screen-open.is-forest .bears-forest-controls { border:0; background:transparent; box-shadow:none; pointer-events:none; }
.bears-map-band.map-screen-open.is-forest .bears-forest-groups { pointer-events:none; }
.bears-map-band.map-screen-open.is-forest .bears-fire-controls,
.bears-map-band.map-screen-open.is-forest .bears-forest-tools,
.bears-map-band.map-screen-open.is-forest .bears-fire-reopen { pointer-events:auto; }
@media(prefers-reduced-motion:reduce) { .bears-forest-groups .bears-fire-reopen.is-entering { animation:none; } }

/* Compact, optional scientific overview; the forest layer remains separate. */
#bears-zones-toggle[aria-pressed="true"] { background:rgba(171,182,190,.37); color:#202b33; box-shadow:inset 0 1px 5px rgba(80,94,104,.1); }
.bears-zones-legend[hidden] { display:none !important; }
.bears-zones-legend { position:absolute; top:12px; left:12px; z-index:501; max-width:min(240px,calc(100% - 135px)); color:#34454a; font-size:12px; line-height:1.4; }
.bears-zones-legend summary { padding:8px 11px; border:1px solid #dbe4e0; border-radius:11px; background:#fff; box-shadow:0 3px 12px rgba(39,53,61,.10); cursor:pointer; list-style:none; }
.bears-zones-legend summary::-webkit-details-marker { display:none; }
.bears-zones-key { margin-top:4px; padding:10px 12px; border:1px solid #dbe4e0; border-radius:11px; background:#fff; box-shadow:0 3px 12px rgba(39,53,61,.10); }
.bears-zones-key ul { list-style:none; padding:0; margin:0; }
.bears-zones-key li { display:flex; align-items:center; gap:7px; margin:3px 0; }
.bears-zones-key i { width:11px; height:11px; border-radius:3px; flex:none; }
.bears-zones-key p { margin:8px 0 4px; line-height:1.4 !important; }
.bears-zones-key { max-height:min(52vh, 360px); overflow-y:auto; overscroll-behavior:contain; }
.bears-zones-key a { color:#4b6b5b; text-decoration:underline; }
.has-natural-zones .bears-region-toast { top:58px; }

/* Short hover labels are for pointer devices; accessible names remain available everywhere. */
@media (hover:hover) and (pointer:fine) {
  .bears-forest-tools button[aria-label], .bears-icon-actions button[aria-label], .bears-map-tools button[aria-label] { position:relative; }
  .bears-forest-tools button[aria-label]::after, .bears-icon-actions button[aria-label]::after, .bears-map-tools button[aria-label]::after { content:attr(aria-label); position:absolute; bottom:calc(100% + 8px); left:50%; transform:translate(-50%,4px); z-index:20; width:max-content; max-width:200px; padding:6px 9px; border-radius:7px; background:#303d42; color:#fff; font-size:11px; font-weight:400; line-height:1.25; pointer-events:none; opacity:0; transition:opacity .16s ease,transform .16s ease; }
  .bears-forest-tools button[aria-label]:hover::after, .bears-icon-actions button[aria-label]:hover::after, .bears-map-tools button[aria-label]:hover::after { opacity:1; transform:translate(-50%,0); }
  .bears-map-tools button[aria-label]::after { bottom:auto; top:50%; left:auto; right:calc(100% + 8px); transform:translate(4px,-50%); }
  .bears-map-tools button[aria-label]:hover::after { transform:translate(0,-50%); }
}

/* Road facts: consistent rhythm across map and fullscreen layouts. */
.bears-roads-controls { padding:18px 22px 20px; color:#384a50; }
.bears-roads-controls .bears-fire-collapse { min-height:28px; padding:0; font-size:14px; line-height:1.35; }
.bears-roads-controls #bears-roads-details { padding-top:12px; }
.bears-roads-controls #bears-roads-details .bears-roads-intro { margin:0 0 16px; padding:0; color:#43535a; font-size:13px; line-height:1.55; }
.bears-roads-controls .bears-roads-facts { display:grid; gap:12px; margin:0; padding:0; list-style:none; counter-reset:road-fact; }
.bears-roads-controls .bears-roads-facts li { display:grid; grid-template-columns:20px minmax(0,1fr); gap:8px; align-items:start; margin:0; padding:0; border:0; color:#43535a; font-size:13px; line-height:1.5; counter-increment:road-fact; }
.bears-roads-controls .bears-roads-facts li::before { content:counter(road-fact, decimal-leading-zero); color:#84918f; font-size:11px; font-weight:600; line-height:1.8; }
.bears-roads-controls #bears-roads-details .bears-roads-note { margin:16px 0 0; padding:12px 0 0; border-top:1px solid #e8edeb; color:#728087; font-size:11px; line-height:1.5; }
.bears-map-band.map-screen-open.is-forest .bears-roads-controls { pointer-events:auto; }
@media(max-width:767px) { .bears-roads-controls { padding:15px 16px 17px; }.bears-map-band.map-screen-open.is-forest .bears-roads-controls { max-height:min(48vh,360px); overflow-y:auto; overscroll-behavior:contain; }.bears-roads-controls .bears-roads-facts { gap:10px; } }

/* Keep native scrolling; use a gentle fade only on touch screens while more content remains. */
@media (hover:none) and (pointer:coarse) {
  .bears-map-band.map-screen-open.is-forest .bears-roads-controls { scrollbar-width:none; }
  .bears-map-band.map-screen-open.is-forest .bears-roads-controls::-webkit-scrollbar { display:none; }
  .bears-map-band.map-screen-open.is-forest .bears-roads-controls.has-more::after { content:""; display:block; position:sticky; bottom:-17px; height:28px; margin:-28px -16px -17px; pointer-events:none; background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 88%); }
}

@media(max-width:767px) {
  .bears-map-band.map-screen-open.is-forest .bears-roads-controls .bears-fire-collapse { position:sticky; top:-15px; z-index:2; background:#fff; padding:4px 0 6px; margin-top:-4px; }
  .bears-map-band.map-screen-open.is-forest .bears-roads-controls .bears-fire-collapse::before { content:""; position:absolute; top:100%; left:-16px; right:-16px; height:12px; background:linear-gradient(#fff,rgba(255,255,255,0)); pointer-events:none; }
}