.xf-area{--_accent:var(--xf-accent,var(--gold,#c9a227));--_ink:var(--xf-ink,var(--ink,#141310));--_surface:var(--xf-surface,var(--cream,#f5efdf));--_radius:var(--xf-radius,16px);grid-template-columns:280px 1fr;align-items:center;gap:32px;display:grid}@media (width<=760px){.xf-area{grid-template-columns:1fr}}.xf-area-map{aspect-ratio:1;border-radius:var(--_radius);background:var(--_surface);position:relative}.xf-area-ring{fill:none;stroke:var(--xf-line,var(--line,#0000001f));stroke-width:.5px}.xf-area-spoke{stroke:var(--xf-line,var(--line,#00000024));stroke-width:.4px}.xf-area-center{fill:var(--_accent)}.xf-area-dot{fill:var(--_ink)}.xf-area-map-label{letter-spacing:.06em;text-transform:uppercase;color:var(--_ink);font-size:11px;font-weight:700;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.xf-area-radius{color:var(--_accent);margin:0 0 16px;font-size:1.05rem;font-weight:600}.xf-area-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.xf-area-list-item{background:var(--xf-line,#0000000a);color:var(--_ink);border-radius:8px;justify-content:space-between;gap:8px;padding:8px 12px;font-size:13.5px;display:flex}.xf-area-distance{color:var(--xf-ink-3,var(--ink-3,#7a756b));font-size:12px}.xf-area-outside{color:var(--xf-ink-3,var(--ink-3,#7a756b));margin:0;font-size:13px}