.visit-view { --visit-blue: #254e77; }
.visit-heading { margin: 8px 0 20px; }
.visit-heading .eyebrow { margin-bottom: 6px; color: var(--accent); font-weight: 800; }
.visit-heading h1 { margin: 0; font-size: clamp(22px, 4.5vw, 32px); line-height: 1.4; }
.visit-heading > p:last-child { margin: 8px 0 0; color: var(--muted); font-size: 13px; }
.visit-stores { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
.visit-stores a { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; font-size: 14px; font-weight: 800; text-decoration: none; }
.visit-stores a.selected { border-color: var(--accent); background: var(--accent); color: #fff; }
.visit-stores span { opacity: .65; }
.visit-intro p { line-height: 1.8; }
.visit-freshness { display: grid; gap: 10px; padding: 14px 16px; margin-bottom: 14px; border-radius: 13px; background: #eaf4ed; }
.visit-freshness > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.visit-freshness span { color: #466551; font-size: 11px; font-weight: 700; }
.visit-freshness strong { color: #1c5335; font-size: 19px; }
.visit-freshness b { color: #466551; font-size: 12px; }
.visit-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; }
.visit-filters label { display: grid; gap: 6px; min-width: 0; font-size: 12px; font-weight: 800; }
.visit-filters input, .visit-filters select { width: 100%; min-width: 0; min-height: 46px; padding: 10px; border: 1px solid #bac8bf; border-radius: 9px; background: #fff; color: var(--ink); font-size: 16px; }
.visit-machine, .visit-filter-actions, .visit-filter-help { grid-column: 1 / -1; }
.visit-filter-actions { display: flex; align-items: center; gap: 18px; }
.visit-filter-actions button { min-height: 48px; flex: 1; font-size: 14px; }
.visit-filter-actions a { font-size: 12px; white-space: nowrap; }
.visit-filter-help { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.visit-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 24px 0 8px; }
.visit-result-heading h2 { margin: 0; font-size: 22px; }
.visit-result-heading h2 span { color: var(--muted); font-size: 13px; }
.visit-result-heading p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.visit-result-heading > a { flex-shrink: 0; padding: 12px 0 12px 10px; font-size: 12px; font-weight: 800; }
.visit-evidence-note { margin: 0 0 14px; color: #785521; font-size: 11px; line-height: 1.7; }
.visit-result { padding: 16px; margin: 0 0 12px; }
.visit-result > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding-bottom: 12px; }
.visit-date { color: var(--ink); font-size: 21px; font-weight: 850; text-decoration: none; }
.visit-date small { font-size: 12px; font-weight: 600; }
.visit-result > header p { margin: 5px 0 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.visit-status { display: grid; flex-shrink: 0; gap: 2px; padding: 6px 9px; border-radius: 8px; background: #f3ede1; color: #85571b; font-size: 11px; font-weight: 800; text-align: center; }
.visit-status span { font-size: 9px; font-weight: 500; }
.visit-status.confirmed { background: #e5f2e9; color: #23643b; }
.visit-status.legacy { background: #edf0f5; color: #536478; }
.visit-items { margin: 0; padding: 0; list-style: none; }
.visit-items > li { padding: 12px 0; border-top: 1px solid var(--line); }
.visit-item-heading { display: flex; align-items: flex-start; gap: 8px; }
.visit-item-heading h3 { margin: 2px 0 0; font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
.visit-frame { flex-shrink: 0; max-width: 105px; padding: 5px 7px; border-radius: 6px; background: #f1f2f3; color: #536478; font-size: 10px; font-weight: 800; line-height: 1.45; }
.visit-frame.mushroom { background: #eee7f8; color: #684295; }
.visit-frame.gold { background: #fff1c7; color: #8b640d; }
.visit-frame.red { background: #ffebeb; color: #a94a4a; }
.visit-item-facts { display: flex; flex-wrap: wrap; gap: 5px 14px; margin-top: 7px; color: var(--muted); font-size: 11px; }
.visit-item-note { margin: 5px 0 0; color: #885c22; font-size: 11px; }
.visit-record-links { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--line); }
.visit-record-links .button { min-height: 44px; padding: 10px 15px; background: #f2f7f4; color: var(--accent); font-size: 12px; }
.visit-record-links > a:not(.button) { padding: 10px 0; font-size: 12px; font-weight: 700; }
.visit-source-missing { color: var(--muted); font-size: 11px; }
.visit-warning { margin-top: 8px; color: #845f26; font-size: 11px; line-height: 1.65; }
.visit-warning summary { padding: 7px 0; cursor: pointer; }
.visit-warning p, .visit-warning ul { margin: 3px 0; padding: 8px; border-radius: 7px; background: #fff7e6; overflow-wrap: anywhere; }
.visit-warning ul { padding-left: 23px; }
.visit-record-id { margin: 12px 0 0; color: var(--muted); font-size: 9px; overflow-wrap: anywhere; }
.visit-empty { padding: 24px 18px; text-align: center; }
.visit-empty h2 { font-size: 17px; }
.visit-empty p { color: var(--muted); font-size: 13px; line-height: 1.8; }
.visit-empty-actions { display: grid; gap: 8px; }
.visit-empty-actions .button { min-height: 44px; font-size: 12px; }
.visit-pagination { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; margin: 20px 0; text-align: center; font-size: 12px; }
.visit-pagination .button { min-height: 44px; padding: 11px 6px; font-size: 12px; }
.visit-next-links { display: grid; gap: 8px; margin: 24px 0; }
.visit-next-links a { padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; font-size: 13px; font-weight: 700; text-align: center; }
.visit-view :focus-visible { outline: 3px solid #327dac; outline-offset: 3px; }
@media (min-width: 700px) { .visit-stores { grid-template-columns: repeat(4, minmax(0, 1fr)); } .visit-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); } .visit-machine { grid-column: 1 / -1; } .visit-filter-actions { max-width: 430px; width: 100%; } .visit-next-links { grid-template-columns: 1fr 1fr; } }
@media (max-width: 380px) { .visit-stores a { padding: 10px; font-size: 12px; } .visit-result { padding: 12px; } .visit-date { font-size: 18px; } .visit-frame { max-width: 88px; font-size: 9px; } .visit-filter-actions { gap: 10px; } .visit-filter-actions a { font-size: 11px; } }