/* The Idaho pages (seo/build-idaho.cjs): the unit map, the land figures and text cells in the season tables. */
.id-map { display: block; width: 100%; max-width: 460px; height: auto; margin: 16px auto 8px; }
.gu { stroke: var(--muted); stroke-width: 0.5; fill: var(--card); transition: fill 0.12s; }
.gu.elk { fill: var(--accent); fill-opacity: 0.55; }
.gu.deer { fill: var(--ok); fill-opacity: 0.35; }
a:hover .gu, a:focus-visible .gu { fill-opacity: 0.9; stroke: var(--ink); stroke-width: 1.2; }
a:focus-visible { outline: none; }
.gl { font: 600 7px/1 var(--mono, monospace); fill: var(--ink); text-anchor: middle; dominant-baseline: middle; pointer-events: none; }
.id-key .k { display: inline-block; width: 12px; height: 12px; margin: 0 4px 0 12px; vertical-align: -1px; border: 1px solid var(--line); background: var(--card); }
.id-key .k:first-child { margin-left: 0; }
.id-key .k.elk { background: var(--accent); opacity: 0.7; }
.id-key .k.deer { background: var(--ok); opacity: 0.5; }
.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; margin: 16px 0 8px; }
.facts div { border: 1px solid var(--line); background: var(--card); padding: 12px 14px; border-radius: 2px; }
.facts b { display: block; font-family: var(--display, inherit); font-size: 1.9rem; line-height: 1; color: var(--accent); }
.facts span { display: block; margin-top: 6px; font-size: 0.9rem; color: var(--muted); }
td.t { text-align: left; white-space: normal; min-width: 9em; }