.roman-geography{background:#2f3349;border-top:1px solid #ffffff1f;scroll-margin-top:100px}
.roman-geography__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.roman-geography__heading .text-label{margin-bottom:24px}
.roman-geography__heading h2{max-width:700px;line-height:1.08}
.roman-geography__summary{display:flex;align-items:center;gap:18px;color:#bfc6d9;line-height:1.25;flex-shrink:0}
.roman-geography__count{color:#d0b8a1;font-size:76px;line-height:1}
.roman-geography__intro{font-size:22px;color:#bfc6d9;max-width:690px;line-height:1.5;margin:26px 0 40px;white-space:pre-line}
.roman-geography__layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid #ffffff1f}
.roman-geography__panel{min-width:0;background:radial-gradient(ellipse at 45% 40%,#343b51,#252836 75%);display:flex;flex-direction:column}
.roman-geography__map{aspect-ratio:1100/780;position:relative;display:grid;place-items:center;flex:1}
.roman-geography__svg{display:block;width:100%;height:100%;max-height:760px;overflow:hidden}
.roman-geography__loading{padding:30px;color:#bfc6d9;text-align:center}
.roman-map-grid{fill:none;stroke:#ffffff08;stroke-width:1}
.roman-map-country{fill:#394051;stroke:#222635;stroke-width:1.1;stroke-linejoin:round}
.roman-map-country.is-covered{fill:#968878;stroke:#292d3b;cursor:pointer;transition:fill .18s ease}
.roman-map-country.is-covered:hover,.roman-map-country.is-active{fill:#dac5b1;stroke:#f4f1ed;stroke-width:1.5}
.roman-map-marker{cursor:pointer}
.roman-map-marker__hit{fill:transparent}
.roman-map-marker__disc{fill:#252836;stroke:#ead8c5;stroke-width:1.5;transition:fill .18s ease}
.roman-map-marker text{fill:#f4f1ed;font:600 11px Arial,sans-serif;pointer-events:none}
.roman-map-marker:hover .roman-map-marker__disc,.roman-map-marker.is-active .roman-map-marker__disc{fill:#f4f1ed;stroke:#252836;stroke-width:2}
.roman-map-marker:hover text,.roman-map-marker.is-active text{fill:#252836}
.roman-geography__caption{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;border-top:1px solid #ffffff1f;color:#bfc6d9;font-size:16px;line-height:1.4}
.roman-geography__legend{display:inline-flex;align-items:center;gap:10px}
.roman-geography__legend:before{content:'';width:9px;height:9px;background:#b9a58e;border-radius:50%;flex-shrink:0}
.roman-geography__selected{color:#f4f1ed;min-height:23px}
.roman-geography__directory{padding:22px 20px;border-left:1px solid #ffffff1f;background:#292d40}
.roman-geography__hint{font-size:16px;line-height:1.35;color:#bfc6d9;margin-bottom:20px}
.roman-geography__countries{list-style:none;padding:0;margin:0;display:grid;gap:1px}
.roman-geography__countries button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 10px;border:1px solid transparent;border-bottom-color:#ffffff0d;text-align:left;font:inherit;font-size:18px;line-height:1.2;color:#f4f1ed;background:transparent;cursor:pointer;transition:background .18s ease,color .18s ease}
.roman-geography__countries button:hover{background:#ffffff09}
.roman-geography__countries button.is-active{background:#d0b8a1;color:#252836;border-color:#d0b8a1}
.roman-geography__countries button:focus-visible{outline:2px solid #f4f1ed;outline-offset:2px}
.roman-geography__number{font:11px Arial,sans-serif;color:#bfc6d9}
.roman-geography__arrow{margin-left:auto;color:#d0b8a1}
.roman-geography__countries button.is-active .roman-geography__number,.roman-geography__countries button.is-active .roman-geography__arrow{color:#252836}
.roman-geography__note{margin-top:18px;color:#bfc6d9;font-size:15px;line-height:1.5;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.roman-geography__note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.roman-geography__layout{grid-template-columns:minmax(0,1fr)}.roman-geography__directory{border-left:0;border-top:1px solid #ffffff1f}.roman-geography__countries{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 14px}.roman-geography__heading{align-items:flex-start}.roman-geography__count{font-size:62px}.roman-geography__summary{font-size:16px;gap:12px}}
@media(max-width:640px){.roman-geography__heading{display:block}.roman-geography__summary{margin-top:26px}.roman-geography__count{font-size:54px}.roman-geography__intro{font-size:20px;margin:24px 0}.roman-geography__countries{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.roman-geography__countries button{font-size:17px;gap:8px;padding:10px 6px;min-height:46px}.roman-geography__directory{padding:18px 12px}.roman-geography__caption{padding:16px;font-size:15px}.roman-geography__hint{font-size:16px;margin-bottom:12px}.roman-geography__note{font-size:14px}.roman-geography__map{min-height:0}.roman-geography__svg{height:auto}}
@media(prefers-reduced-motion:reduce){.roman-geography *{transition:none!important}}