/* T41 UK region guide - page layout only; visual tokens come from css/v2 (map SVG uses fixed art colours) */
.rg-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 48px; align-items: center; }
.rg .psb-hero > .psb-container > * + * { margin-top: 0; }
.rg-hero__body { display: grid; gap: 16px; }
.rg-hero .psb-hero__title--l { margin: 0; color: var(--text-display); }
.rg-map { margin: 0; display: grid; gap: 8px; }
.rg-map svg { width: 100%; height: auto; border: 2px solid var(--ink-900); border-radius: 18px; box-shadow: 6px 6px 0 0 var(--ink-900); }
.rg-map figcaption { font-size: 11px; text-transform: uppercase; color: var(--ink-700); }

.rg-rules { padding-block: 56px 24px; }
.rg-rules__box { max-width: 900px; padding: 28px 32px; }
.rg-rules__box .psb-overline { color: var(--tomato-600); }
.rg-rules__list { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 10px; }
.rg-rules__list li { display: flex; gap: 12px; }
.rg-rules__list li::before { flex: none; font-weight: 700; }
.rg-rules__list .is-no::before { content: "✕"; color: var(--tomato-600); }
.rg-rules__list .is-ok::before { content: "✓"; color: var(--pine-500); }

.rg-finds { padding-block: 40px; }
.rg-st { display: inline-block; padding: 3px 10px; border: 1.5px solid var(--ink-900); border-radius: var(--radius-pill); font: 700 12px/1.3 var(--font-body); color: var(--ink-900); }
.rg-st--common { background: var(--pine-100); }
.rg-st--local { background: var(--butter-100); }
.rg-st--deadly { background: var(--tomato-100); color: var(--tomato-600); }
.rg-table .rg-danger th { color: var(--tomato-600); }

.rg-plan__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.rg-plan__list { margin: 0; display: grid; gap: 18px; }
.rg-plan__list dt { display: flex; gap: 10px; align-items: center; font-weight: 700; color: var(--text-primary); }
.rg-plan__list dt .psb-icon { width: 34px; height: 34px; padding: 6px; border: var(--stroke); border-radius: 10px; background: var(--bg-surface); }
.rg-plan__list dd { margin: 4px 0 0 44px; color: var(--text-secondary); }

.rg-other__list { list-style: none; margin: 0; padding: 0; }
.rg-other__list .psb-pill { cursor: default; }

@media (max-width: 1100px) {
    .rg-hero__grid, .rg-plan__grid { grid-template-columns: 1fr; }
    .rg-map { max-width: 460px; }
}
@media (max-width: 600px) {
    .rg-rules { padding-top: 32px; }
    .rg-rules__box { padding: 20px; }
    /* finds table becomes cards */
    .rg-table { border: 0; background: none; overflow: visible; }
    .rg-table .psb-table { min-width: 0; }
    .rg-table thead { position: absolute; left: -9999px; }
    .rg-table tr { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; margin-bottom: 10px; padding: 12px 14px; border: var(--stroke); border-radius: 14px; background: var(--bg-surface); }
    .rg-table tr.rg-danger { background: var(--tomato-100); }
    .rg-table tbody th, .rg-table td { padding: 0; border: 0; background: none !important; white-space: normal !important; font-size: 13px; }
    .rg-table tbody th { font-size: 15px; }
    .rg-table td:nth-child(2) { grid-column: 1; color: var(--text-secondary); }
    .rg-table td:nth-child(3) { grid-column: 1; color: var(--text-secondary); }
    .rg-table td:nth-child(4) { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
    .rg-table tr.rg-danger td { color: var(--ink-700); }
}
@media (max-width: 700px) { .rg-plan .psb-pick .psb-media { max-width: 140px; } }