.trail-overview{margin:25px 0}.overview-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:24px 0}.overview-summary>div{padding:18px 20px;background:white;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:12px}.overview-summary strong{font-size:30px;font-weight:650;line-height:1.2}.overview-summary span{font-size:12px;color:var(--muted);line-height:1.4}.overview-summary i{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#44855d}.overview-summary .limited i{background:#d3a243}.overview-summary .closed i{background:#bd776a}.overview-summary .unknown i{background:#899186}.overview-toolbar{display:flex;gap:9px;align-items:center;margin:25px 0 22px;flex-wrap:wrap}.overview-toolbar button{background:white;color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:10px 17px;cursor:pointer;font-size:12px}.overview-toolbar button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.overview-toolbar button:focus-visible{outline:3px solid #acbd6a;outline-offset:3px}.overview-group{margin-bottom:30px}.overview-group-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 13px}.rich-content .overview-group-head h2{font-size:25px;letter-spacing:-.7px;margin:0}.overview-group-head span{font-size:12px;color:var(--muted)}.overview-board{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.overview-labels,.overview-row{display:grid;grid-template-columns:minmax(160px,1.5fr) 65px 1fr 1.2fr;gap:16px;align-items:center;padding:16px 20px}.overview-labels{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;background:#edf1e7;color:var(--muted)}.overview-row{border-top:1px solid #edf0e9;min-height:88px;line-height:1.4}.rich-content .overview-name h3{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:650;letter-spacing:0;margin:0}.overview-name svg{width:21px;height:21px;flex-shrink:0;color:#8c9f8a}.overview-distance{font-size:14px;font-weight:650}.overview-status{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:650}.overview-status svg{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:#e5efdf;color:#377143}.overview-status.limited svg{background:#fbefce;color:#946b26}.overview-status.closed svg{background:#f4e7e1;color:#9c5648}.overview-status.unknown svg{background:#eff0ec;color:#70786c}.overview-condition{font-size:12px;border-radius:7px;padding:7px 11px;display:inline-block;width:max-content;max-width:100%;background:#e9f1e2;color:#4e7040;letter-spacing:0}.overview-condition.trail-condition-limited{background:#fbf0d6;color:#8a6a31}.overview-condition.trail-condition-unprepared,.overview-condition.trail-condition-unknown{background:#eff0ec;color:#70786c}.overview-updated{font-size:10px;color:var(--muted);margin:6px 0 0;line-height:1.4}.overview-note{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted)}.overview-empty{padding:20px;color:var(--muted)}.trail-overview [hidden]{display:none!important}@media(max-width:1000px){.overview-summary>div{padding:14px 12px;gap:7px}.overview-summary strong{font-size:26px}}@media(max-width:760px){.overview-summary{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.overview-summary>div{padding:14px 10px;display:block}.overview-summary strong{font-size:26px}.overview-summary i{display:inline-block;margin-right:6px}.overview-summary span{display:block;margin-top:6px;font-size:10px}.overview-labels{display:none}.overview-row{grid-template-columns:1fr auto;gap:12px;padding:17px;min-height:118px}.overview-distance{text-align:right}.overview-condition{justify-self:end}.overview-group-head span{font-size:10px}.overview-toolbar{gap:6px}.overview-toolbar button{padding:9px 12px}.rich-content .overview-name h3{font-size:14px}}
.overview-labels,.overview-row{grid-template-columns:minmax(160px,1.5fr) 1fr 1.2fr}@media(max-width:760px){.overview-row{grid-template-columns:1fr 1fr}.overview-name{grid-column:1/-1}}

/* Solid traffic lights retain the written status for accessible identification. */
.overview-status{--signal:#15803d;color:#166534}
.overview-status.limited{--signal:#ea580c;color:#9a3412}
.overview-status.closed{--signal:#dc2626;color:#991b1b}
.overview-status.unknown{--signal:#6b7280;color:#4b5563}
.overview-status svg{width:22px;height:22px;background:var(--signal)!important;color:var(--signal)!important;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--signal)}
.overview-status svg circle{fill:var(--signal);stroke:none}
.overview-status svg path{display:none}
.overview-summary i{width:13px;height:13px;background:#15803d;box-shadow:0 0 0 3px #e7f5eb}
.overview-summary .limited i{background:#ea580c;box-shadow:0 0 0 3px #fff0e4}
.overview-summary .closed i{background:#dc2626;box-shadow:0 0 0 3px #fde8e8}
.overview-summary .unknown i{background:#6b7280;box-shadow:0 0 0 3px #eef0f3}

/* Compact overview: shared summary, segmented filters and quiet table rows. */
.trail-overview{margin:20px 0}
.overview-summary{margin:0 0 16px;gap:0;background:#fff;border:1px solid #dce3d9;border-radius:12px;overflow:hidden}
.overview-summary>div{padding:13px 17px;border:0;border-radius:0;background:none;gap:10px;min-width:0}
.overview-summary>div+div{border-left:1px solid #e6ebe3}
.overview-summary strong{font-size:24px;font-weight:700;line-height:1}
.overview-summary span{color:#526357}
.overview-summary i{width:10px;height:10px}
.overview-toolbar{width:fit-content;max-width:100%;padding:4px;gap:4px;margin:0 0 20px;border:1px solid #dce3d9;border-radius:10px;background:#eaf0e6}
.overview-toolbar button{padding:7px 12px;border:0;border-radius:7px;background:transparent;color:#4a6052;font-weight:600;min-height:34px}
.overview-toolbar button[aria-pressed=true]{background:#fff;color:#163f30;box-shadow:0 1px 4px #163f3014}
.overview-group{margin-bottom:22px}
.overview-group-head{margin:18px 0 9px;gap:12px}
.rich-content .overview-group-head h2{font-size:21px;letter-spacing:-.5px;line-height:1.2}
.overview-group-head span{font-size:11px;color:#617266;background:#e8eee3;border-radius:20px;padding:3px 9px}
.overview-board{border-color:#dce3d9;border-radius:12px;box-shadow:0 3px 12px #163f3004}
.overview-labels,.overview-row{grid-template-columns:minmax(160px,1.35fr) minmax(120px,1fr) minmax(120px,1fr);gap:14px;padding:8px 16px}
.overview-labels{line-height:1.4;letter-spacing:1.1px;background:#f1f4ed;color:#617266}
.overview-row{border-color:#e9ede6;min-height:56px;line-height:1.35;transition:background .15s}
.overview-row:nth-child(odd){background:#fafbf8}
.overview-row:hover{background:#f1f5ed}
.rich-content .overview-name h3{gap:8px;font-size:14px;font-weight:700;line-height:1.35}
.overview-name svg{width:17px;height:17px;color:#80967f}
.overview-updated{color:#69776c;margin:3px 0 0;line-height:1.35;font-variant-numeric:tabular-nums}
.overview-status{gap:9px;min-width:0}
.overview-status svg{width:12px;height:12px;box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 13%,white)}
.overview-condition{font-size:11px;font-weight:500;line-height:1.4;border:1px solid #dfe9d7;border-radius:6px;padding:4px 8px;width:fit-content;background:#edf4e7;color:#416237}
.overview-condition.trail-condition-limited{background:#fff4df;border-color:#f2e4c5;color:#886122}
.overview-condition.trail-condition-unprepared,.overview-condition.trail-condition-unknown{background:#f0f2ed;border-color:#e3e7de;color:#64705d}
.overview-note{padding:6px 9px;border-left:2px solid #b8c9aa;background:#f3f6ee;color:#526357}
@media(max-width:1000px){.overview-summary>div{gap:8px;padding:12px}.overview-summary span{font-size:11px}.overview-labels,.overview-row{gap:12px;grid-template-columns:minmax(125px,1.2fr) minmax(105px,1fr) minmax(105px,1fr);padding:8px 13px}}
@media(min-width:601px) and (max-width:760px){.overview-summary>div{display:flex}.overview-summary span{margin:0}.overview-summary i{margin:0}.overview-labels{display:grid}.overview-name{grid-column:auto}.overview-condition{justify-self:start}}
@media(max-width:600px){.overview-summary>div{display:grid;grid-template-columns:10px 1fr;gap:5px 9px;padding:11px 10px}.overview-summary strong{font-size:22px}.overview-summary i{margin:0}.overview-summary span{grid-column:1/-1;font-size:10px;margin:0}.overview-toolbar{margin-bottom:17px;gap:2px}.overview-toolbar button{padding:7px 9px;font-size:11px}.overview-labels{display:none}.overview-row{grid-template-columns:1fr 1fr;gap:8px 12px;padding:11px 13px;min-height:80px}.overview-name{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px}.overview-updated{max-width:120px;text-align:right;font-size:9px;margin:0}.rich-content .overview-name h3{font-size:13px}.overview-condition{justify-self:start}.overview-status{font-size:11px}.overview-group-head span{font-size:10px}}

/* High-contrast status badges keep the full label visible alongside each signal. */
.overview-status{--signal:#15803d;--tint:#dcfce7;--status-ink:#14532d;display:inline-flex;width:fit-content;max-width:100%;box-sizing:border-box;gap:8px;padding:5px 10px;border:1px solid var(--signal);border-radius:7px;background:var(--tint);color:var(--status-ink);font-weight:700;line-height:1.4}
.overview-status.limited{--signal:#ea580c;--tint:#ffedd5;--status-ink:#9a3412;color:var(--status-ink)}
.overview-status.closed{--signal:#dc2626;--tint:#fee2e2;--status-ink:#991b1b;color:var(--status-ink)}
.overview-status.unknown{--signal:#6b7280;--tint:#f3f4f6;--status-ink:#374151;color:var(--status-ink)}
.overview-status svg{width:14px;height:14px;box-shadow:none}
.overview-status svg path{display:block;stroke:#fff;stroke-width:2.5}
.overview-summary .open{background:#f0fdf4;box-shadow:inset 0 3px #15803d}
.overview-summary .limited{background:#fff7ed;box-shadow:inset 0 3px #ea580c}
.overview-summary .closed{background:#fef2f2;box-shadow:inset 0 3px #dc2626}
.overview-summary .unknown{background:#f9fafb;box-shadow:inset 0 3px #6b7280}
.overview-summary i{width:12px;height:12px}
.overview-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
@media(max-width:600px){.overview-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-summary:has(.unknown){grid-template-columns:repeat(2,minmax(0,1fr))}.overview-status{padding:5px 8px}.overview-updated{font-size:10px;max-width:135px}.overview-row{align-items:center}}

.overview-condition-text{display:block;max-width:28ch;margin-top:4px;font-size:11px;font-weight:400;line-height:1.45;white-space:normal;overflow-wrap:anywhere;color:#425347}