/* X-only presentation; historic XY maps remain inside Previous versions. */
#mapShell.x-only-shell { background:#121216; color:#eeeef4; }
#mapShell > .map-top { padding:16px; }
#mapShell > .map-top h3 { margin:0; font-size:20px; font-weight:500; }
#expandX { background:transparent; color:#eeeef4; border:1px solid #727884; border-radius:4px; padding:10px 12px; min-height:44px; font:inherit; cursor:pointer; }
#mapShell.expanded > .map-top { display:none; }
#xOnlyMap { padding:0 16px 24px; font:14px/1.45 -apple-system,"Helvetica Neue",Arial,sans-serif; }
#xOnlyMap * { box-sizing:border-box; }
#xOnlyMap .sub { color:#bdc1cb; margin:0 0 18px; font-size:14px; }
#xOnlyMap .summary-scroll { overflow-x:auto; overscroll-behavior-x:contain; }
#xSummary { width:100%; min-width:760px; height:auto; display:block; border-top:1px solid #555963; padding-top:8px; }
#xOnlyMap svg text { font-family:inherit; }
#xOnlyMap .notes { font-size:13px; color:#bdc1cb; border-top:1px solid #555963; padding-top:10px; margin-top:6px; columns:2 340px; column-gap:32px; }
#xOnlyMap .notes p { font-size:inherit; line-height:inherit; margin:0 0 8px; break-inside:avoid; }
#xOnlyMap .bar { display:flex; gap:12px; align-items:center; margin:26px 0 8px; border-top:1px solid #555963; padding-top:12px; flex-wrap:wrap; }
#xOnlyMap .bar h2 { font-size:16px; margin:0; font-weight:500; }
#xOnlyMap .bar input,#xOnlyMap .bar button { font:inherit; min-height:44px; padding:8px; border:1px solid #727884; border-radius:4px; color:#eeeef4; background:#121216; }
#xOnlyMap .bar input { width:240px; max-width:100%; font-size:16px; }
#xOnlyMap .bar input::placeholder { color:#bdc1cb; opacity:1; }
#xOnlyMap .bar button { cursor:pointer; }
#xOnlyMap details { border-bottom:1px solid #30333c; }
#xOnlyMap summary { cursor:pointer; padding:12px 0; font-weight:500; min-height:44px; }
#xOnlyMap summary span { font-weight:400; color:#bdc1cb; }
#xOnlyMap .row { display:grid; width:100%; background:transparent; color:#eeeef4; font:inherit; grid-template-columns:minmax(0,1fr) 64px minmax(160px,300px); gap:10px; align-items:center; padding:10px 0; text-align:left; border:0; border-top:1px solid #30333c; cursor:pointer; }
#xOnlyMap .row:hover { background:#202127; }
#xOnlyMap .row .sw { color:#bdc1cb; }
#xOnlyMap .row .xv { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
#xOnlyMap .row svg { width:100%; height:14px; display:block; }
#xOnlyMap .hidden { display:none; }
#historicalMapShell.expanded .map-top { display:none; }
#iterations > .map-shell { margin-block:20px; }
@media(max-width:640px) {
 #xOnlyMap { padding-inline:12px; }
 #xOnlyMap .row { grid-template-columns:minmax(0,1fr) 56px; }
 #xOnlyMap .row svg { display:none; }
 #xOnlyMap .bar input { flex:1 1 100%; width:100%; }
}
#xOnlyMap .bar { height:auto; background:transparent; }
#xSummary .x-mark { cursor:pointer; outline:none; }
#xSummary .x-mark:hover .x-dot,#xSummary .x-mark:focus-visible .x-dot { stroke:#fff; stroke-width:3; }
#xSummary .x-mark:hover .x-range,#xSummary .x-mark:focus-visible .x-range { stroke:#fff; stroke-width:8; }
#xSummary .x-mark:focus-visible > rect { stroke:#eeeef4; stroke-width:1; stroke-dasharray:3 2; }
#xOnlyMap .x-zoom { display:flex; gap:8px; align-items:center; justify-content:flex-end; margin:0 0 8px; }
#xOnlyMap .x-zoom button,.x-group-filter input { min-height:44px; border:1px solid #727884; border-radius:4px; padding:8px 12px; background:#121216; color:#eeeef4; font:inherit; font-size:16px; }
#xOnlyMap .x-zoom button { min-width:44px; cursor:pointer; }
#xOnlyMap .x-zoom button:disabled { opacity:.4; cursor:default; }
#xOnlyMap .x-zoom output { min-width:48px; text-align:center; font-variant-numeric:tabular-nums; color:#bdc1cb; }
.x-group-filter { padding:12px 16px; border-bottom:1px solid #454751; }
.x-group-filter input { width:100%; }
.x-group-filter input::placeholder { color:#bdc1cb; opacity:1; }
.x-group-list { padding:0 16px; }
.x-group-row { display:block; width:100%; padding:14px 8px; text-align:left; font:inherit; color:#eeeef4; background:transparent; border:0; border-bottom:1px solid #454751; cursor:pointer; }
.x-group-row[hidden] { display:none; }
.x-group-row span { display:block; color:#bdc1cb; font-size:14px; }
.x-group-row strong { display:block; font-size:16px; font-weight:500; }
.x-group-row:hover { background:#202127; }
.x-group-row:focus-visible,#xOnlyMap button:focus-visible { outline:2px solid #eeeef4; outline-offset:-2px; }

/* Requested disclosure for the operation groups beneath the map. */
#xOnlyMap #xOperations { margin-top:26px; border-top:1px solid #555963; }
#xOnlyMap #xOperations > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:16px; }
#xOnlyMap #xOperations > summary .disclosure-action { flex:none; font-size:24px; line-height:1.4; transform:none; }
#xOnlyMap #xOperations > summary .disclosure-action span { font:inherit; transform:none; }
#xOperations:not([open]) > summary .when-open, #xOperations[open] > summary .when-closed { display:none; }
#xOnlyMap .x-list-help { margin:8px 0; font-size:14px; line-height:1.45; color:#bdc1cb; }
#xOnlyMap #xList summary { display:flex; align-items:center; gap:10px; }
#xOnlyMap #xList summary::before { content:'▼'; font-size:16px; }
#xOnlyMap #xList details[open] > summary::before { content:'▲'; }
#xOnlyMap #xList summary .x-group-count { margin-left:auto; font-size:14px; transform:none; }
