:root {
  --ink: #e8edf0;
  --muted: #8d9ba0;
  --dim: #526167;
  --line: rgba(198, 215, 220, 0.13);
  --panel: #11191c;
  --panel-2: #151f22;
  --map: #0c1416;
  --red: #ff5c5c;
  --blue: #62b9db;
  --teal: #62d0bd;
  --amber: #e6b85c;
}

* { box-sizing: border-box; }

html, body { margin: 0; min-height: 100%; background: #0b1113; color: var(--ink); }

body { font-family: Arial, Helvetica, sans-serif; }

button, select, input { font: inherit; }
button { color: inherit; }

.app-shell { min-height: 100vh; background: radial-gradient(circle at 52% 35%, rgba(40, 86, 91, 0.13), transparent 35%), #0b1113; }

.topbar { height: 68px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); padding: 0 28px; background: rgba(9, 15, 17, 0.96); }
.brand-lockup { display: flex; align-items: center; gap: 12px; letter-spacing: .11em; }
.brand-lockup strong { display: block; font-family: Georgia, serif; font-size: 14px; letter-spacing: .15em; }
.brand-lockup small { display: block; color: var(--muted); font-size: 9px; margin-top: 4px; text-transform: uppercase; }
.brand-mark { width: 28px; height: 28px; border: 1px solid #779096; border-radius: 50%; position: relative; background: radial-gradient(circle at 60% 35%, #a7c9cd 0 2px, transparent 3px), radial-gradient(ellipse at 35% 45%, #799ba0 0 5px, transparent 6px); }
.brand-mark::after, .brand-mark::before { content: ""; position: absolute; left: 3px; right: 3px; top: 13px; height: 1px; background: #50656b; transform: rotate(-12deg); }
.brand-mark::before { transform: rotate(70deg); }
.topbar nav { height: 100%; display: flex; gap: 26px; }
.topbar nav button,.topbar nav a { position: relative; display: grid; place-items: center; border: 0; background: none; color: #748389; font-size: 11px; text-transform: uppercase; letter-spacing: .14em; cursor: pointer; text-decoration: none; }
.topbar nav button:hover,.topbar nav a:hover,.topbar nav .nav-active { color: #dbe4e7; }
.topbar nav .nav-active::after { content: ""; position: absolute; bottom: 0; height: 2px; background: var(--teal); left: 0; right: 0; }
.status-chip { justify-self: end; border: 1px solid var(--line); background: #11191c; border-radius: 30px; padding: 8px 12px; font-size: 10px; color: #a1afb4; text-transform: uppercase; letter-spacing: .08em; }
.status-chip i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--amber); margin-right: 7px; box-shadow: 0 0 9px rgba(230,184,92,.5); }
.status-chip span { color: #57666b; margin-left: 5px; }
.status-chip.evidence-status i { background: var(--teal); box-shadow: 0 0 9px rgba(98,208,189,.55); }
.control-profile-link { flex: 0 0 auto; min-height: 34px; display: grid; place-items: center; border: 1px solid #315159; border-radius: 3px; padding: 0 11px; color: #92cbd4; font-size: 8px; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; }.control-profile-link:hover { border-color: #62aebb; color: #d5f2f6; }

.methodology-panel { position: relative; z-index: 8; display: grid; grid-template-columns: minmax(260px, .72fr) 1.28fr auto; gap: 36px; align-items: center; padding: 25px 28px 27px; border-bottom: 1px solid rgba(98,208,189,.25); background: linear-gradient(110deg, #111c1f, #0d1517 70%); box-shadow: 0 18px 35px rgba(0,0,0,.28); }
.methodology-intro h2 { margin: 7px 0 9px; font: 400 22px Georgia, serif; }
.methodology-intro p { margin: 0; color: #93a2a6; font-size: 10px; line-height: 1.55; }
.methodology-intro .history-policy { color: #68787d; margin-top: 7px; }
.coverage-summary { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 5px 7px; align-items: baseline; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.coverage-summary strong { color: var(--teal); font: 400 15px Georgia, serif; }
.coverage-summary span { color: #607176; font-size: 7px; letter-spacing: .06em; text-transform: uppercase; }
.coverage-roadmap { display: grid; gap: 5px; margin-top: 12px; }
.coverage-roadmap article { position: relative; padding: 8px 10px; border: 1px solid var(--line); background: rgba(255,255,255,.015); }
.coverage-roadmap h3 { margin: 0 0 3px; padding-right: 64px; color: #aab8bb; font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }
.coverage-roadmap p { margin: 0; color: #5e7075; font-size: 7px; line-height: 1.35; }
.coverage-roadmap span { position: absolute; top: 8px; right: 8px; color: #748389; font-size: 6px; letter-spacing: .08em; text-transform: uppercase; }
.coverage-roadmap small { color: #4f6065; font-size: 6px; }
.coverage-roadmap .roadmap-artifact { display: block; margin-top: 7px; color: var(--teal); letter-spacing: .06em; }
.coverage-roadmap details { margin-top: 7px; color: #75868b; font-size: 7px; }
.coverage-roadmap summary { cursor: pointer; letter-spacing: .06em; text-transform: uppercase; }
.coverage-roadmap ul { display: grid; gap: 3px; margin: 7px 0 0; padding-left: 15px; color: #91a0a4; font: 9px/1.35 Georgia,serif; }
.coverage-roadmap .roadmap-complete { border-color: rgba(98,208,189,.18); }
.coverage-roadmap .roadmap-complete span { color: var(--teal); }
.coverage-roadmap .roadmap-queued span { color: var(--amber); }
.weight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.weight-grid article { min-height: 65px; display: grid; grid-template-columns: 40px 1fr; gap: 8px; padding: 10px; border: 1px solid var(--line); background: rgba(255,255,255,.018); }
.weight-grid strong { color: var(--teal); font: 400 16px Georgia, serif; }
.weight-grid h3 { margin: 1px 0 4px; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.weight-grid p { margin: 0; color: #67777c; font-size: 8px; line-height: 1.4; }
.methodology-close { align-self: start; border: 1px solid #335056; background: #172529; color: #b9d7d2; padding: 9px 12px; border-radius: 3px; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }

.controlbar { height: 76px; display: flex; align-items: center; gap: 12px; padding: 0 28px; border-bottom: 1px solid var(--line); background: #0e1618; }
.selector-group label { display: block; font-size: 8px; letter-spacing: .18em; color: #65747a; margin-bottom: 5px; font-weight: 700; }
.select-wrap { width: 218px; position: relative; display: flex; align-items: center; border: 1px solid #2a393d; background: #111b1e; border-radius: 4px; }
.select-wrap .country-combobox { width: 100%; }
.select-wrap .country-combobox > input { width: 100%; height: 36px; background: transparent; border: 0; color: #dfe7e9; padding: 0 34px 0 40px; outline: none; font-size: 12px; font-weight: 600; }
.flag-token { position: absolute; left: 10px; z-index: 2; width: 23px; height: 18px; display: grid; place-items: center; font-size: 8px; font-weight: 700; border: 1px solid #49636a; color: #b4c9ce; background: #24363a; }
.flag-token.muted { background: #2e3335; }
.toward { color: #536268; font-family: Georgia, serif; font-style: italic; font-size: 12px; margin-top: 15px; }
.reverse-viewpoint,.share-view { border: 1px solid #2a393d; background: #111b1e; color: #829297; border-radius: 4px; min-height: 36px; padding: 0 10px; margin-top: 15px; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.reverse-viewpoint:hover,.share-view:hover { color: #d6e1e3; border-color: #4e6f73; }
.reverse-viewpoint:disabled { cursor: not-allowed; opacity: .35; }
.share-view { margin-left: 0; min-width: 82px; color: #9acdc5; }
.mobile-methodology { display: none; border: 1px solid #2a393d; background: #111b1e; color: #9acdc5; border-radius: 4px; min-height: 36px; padding: 0 10px; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.target-select .select-wrap { width: 205px; }
.country-combobox { position: relative; }
.country-combobox > input { display: block; }
.country-combobox-chevron { position: absolute; top: 50%; right: 10px; z-index: 2; color: #6f7f84; line-height: 1; pointer-events: none; transform: translateY(-50%); }
.country-combobox-results { position: absolute; top: calc(100% + 5px); left: 0; z-index: 40; min-width: 100%; width: max-content; max-width: min(330px,82vw); max-height: 310px; overflow-y: auto; border: 1px solid #365158; border-radius: 3px; padding: 4px; background: #0d1719; box-shadow: 0 18px 38px rgba(0,0,0,.48); }
.country-combobox-results button { width: 100%; display: flex; justify-content: space-between; gap: 18px; align-items: center; border: 0; border-radius: 2px; padding: 9px 10px; background: transparent; color: #c6d2d4; cursor: pointer; text-align: left; }
.country-combobox-results button:hover,.country-combobox-results button.active { background: #1b2c30; color: #e8f2f4; }
.country-combobox-results button[aria-selected="true"] { box-shadow: inset 2px 0 var(--teal); }
.country-combobox-results span { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.country-combobox-results small { flex: 0 0 auto; color: #64787d; font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }
.country-combobox-results p { margin: 0; padding: 12px 10px; color: #65787d; font-size: .7rem; }
.lens-control { margin-left: auto; display: flex; border: 1px solid #253438; padding: 3px; border-radius: 5px; background: #0b1214; }
.lens-control button { border: 0; background: none; color: #69787d; padding: 8px 13px; border-radius: 3px; font-size: 9px; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; }
.lens-control button:hover { color: #ced9dc; }
.lens-control .selected { background: #213034; color: #e2ebed; box-shadow: inset 0 0 0 1px #34484d; }

.workspace { display: grid; grid-template-columns: minmax(0, 1fr) 400px; min-height: calc(100vh - 144px); }
.map-panel { min-width: 0; display: grid; grid-template-rows: 82px minmax(460px, 1fr) 102px; }
.map-heading { display: flex; align-items: center; justify-content: space-between; padding: 0 30px; border-bottom: 1px solid rgba(198,215,220,.07); }
.eyebrow { color: #718087; font-size: 8px; font-weight: 700; letter-spacing: .18em; }
.map-heading h1 { font-family: Georgia, serif; margin: 6px 0 0; font-size: 22px; font-weight: 400; }
.legend { display: flex; align-items: center; gap: 8px; color: #6d7b80; text-transform: uppercase; font-size: 8px; letter-spacing: .1em; }
.legend i { display: block; width: 55px; height: 4px; background: linear-gradient(90deg, #bd4548, #8fa0a4); margin-right: -8px; }
.legend i:nth-of-type(2) { background: linear-gradient(90deg, #8fa0a4, #4d9bb8); }
.legend-hostile { color: #cc6466; }.legend-ally { color: #67afc8; }

.world-map { position: relative; min-height: 460px; overflow: hidden; background-color: var(--map); background-image: radial-gradient(circle at center, rgba(74,120,126,.09), transparent 45%); }
.grid-lines { position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(rgba(99,128,134,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(99,128,134,.09) 1px, transparent 1px); background-size: 100% 25%, 12.5% 100%; }
.world-map::before { content: ""; position: absolute; left: 3%; right: 3%; top: 12%; bottom: 12%; border-top: 1px solid rgba(131,160,165,.08); border-bottom: 1px solid rgba(131,160,165,.08); border-radius: 50%; }
.geographic-map { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; cursor: grab; touch-action: none; overscroll-behavior: contain; user-select: none; }
.geographic-map.dragging,.geographic-map.dragging .country-shapes path,.geographic-map.dragging .country-marker { cursor: grabbing; }
.country-shapes path { fill: #1c2629; stroke: #0b1214; stroke-width: .7; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill .16s ease, opacity .16s ease, stroke .16s ease; }
.country-shapes path:hover,.country-shapes path:focus-visible { fill: #45575c; stroke: #a8c1c5; stroke-width: 1.2; outline: none; }
.country-shapes path.unassessed { fill: #1c2629; opacity: .72; stroke: #334247; }
.country-shapes path.territory { fill: #354449; opacity: .82; stroke: #819095; stroke-dasharray: 2 1.5; }
.country-shapes path.source { fill: var(--teal); stroke: #c4fff4; filter: url(#selected-country-glow); }
.country-shapes path.ally,.country-shapes path.cooperative { fill: #4b9ab8; }
.country-shapes path.neutral { fill: #8fa0a4; stroke: #c2ced0; stroke-width: .9; }
.country-shapes path.competitive { fill: #a98143; }
.country-shapes path.adversarial,.country-shapes path.hostile { fill: #b44d50; }
.country-shapes path.selected { stroke: #edf9fa; stroke-width: 2; filter: url(#selected-country-glow); }
.country-marker { fill: #7a898d; stroke: #0b1214; stroke-width: 1; vector-effect: non-scaling-stroke; cursor: pointer; }.country-marker:hover,.country-marker:focus-visible,.country-marker.selected { fill: #d9e5e7; stroke: white; outline: none; }.country-marker.source { fill: var(--teal); }.country-marker.neutral { fill: #8fa0a4; stroke: #c2ced0; }.country-marker.unassessed { fill: #1c2629; stroke: #334247; opacity: .72; }.country-marker.territory { fill: #354449; stroke: #a4b1b4; stroke-dasharray: 2 1; }
.relationship-lines path { fill: none; stroke-width: 1.25; vector-effect: non-scaling-stroke; opacity: .45; pointer-events: none; }
.relationship-lines path.ally,.relationship-lines path.cooperative { stroke: var(--blue); }.relationship-lines path.neutral { stroke: #b8c5c8; }.relationship-lines path.competitive { stroke: var(--amber); }.relationship-lines path.adversarial,.relationship-lines path.hostile { stroke: var(--red); }
.relationship-lines path.selected { stroke-width: 2.2; opacity: .95; stroke-dasharray: 5 3; }
.projection-toggle { position: absolute; top: 14px; left: 16px; z-index: 4; display: flex; gap: 3px; padding: 3px; border: 1px solid rgba(198,215,220,.12); border-radius: 4px; background: rgba(8,14,16,.88); }
.projection-toggle button { border: 0; border-radius: 2px; background: transparent; color: #68797e; padding: 7px 9px; cursor: pointer; font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }.projection-toggle button:hover { color: #c6d3d5; }.projection-toggle button.selected { background: #26383c; color: #dce8e9; box-shadow: inset 0 0 0 1px #3c555a; }
.map-tools { position: absolute; top: 52px; left: 16px; z-index: 5; width: 174px; padding: 8px; border: 1px solid rgba(198,215,220,.12); border-radius: 4px; background: rgba(8,14,16,.9); }
.map-search-toggle { display: none; width: 100%; border: 0; padding: 8px 10px; background: #142326; color: #9bcbd2; cursor: pointer; font-size: 8px; letter-spacing: .08em; text-align: left; text-transform: uppercase; }.map-search-toggle span { margin-left: 5px; }
.map-search-content > label { display: block; margin-bottom: 5px; color: #68797e; font-size: 7px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.map-search-content > .country-combobox { border: 1px solid #314247; background: #101a1d; }.map-tools input { min-width: 0; width: 100%; height: 28px; border: 0; outline: none; padding: 0 24px 0 8px; background: transparent; color: #dce7e9; font-size: 9px; }.map-tools input::placeholder { color: #536267; }
.map-tools .reset-map { width: 100%; margin-top: 6px; border: 0; background: transparent; color: #718187; cursor: pointer; font-size: 7px; letter-spacing: .09em; text-align: left; text-transform: uppercase; }.map-tools .reset-map:hover { color: #dce7e9; }
.map-labels { pointer-events: none; }.map-labels text { fill: #aab8bb; stroke: #0a1113; stroke-width: 1.8px; paint-order: stroke; text-anchor: middle; dominant-baseline: central; font-weight: 700; letter-spacing: .02em; }.map-labels text.territory { fill: #849397; font-style: italic; }.map-labels text.source { fill: #c9fff6; }.map-labels text.selected { fill: #fff; stroke-width: 2.5px; }
.map-loading-label { fill: #60757a; font: 11px Arial,sans-serif; letter-spacing: .1em; text-anchor: middle; text-transform: uppercase; }
.map-interaction-hint { position: absolute; top: 14px; right: 16px; z-index: 4; padding: 7px 9px; border: 1px solid rgba(198,215,220,.12); background: rgba(8,14,16,.82); color: #75868b; font-size: 7px; letter-spacing: .08em; text-transform: uppercase; pointer-events: none; }
.coverage-key { position: absolute; right: 16px; bottom: 15px; z-index: 4; display: flex; gap: 12px; padding: 7px 9px; border: 1px solid rgba(198,215,220,.1); background: rgba(8,14,16,.82); color: #6c7d82; font-size: 7px; letter-spacing: .07em; text-transform: uppercase; }
.coverage-key span { display: flex; align-items: center; gap: 5px; }.coverage-key i { width: 8px; height: 8px; }.coverage-key i.neutral { background: #8fa0a4; border: 1px solid #c2ced0; }.coverage-key i.unassessed { background: #1c2629; border: 1px solid #334247; opacity: .72; }.coverage-key i.territory { background: #354449; border: 1px dashed #a4b1b4; }
.map-note { position: absolute; bottom: 16px; left: 28px; display: flex; flex-direction: column; color: #637277; font-size: 8px; letter-spacing: .08em; }
.map-note b { color: #8d9ca1; margin-bottom: 3px; }

.timeline-control { display: flex; align-items: center; gap: 20px; padding: 16px 28px; background: #0e1618; border-top: 1px solid var(--line); }
.play-button { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #314448; background: #152124; color: var(--teal); cursor: pointer; padding-left: 4px; }
.play-button.playing { padding-left: 0; border-color: var(--teal); background: rgba(52, 205, 184, .12); }
.timeline-main { flex: 1; }
.timeline-label { display: flex; gap: 10px; align-items: baseline; font-size: 8px; letter-spacing: .12em; color: #77878c; }.timeline-label span { font-family: Georgia,serif; font-style: italic; letter-spacing: 0; color: #4f5e63; }
.timeline-track { height: 18px; position: relative; border-bottom: 2px solid #28373b; }
.timeline-track input { appearance: none; position: absolute; inset: 0; width: 100%; background: transparent; cursor: pointer; margin: 0; z-index: 3; }
.timeline-track input::-webkit-slider-thumb { appearance: none; width: 13px; height: 13px; border-radius: 50%; background: var(--teal); border: 3px solid #0d1517; box-shadow: 0 0 0 1px var(--teal); margin-top: 16px; }
.timeline-progress { position: absolute; left: 0; bottom: -2px; height: 2px; background: var(--teal); }
.event-tick { position: absolute; bottom: -5px; width: 2px; height: 9px; background: var(--amber); z-index: 2; }
.year-labels { display: flex; justify-content: space-between; color: #4e5d62; font-size: 8px; margin-top: 8px; }
.year-display { min-width: 70px; border-left: 1px solid var(--line); padding-left: 18px; }.year-display small { display: block; color: #617176; font-size: 7px; letter-spacing: .16em; }.year-display strong { font-family: Georgia,serif; font-size: 25px; font-weight: 400; }

.detail-panel { background: #121a1d; border-left: 1px solid var(--line); overflow-y: auto; max-height: calc(100vh - 144px); scrollbar-width: thin; scrollbar-color: #344347 transparent; }
.relation-title { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px 5px; }
.relation-title button { border: 0; background: none; color: #5f6f74; font-size: 22px; cursor: pointer; }
.route-line { display: flex; gap: 9px; align-items: center; }.route-line span { display: grid; place-items: center; font-size: 8px; font-weight: 700; width: 27px; height: 19px; border: 1px solid #40545a; color: #b6c8cc; background: #26363a; }.route-line i { color: #617176; font-style: normal; }
.country-pair { padding: 0 24px 18px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; }.country-pair h2 { font-family: Georgia,serif; font-weight: 400; font-size: 20px; margin: 0; }.country-pair span { color: #607076; font-family: Georgia,serif; font-style: italic; font-size: 12px; }
.bilateral-summary { margin: 0 24px 16px; padding: 15px; border: 1px solid #304246; background: linear-gradient(145deg, rgba(98,208,189,.07), rgba(7,13,15,.24)); }
.bilateral-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.bilateral-heading h3 { margin: 5px 0 0; font: 400 17px Georgia,serif; }
.symmetry-badge { flex: 0 0 auto; border: 1px solid rgba(98,208,189,.3); background: rgba(98,208,189,.08); color: #8ed9cc; padding: 5px 7px; font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.symmetry-badge.asymmetric { border-color: rgba(225,166,75,.35); background: rgba(225,166,75,.08); color: var(--amber); }
.direction-scores { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 13px; }
.direction-scores button { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 8px; border: 1px solid #2c3b3f; background: rgba(9,16,18,.55); color: #8d9b9f; padding: 10px; text-align: left; cursor: pointer; }
.direction-scores button:hover,.direction-scores button:focus-visible { border-color: #5f8b85; outline: none; }
.direction-scores button.selected { border-color: rgba(98,208,189,.5); background: rgba(98,208,189,.08); }
.direction-scores span { font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.direction-scores strong { grid-row: 1 / 3; grid-column: 2; font: 400 25px Georgia,serif; }
.direction-scores small { color: #5f7075; font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.bilateral-summary > p { margin: 11px 0 0; color: #66777c; font-size: 8px; line-height: 1.45; }
.directional-label { margin: 0 24px 7px; }
.coverage-gap { margin: 0 24px 24px; padding: 22px; border: 1px solid #344348; background: linear-gradient(145deg, rgba(95,112,117,.08), rgba(7,13,15,.24)); }
.coverage-gap .coverage-status { display: inline-block; padding: 5px 7px; border: 1px solid #4a5558; color: #8a989c; font-size: 7px; letter-spacing: .12em; }
.coverage-gap h3 { margin: 15px 0 8px; font: 400 24px Georgia,serif; }
.coverage-gap > p { margin: 0; color: #7a8a8f; font-size: 10px; line-height: 1.55; }
.coverage-gap dl { margin: 18px 0; border-top: 1px solid rgba(198,215,220,.1); }
.coverage-gap dl div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(198,215,220,.08); font-size: 8px; }.coverage-gap dt { color: #64757a; }.coverage-gap dd { margin: 0; color: #9aa8ab; text-transform: uppercase; letter-spacing: .06em; }
.coverage-gap button { width: 100%; margin-bottom: 13px; padding: 10px; border: 1px solid rgba(98,208,189,.3); background: rgba(98,208,189,.07); color: #9ddbd0; cursor: pointer; font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }.coverage-gap button:hover { border-color: var(--teal); }
.coverage-gap small { display: block; color: #56676c; font-size: 7px; line-height: 1.5; text-transform: uppercase; letter-spacing: .07em; }
.coverage-gap.territory-gap { border-color: #4b5d62; background: linear-gradient(145deg, rgba(104,125,131,.11), rgba(7,13,15,.24)); }
.score-card { margin: 0 24px; padding: 16px; border: 1px solid #2f3e42; background: linear-gradient(135deg, rgba(72,95,99,.16), rgba(22,32,35,.2)); display: grid; grid-template-columns: 92px 1fr; gap: 17px; position: relative; overflow: hidden; }
.score-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #8a979a; }
.score-card > div:first-child { border-right: 1px solid var(--line); }.score-card strong { display: block; font-family: Georgia,serif; font-size: 38px; font-weight: 400; margin-top: 5px; }.score-card h3 { margin: 4px 0 5px; font-family: Georgia,serif; font-size: 20px; font-weight: 400; }.score-card p { margin: 0; color: #78878c; font-size: 10px; line-height: 1.45; }.score-card.hostile::before,.score-card.adversarial::before { background: var(--red); }.score-card.hostile strong,.score-card.adversarial strong { color: #ff7272; }.score-card.ally::before,.score-card.cooperative::before { background: var(--blue); }.score-card.ally strong,.score-card.cooperative strong { color: #78cae7; }.score-card.competitive::before { background: var(--amber); }.score-card.competitive strong { color: var(--amber); }
.calculated-badge { display: inline-block; margin-top: 10px; border: 1px solid rgba(98,208,189,.3); background: rgba(98,208,189,.08); color: #8ed9cc; padding: 4px 6px; border-radius: 2px; font-size: 7px; letter-spacing: .09em; }
.confidence { display: flex; justify-content: space-between; padding: 12px 24px 16px; border-bottom: 1px solid var(--line); color: #77868b; font-size: 9px; }.confidence span i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); margin-right: 5px; }.confidence em { font-style: normal; color: #536268; }
.evidence-quality { margin: 0 24px 16px; padding: 10px 12px; border: 1px solid rgba(198,215,220,.12); background: rgba(7,13,15,.28); display: grid; gap: 3px; }
.evidence-quality span { font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.evidence-quality small { color: #65767b; font-size: 9px; line-height: 1.45; }
.evidence-quality-broad { border-color: rgba(98,208,189,.28); color: var(--teal); }
.evidence-quality-documented { border-color: rgba(120,202,231,.25); color: #78cae7; }
.evidence-quality-quantitative-only { border-color: rgba(230,184,92,.27); color: var(--amber); }
.play-button:disabled,.timeline-track input:disabled { cursor: not-allowed; opacity: .42; }
.components,.drivers,.events-section,.evidence-section,.historical-metrics,.calculation-section { padding: 18px 24px; border-bottom: 1px solid var(--line); }
.section-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }.section-title h3 { margin: 0; font-family: Georgia,serif; font-size: 14px; font-weight: 400; }.section-title span { color: #5b6a6f; font-size: 7px; letter-spacing: .14em; }
.component-row { display: grid; grid-template-columns: 96px 1fr 30px; gap: 10px; align-items: center; margin: 11px 0; font-size: 9px; color: #9aa7ab; }
.component-track { height: 3px; position: relative; background: linear-gradient(90deg,#2e3c40 49.5%,#56676b 50%,#2e3c40 50.5%); }.component-track i { position: absolute; height: 3px; }.component-track .positive { background: var(--blue); }.component-track .negative { background: var(--red); }
.component-row b { text-align: right; font-size: 9px; }.positive-text { color: #70c3df !important; }.negative-text { color: #ff7070 !important; }.neutral-text { color: var(--muted) !important; }
.driver { display: flex; align-items: center; gap: 10px; padding: 7px 0; color: #aab6b9; font-size: 10px; }.driver i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; font-style: normal; font-weight: 700; }.driver i.positive { color: #7bcae5; background: rgba(98,185,219,.12); }.driver i.negative { color: #ff7676; background: rgba(255,92,92,.1); }
.evidence-list { display: grid; gap: 9px; }
.evidence-list article { padding: 12px; border: 1px solid rgba(198,215,220,.1); background: rgba(7,13,15,.25); }
.evidence-meta { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 8px; margin-bottom: 7px; }
.evidence-meta span { color: #8ca1a6; font-size: 7px; font-weight: 700; text-transform: uppercase; letter-spacing: .11em; }
.evidence-meta time { color: #5f7075; font-size: 8px; }
.evidence-meta b { font-size: 9px; }
.evidence-list h4 { margin: 0 0 5px; font-size: 10px; line-height: 1.35; }
.evidence-list p { margin: 0; color: #75858a; font-size: 9px; line-height: 1.45; }
.source-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.source-links a,.source-links span { border: 1px solid #2d4247; background: #152225; color: #7fcabd; padding: 4px 6px; border-radius: 2px; text-decoration: none; font-size: 7px; letter-spacing: .04em; }
.source-links a:hover { border-color: var(--teal); color: #baf2e8; }
.source-links span { color: #8a754e; border-color: #4b412d; }
.metric-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.metric-loading { min-height: 96px; display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid rgba(198,215,220,.1); background: rgba(255,255,255,.018); }.metric-loading > i { width: 9px; height: 9px; flex: 0 0 auto; border: 2px solid #38555b; border-top-color: var(--teal); border-radius: 50%; animation: metric-loading-spin .8s linear infinite; }.metric-loading strong { color: #b9c8cb; font: 400 12px Georgia,serif; }.metric-loading p { margin: 4px 0 0; color: #617378; font-size: 8px; line-height: 1.4; }.metric-load-failed { border-color: rgba(230,184,92,.18); }.metric-load-failed strong { color: #d2bd8d; }
@keyframes metric-loading-spin { to { transform: rotate(360deg); } }
.metric-grid article { min-width: 0; padding: 12px; border: 1px solid rgba(198,215,220,.1); background: linear-gradient(145deg, rgba(98,208,189,.045), rgba(7,13,15,.2)); }
.metric-grid article > span { display: block; min-height: 18px; color: #718187; font-size: 7px; line-height: 1.35; letter-spacing: .1em; }
.metric-grid strong { display: block; margin: 7px 0 5px; color: #dce8e9; font: 400 21px Georgia, serif; }
.metric-grid p { min-height: 25px; margin: 0 0 8px; color: #68787d; font-size: 8px; line-height: 1.4; }
.metric-grid a { color: var(--teal); font-size: 7px; text-decoration: none; }
.metric-grid a:hover { color: #baf2e8; }
.metric-note { margin: 9px 0 0; color: #56666b; font-size: 7px; line-height: 1.4; text-transform: uppercase; letter-spacing: .06em; }
.calculation-event { display: grid; grid-template-columns: 32px 1fr; gap: 10px; padding: 11px 0; border-top: 1px solid rgba(198,215,220,.08); }
.calculation-event > b { padding-top: 2px; font-size: 10px; }
.calculation-event h4 { margin: 0 0 4px; font-size: 10px; line-height: 1.35; }
.calculation-event p { margin: 0; color: #6f7f84; font-size: 9px; line-height: 1.45; }
.calculation-event .source-links { margin-top: 7px; }
.baseline-toggle { width: 100%; display: grid; grid-template-columns: 1fr 44px auto; gap: 10px; align-items: center; margin-bottom: 10px; padding: 11px 12px; border: 1px solid rgba(98,208,189,.24); border-radius: 3px; background: rgba(98,208,189,.055); color: #aab8bb; text-align: left; cursor: pointer; }
.baseline-toggle span b { display: block; color: #d3e4e2; font: 400 12px Georgia, serif; text-transform: uppercase; }
.baseline-toggle span small { display: block; margin-top: 3px; color: #65777b; font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.baseline-toggle > strong { color: var(--teal); font: 400 20px Georgia, serif; text-align: right; }
.baseline-toggle > em { color: #77918f; font-size: 7px; font-style: normal; letter-spacing: .1em; }
.baseline-breakdown { margin: 0 0 13px; border: 1px solid rgba(198,215,220,.1); background: rgba(0,0,0,.09); }
.baseline-explainer { margin: 0; padding: 11px 12px; border-bottom: 1px solid rgba(198,215,220,.08); color: #74868a; font-size: 8px; line-height: 1.55; }
.baseline-explainer b { color: #aebfc1; }
.baseline-observations { padding: 0 12px 8px; border-bottom: 1px solid rgba(198,215,220,.08); }
.baseline-flow { display: flex; align-items: center; gap: 7px; padding: 10px 0; color: #5f7175; font-size: 7px; letter-spacing: .07em; }.baseline-flow b { color: var(--teal); font: 400 14px Georgia, serif; }.baseline-flow i { color: #405156; font-style: normal; }
.baseline-observation { padding: 10px 0; border-top: 1px solid rgba(198,215,220,.07); }
.observation-meta { display: grid; grid-template-columns: 70px 1fr 30px; gap: 8px; margin-bottom: 5px; color: #64767a; font-size: 7px; letter-spacing: .07em; text-transform: uppercase; }.observation-meta b { text-align: right; font-size: 9px; }
.baseline-observation h4 { margin: 0 0 4px; color: #b9c7c9; font-size: 9px; }.baseline-observation > p { margin: 0; color: #687a7e; font-size: 8px; line-height: 1.45; }
.rule-strip { display: flex; justify-content: space-between; gap: 8px; margin-top: 7px; color: #6f918b; font-size: 7px; letter-spacing: .06em; }.rule-strip strong { color: var(--amber); font-weight: 600; }
.baseline-observation details { margin-top: 6px; color: #607176; font-size: 7px; }.baseline-observation summary { color: #75888b; cursor: pointer; }.baseline-observation details p { margin: 5px 0 0; line-height: 1.45; }
.baseline-observation .source-links { margin-top: 6px; }
.baseline-table { padding: 6px 12px; }
.baseline-row { display: grid; grid-template-columns: 1fr 42px 42px 66px; gap: 8px; padding: 7px 0; border-bottom: 1px solid rgba(198,215,220,.06); color: #86969a; font-size: 8px; }
.baseline-row > :not(:first-child) { text-align: right; }
.baseline-head { color: #53666a; font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.baseline-total { display: flex; justify-content: flex-end; align-items: baseline; gap: 8px; padding: 10px 0 6px; color: #7f9094; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.baseline-loading { margin: 0 24px 14px; padding: 12px; border: 1px solid var(--line); color: #718287; font-size: 9px; }
.baseline-error { color: #c2a976; border-color: rgba(230,184,92,.25); }
.baseline-error button { margin-left: 6px; border: 0; background: none; color: var(--amber); font: inherit; text-decoration: underline; cursor: pointer; }
.baseline-total span { margin-right: auto; }.baseline-total code { color: #b5c2c4; font-family: inherit; }.baseline-total strong { color: var(--teal); font: 400 15px Georgia, serif; }
.sensitivity-panel { padding: 11px 12px 12px; border-top: 1px solid rgba(198,215,220,.08); background: rgba(98,208,189,.025); }
.sensitivity-heading { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }.sensitivity-heading > div b { display: block; color: #b7c7c9; font: 400 12px Georgia, serif; }.sensitivity-heading > div span { display: block; margin-top: 3px; color: #52656a; font-size: 7px; letter-spacing: .08em; }.sensitivity-heading > strong { padding: 4px 6px; border: 1px solid; border-radius: 2px; font-size: 7px; letter-spacing: .08em; }.sensitivity-heading > strong.stable { color: #79c5b8; border-color: rgba(98,208,189,.3); background: rgba(98,208,189,.06); }.sensitivity-heading > strong.sensitive { color: var(--amber); border-color: rgba(230,184,92,.3); background: rgba(230,184,92,.06); }
.sensitivity-range { display: grid; grid-template-columns: 36px 1fr 36px; gap: 9px; align-items: center; margin: 12px 0; }.sensitivity-range > div:first-child,.sensitivity-range > div:last-child { text-align: center; }.sensitivity-range span { display: block; color: #516267; font-size: 6px; letter-spacing: .1em; }.sensitivity-range b { color: #c2d0d2; font: 400 17px Georgia, serif; }.range-line { position: relative; height: 3px; background: linear-gradient(90deg,var(--red),#6f7779 50%,var(--blue)); }.range-line i { position: absolute; left: 50%; top: -3px; width: 1px; height: 9px; background: #d5e0e1; }.range-line em { position: absolute; top: 7px; left: 0; right: 0; color: #4f6165; font-size: 6px; font-style: normal; text-align: center; letter-spacing: .08em; }
.scenario-list { margin-top: 18px; }.scenario-list article { display: grid; grid-template-columns: 1fr 55px; gap: 10px; padding: 8px 0; border-top: 1px solid rgba(198,215,220,.07); }.scenario-list article > div:first-child b { display: block; color: #9bacaf; font-size: 8px; }.scenario-list article > div:first-child span { display: block; margin-top: 3px; color: #56686c; font-size: 7px; line-height: 1.35; }.scenario-list article > div:last-child { text-align: right; }.scenario-list article strong { display: block; color: #c7d4d6; font: 400 14px Georgia, serif; }.scenario-list article em { display: block; margin-top: 2px; color: #627579; font-size: 6px; font-style: normal; text-transform: uppercase; }
.sensitivity-panel > p { margin: 9px 0 0; color: #526469; font-size: 7px; line-height: 1.45; text-transform: uppercase; letter-spacing: .04em; }
.baseline-sources { display: flex; justify-content: space-between; gap: 12px; padding: 9px 12px 11px; border-top: 1px solid rgba(198,215,220,.08); color: #53666a; font-size: 7px; letter-spacing: .07em; text-transform: uppercase; }
.baseline-sources .source-links { text-align: right; }
.override-note { margin: 9px 0 0; border-left: 2px solid var(--red); background: rgba(255,92,92,.06); color: #b27c7c; padding: 7px 9px; font-size: 8px; line-height: 1.4; text-transform: uppercase; letter-spacing: .06em; }
.event-toggle { width: 100%; border: 0; background: transparent; padding: 0; cursor: pointer; }.event-list article { display: grid; grid-template-columns: 34px 1fr 30px; gap: 10px; padding: 11px 0; border-top: 1px solid rgba(198,215,220,.08); }.event-list time { color: var(--amber); font-size: 8px; padding-top: 3px; }.event-list h4 { margin: 0 0 4px; font-size: 10px; font-weight: 600; }.event-list p { color: #6e7d82; font-size: 9px; line-height: 1.4; margin: 0; }.event-list b { text-align: right; font-size: 9px; }.empty-state { color: #647378; font-size: 10px; }
.prototype-note { color: #536268; font-size: 8px; line-height: 1.4; padding: 15px 24px 25px; margin: 0; text-transform: uppercase; letter-spacing: .08em; }

@media (max-width: 980px) {
  .workspace { grid-template-columns: 1fr; }.detail-panel { max-height: none; border-left: 0; border-top: 1px solid var(--line); }.map-panel { min-height: 720px; }.topbar { grid-template-columns: 1fr auto; }.topbar nav { display: none; }.status-chip { grid-column: 2; }.lens-control { overflow-x: auto; }.controlbar { overflow-x: auto; }.mobile-methodology { display: block; }.workspace .detail-panel { display: grid; grid-template-columns: 1fr 1fr; }.relation-title,.country-pair,.bilateral-summary,.directional-label,.score-card,.confidence,.evidence-quality,.coverage-gap,.prototype-note { grid-column: 1 / -1; }.methodology-panel { grid-template-columns: 1fr; gap: 18px; }.methodology-close { position: absolute; right: 28px; top: 25px; }.coverage-roadmap { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 650px) {
  .app-shell { display: flex; flex-direction: column; }.topbar { order: 1; padding: 0 16px; }.methodology-panel { order: 2; }.controlbar { order: 3; padding: 10px 16px; height: auto; flex-wrap: wrap; }.workspace { order: 4; }.home-guide { order: 5; }.status-chip { display: none; }.toward { display: none; }.reverse-viewpoint { margin-top: 15px; }.share-view { order: 4; margin-top: 0; }.control-profile-link { order: 2; align-self: end; min-height: 32px; }.lens-control { order: 3; width: 100%; margin-left: 0; }.lens-control button { flex: 1; padding: 8px 6px; }.select-wrap { width: 145px; }.target-select .select-wrap { width: 145px; }.workspace { min-height: calc(100vh - 155px); }.map-panel { grid-template-rows: 72px minmax(390px,1fr) 96px; min-height: 620px; }.map-heading { padding: 0 16px; }.legend { display: none; }.world-map { min-height: 390px; }.map-interaction-hint { font-size: 0; }.map-interaction-hint::after { content: "Drag to move"; font-size: 7px; }html[lang="es"] .map-interaction-hint::after { content: "Arrastra para mover"; }.map-note { left: 16px; bottom: 12px; max-width: 210px; }.coverage-key { display: none; }.timeline-control { padding: 12px 16px; gap: 10px; }.year-display { min-width: 55px; padding-left: 10px; }.workspace .detail-panel { display: block; }.bilateral-summary,.evidence-quality { margin-left: 16px; margin-right: 16px; }.bilateral-heading { display: block; }.symmetry-badge { display: inline-block; margin-top: 9px; }.directional-label { margin-left: 16px; margin-right: 16px; }.coverage-gap { margin-left: 16px; margin-right: 16px; }.score-card { grid-template-columns: 78px 1fr; margin: 0 16px; }.relation-title,.country-pair,.confidence,.components,.drivers,.events-section,.evidence-section,.historical-metrics,.calculation-section { padding-left: 16px; padding-right: 16px; }.methodology-panel { padding: 20px 16px; }.methodology-close { position: static; }.weight-grid,.coverage-roadmap { grid-template-columns: 1fr; }
  .baseline-toggle { grid-template-columns: 1fr 38px; }.baseline-toggle > em { grid-column: 1 / -1; }.baseline-sources { display: block; }.baseline-sources .source-links { margin-top: 6px; text-align: left; }
  .baseline-flow { flex-wrap: wrap; }
  .map-tools { top: 50px; left: 10px; }.projection-toggle { left: 10px; }.map-interaction-hint::after { content: "Pinch or drag"; }html[lang="es"] .map-interaction-hint::after { content: "Pellizca o arrastra"; }
}

/* Permanent, server-rendered country and relationship pages */
.index-shell { min-height: 100vh; background: radial-gradient(circle at 72% 18%, rgba(40,86,91,.16), transparent 32%), #0b1113; color: var(--ink); font-size: 16px; }
.index-shell a { color: inherit; }
.index-topbar { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 5vw; border-bottom: 1px solid var(--line); background: rgba(9,15,17,.96); }
.index-brand { display: flex; align-items: center; gap: 12px; color: #dce6e8; font: 700 .82rem Georgia,serif; letter-spacing: .13em; text-decoration: none; }
.index-brand .brand-mark { display: inline-block; flex: 0 0 auto; }
.index-topbar nav { display: flex; align-items: center; gap: 18px; }
.index-topbar nav > a:not(.index-atlas-link) { color: #8c9ca0; font-size: .78rem; text-decoration: none; }
.language-switch { flex: 0 0 auto; display: inline-flex; align-items: center; overflow: hidden; border: 1px solid #314b51; border-radius: 3px; background: #0b1517; }
.language-switch a { flex: 0 0 31px; min-width: 31px; padding: 7px 8px; color: #6f858a; font-size: .66rem; font-weight: 700; letter-spacing: .08em; line-height: 1; text-align: center; text-decoration: none; }
.language-switch a + a { border-left: 1px solid #314b51; }
.language-switch a[aria-current="page"] { background: #183036; color: #a9e2e8; }
.language-switch a:hover { color: #d3f4f7; }
.index-atlas-link { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid #34555a; border-radius: 3px; background: #142326; color: #a8ddd4; font-size: .75rem; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.index-atlas-link:hover { border-color: var(--teal); color: #d3fff7; }
.index-hero { padding: clamp(54px,8vw,110px) max(5vw,calc((100vw - 1180px)/2)); border-bottom: 1px solid var(--line); }
.index-eyebrow { color: #7c9297; font-size: .72rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.index-hero h1 { max-width: 940px; margin: 16px 0 18px; font: 400 clamp(2.4rem,5.3vw,5.25rem)/.98 Georgia,serif; letter-spacing: -.035em; }
.index-hero h1 span { color: var(--teal); }
.index-hero > p { max-width: 760px; margin: 0; color: #94a4a8; font-size: 1.05rem; line-height: 1.7; }
.index-statline { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 18px; margin-top: 34px; }
.index-statline strong { color: var(--teal); font: 400 2rem Georgia,serif; }
.index-statline span { margin-right: 22px; color: #66787d; font-size: .72rem; letter-spacing: .09em; text-transform: uppercase; }
.country-index-grid { max-width: 1180px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0 auto; padding: 1px 0; background: var(--line); }
.country-index-grid > a { min-height: 92px; display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; align-items: center; padding: 18px; background: #0d1517; text-decoration: none; }
.country-index-grid > a:hover { background: #142124; }
.country-index-grid > a > span:nth-child(2) { min-width: 0; }
.country-index-grid strong,.country-index-grid small { display: block; }
.country-index-grid strong { font: 400 1rem Georgia,serif; }
.country-index-grid small { margin-top: 6px; color: #67797d; font-size: .7rem; line-height: 1.35; }
.country-index-grid b { color: #4c686d; font-weight: 400; }
.country-code-chip { width: 36px; height: 28px; display: grid; place-items: center; border: 1px solid #3d565b; background: #1b2a2e; color: #bdd0d3; font-size: .68rem; font-weight: 700; }
.index-footer { max-width: 1180px; margin: 0 auto; padding: 34px 0 50px; color: #607176; font-size: .78rem; line-height: 1.6; }
.trust-footer { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,1fr); gap: 70px; padding: 42px 5vw 54px; border-top: 1px solid var(--line); background: #080e10; }
.trust-footer > div { max-width: 590px; }.trust-footer-brand { display: flex; align-items: center; gap: 12px; color: #dce6e8; font: 700 .78rem Georgia,serif; letter-spacing: .13em; text-decoration: none; }.trust-footer-brand .brand-mark { display: inline-block; }.trust-footer p { margin: 16px 0 0; color: #607176; font-size: .76rem; line-height: 1.65; }
.trust-footer nav { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; }.trust-footer nav div { display: grid; align-content: start; gap: 9px; }.trust-footer nav strong { margin-bottom: 4px; color: #88999d; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }.trust-footer nav a { color: #71858a; font-size: .76rem; text-decoration: none; }.trust-footer nav a:hover { color: #71c6d6; }
.info-shell { min-height: 70vh; background: radial-gradient(circle at 78% 0,rgba(30,91,103,.13),transparent 31%),var(--bg); }.info-page { max-width: 1060px; margin: 0 auto; padding: 0 5vw 80px; }.info-hero { max-width: 800px; padding: 76px 0 48px; border-bottom: 1px solid var(--line); }.info-hero h1 { max-width: 780px; margin: 14px 0 20px; color: #e1e9ea; font: 400 clamp(2.35rem,5vw,4.7rem)/1 Georgia,serif; letter-spacing: -.035em; }.info-hero > p { max-width: 720px; margin: 0; color: #899a9e; font-size: 1rem; line-height: 1.75; }.info-content { max-width: 800px; }.info-content > section { padding: 38px 0; border-bottom: 1px solid var(--line); }.info-content h2 { margin: 0 0 15px; color: #d9e3e5; font: 400 1.45rem Georgia,serif; }.info-content p,.info-content li { color: #89999d; font-size: .96rem; line-height: 1.75; }.info-content ul,.info-content ol { display: grid; gap: 10px; padding-left: 22px; }.info-content li b { color: #b8c8cb; }.info-content a { color: #70c4d4; }.info-stat-grid { display: grid!important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; max-width: 800px; padding: 1px!important; background: var(--line); }.info-stat-grid article { padding: 22px; background: #0d1517; }.info-stat-grid strong { display: block; color: #70c5d5; font: 400 1.65rem Georgia,serif; }.info-stat-grid span { display: block; margin-top: 7px; color: #6f8287; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }.info-callout,.correction-contact { margin-top: 38px; padding: 28px 30px; border: 1px solid #2a5059; background: #0d191c; }.info-callout p,.correction-contact p { margin-bottom: 0; }.info-fineprint,.info-updated { color: #687c81!important; font-size: .76rem!important; }.method-component-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding: 1px; background: var(--line); }.method-component-list article { padding: 18px; background: #0d1517; }.method-component-list article > div { display: flex; justify-content: space-between; gap: 18px; }.method-component-list strong { color: #c8d6d9; }.method-component-list b { color: #6ec1d1; }.method-component-list p { margin: 9px 0 0; font-size: .78rem; line-height: 1.55; }.method-band-list { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 1px; padding: 1px; background: var(--line); }.method-band-list span { min-width: 0; padding: 14px 10px; background: #0d1517; text-align: center; }.method-band-list b { display: block; color: #b9c9cc; font-size: .68rem; overflow-wrap: anywhere; }.method-band-list small { display: block; margin-top: 6px; color: #65797e; font-size: .62rem; }.source-policy-grid { display: grid!important; grid-template-columns: 1fr 1fr; gap: 1px; padding: 1px!important; background: var(--line); }.source-policy-grid article { padding: 24px; background: #0d1517; }.source-policy-grid article h2 { font-size: 1.05rem; }.source-policy-grid article p { margin: 0; font-size: .8rem; line-height: 1.65; }.source-policy-grid article small { display: block; margin: 15px 0 10px; color: #64797e; font-size: .68rem; }.source-policy-grid article a,.info-external-link { font-size: .74rem; text-decoration: none; }.correction-contact h2 { margin: 10px 0; overflow-wrap: anywhere; color: #70c5d5; }.correction-contact a { display: inline-flex; margin-top: 18px; padding: 11px 15px; border: 1px solid #3f7f8c; color: #a5dce5; font-size: .75rem; letter-spacing: .03em; text-decoration: none; }
.country-page-hero { padding-bottom: 62px; }
.band-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
.band-summary span { min-width: 112px; padding: 12px 14px; border: 1px solid var(--line); background: rgba(255,255,255,.018); color: #73858a; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.band-summary strong { display: block; margin-bottom: 5px; color: #d6e2e4; font: 400 1.35rem Georgia,serif; }
.country-profile-section,.geopolitical-profile-section { padding-bottom: 50px; border-bottom: 1px solid var(--line); }
.country-fact-groups { max-width: 1180px; display: grid; grid-template-columns: 1.65fr 1fr .72fr; gap: 1px; margin: 0 auto; padding: 1px; background: var(--line); }
.country-fact-group { min-width: 0; background: #0d1517; }
.country-fact-group h3 { margin: 0; padding: 14px 18px; border-bottom: 1px solid var(--line); color: #71858a; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.country-fact-group > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.country-fact-group:last-child > div { grid-template-columns: 1fr; }
.country-fact-group article { min-width: 0; min-height: 112px; padding: 17px 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.country-fact-group article span,.geopolitical-stat-grid article span,.relationship-extremes > a > span,.country-trends article span { display: block; color: #74868b; font-size: .7rem; letter-spacing: .055em; line-height: 1.35; text-transform: uppercase; }
.country-fact-group article strong { display: block; margin: 10px 0 8px; overflow-wrap: anywhere; color: #dce5e7; font: 400 1.28rem Georgia,serif; }
.country-fact-group article small,.country-fact-group article a { color: #607378; font-size: .67rem; }
.country-fact-group article a { color: #60b9c9; text-decoration: none; }
.country-outlook { max-width: 1180px; margin: 20px auto 0; border: 1px solid #28505a; background: linear-gradient(135deg,#0d1a1d 0%,#0d1517 72%); }
.country-outlook-heading { display: flex; justify-content: space-between; gap: 32px; align-items: end; padding: 20px 22px; border-bottom: 1px solid #28505a; }
.country-outlook-heading h3 { margin: 7px 0 0; color: #d8e5e7; font: 400 1.3rem Georgia,serif; }
.country-outlook-heading p { max-width: 440px; margin: 0; color: #789096; font-size: .76rem; line-height: 1.55; }
.country-outlook-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
.country-outlook-grid article { min-width: 0; padding: 18px 20px; border-right: 1px solid #233d43; }
.country-outlook-grid article:last-child { border-right: 0; }
.country-outlook-grid article > span { display: block; color: #779096; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.country-outlook-grid article strong { display: block; margin: 10px 0 9px; overflow-wrap: anywhere; color: #72c8d9; font: 400 1.2rem Georgia,serif; }
.country-outlook-grid article small { color: #657c82; font-size: .64rem; line-height: 1.45; }
.country-outlook-grid article small b { margin-right: 4px; padding: 2px 5px; border: 1px solid #32616c; color: #78c9d8; font: 600 .57rem Arial,sans-serif; letter-spacing: .08em; }
.country-outlook-note { margin: 0; padding: 12px 20px; border-top: 1px solid #233d43; color: #60777c; font-size: .66rem; line-height: 1.5; }
.country-outlook-note a { color: #69bdcc; text-decoration: none; }
.country-trends { max-width: 1180px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 20px auto 0; padding: 1px; background: var(--line); }
.country-trends article { min-width: 0; padding: 18px; background: #0e1719; }
.country-trends article > div { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.country-trends article strong { color: #cfdcdf; font: 400 1rem Georgia,serif; white-space: nowrap; }
.country-sparkline { width: 100%; height: 68px; margin: 14px 0 8px; overflow: visible; }
.country-sparkline line { stroke: #26373a; stroke-width: 1; }
.country-sparkline polyline { fill: none; stroke: var(--teal); stroke-width: 2; vector-effect: non-scaling-stroke; }
.country-trends article > small { color: #607277; font-size: .64rem; line-height: 1.45; }
.country-data-note { max-width: 1180px; margin: 15px auto 0; color: #607277; font-size: .68rem; line-height: 1.5; }
.geopolitical-stat-grid { max-width: 1180px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 0 auto; padding: 1px; background: var(--line); }
.geopolitical-stat-grid article { min-height: 146px; padding: 22px; background: #0e1719; }
.geopolitical-stat-grid article strong { display: block; margin: 16px 0 9px; color: #dbe5e7; font: 400 2rem Georgia,serif; }
.geopolitical-stat-grid article small { color: #617479; font-size: .69rem; }
.relationship-extremes { max-width: 1180px; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 20px auto 0; padding: 1px; background: var(--line); }
.relationship-extremes > a { min-width: 0; padding: 22px; background: linear-gradient(145deg,rgba(98,208,189,.045),#0e1719 70%); text-decoration: none; }
.relationship-extremes > a:hover { background: #142124; }
.relationship-extremes > a > div { display: flex; justify-content: space-between; gap: 18px; align-items: baseline; margin: 13px 0 8px; }
.relationship-extremes b { overflow: hidden; color: #dbe5e7; font: 400 1.28rem Georgia,serif; text-overflow: ellipsis; white-space: nowrap; }
.relationship-extremes strong { font: 400 1.45rem Georgia,serif; }
.relationship-extremes small { color: #607277; font-size: .67rem; letter-spacing: .05em; }
.index-section-heading { max-width: 1180px; display: flex; justify-content: space-between; gap: 48px; align-items: end; margin: 0 auto; padding: 46px 0 24px; }
.index-section-heading h2 { margin: 8px 0 0; font: 400 clamp(1.45rem,2.5vw,2.25rem) Georgia,serif; }
.index-section-heading p { max-width: 460px; margin: 0; color: #708186; font-size: .83rem; line-height: 1.6; }
.relationship-table { max-width: 1180px; margin: 0 auto; border: 1px solid var(--line); }
.relationship-table-head,.relationship-table > a { display: grid; grid-template-columns: minmax(220px,1fr) 80px 125px 95px 190px; gap: 18px; align-items: center; }
.relationship-table-head { padding: 11px 18px; background: #111b1e; color: #607277; font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; }
.relationship-table > a { min-height: 62px; padding: 10px 18px; border-top: 1px solid var(--line); background: #0d1517; text-decoration: none; }
.relationship-table > a:hover { background: #142124; }
.relationship-table > a > span:first-child b,.relationship-table > a > span:first-child small { display: block; }
.relationship-table > a > span:first-child b { font: 400 .95rem Georgia,serif; }
.relationship-table > a > span:first-child small { margin-top: 4px; color: #5c6e73; font-size: .65rem; letter-spacing: .07em; }
.relationship-table > a > strong { font: 400 1.2rem Georgia,serif; }
.relationship-table > a > span:not(:first-child) { color: #849599; font-size: .78rem; }
.evidence-quality-badge { display: inline-flex; width: fit-content; max-width: 100%; padding: 5px 8px; border: 1px solid rgba(198,215,220,.15); font-style: normal; font-size: .65rem !important; line-height: 1.25; letter-spacing: .04em; }
.primary-direction-score .evidence-quality-badge { margin-top: 9px; }
.score-positive { color: #70c3df !important; }
.score-negative { color: #ff7070 !important; }
.method-note { max-width: 1180px; margin: 34px auto 64px; padding: 24px; border: 1px solid rgba(98,208,189,.18); border-left: 3px solid var(--teal); background: rgba(98,208,189,.035); }
.method-note strong { display: block; margin-bottom: 8px; font: 400 1.05rem Georgia,serif; }
.method-note p { max-width: 860px; margin: 0; color: #788a8f; font-size: .84rem; line-height: 1.6; }
.method-note a { display: inline-block; margin-top: 16px; color: var(--teal); font-size: .78rem; text-decoration: none; }
.embed-code-panel { max-width: 1180px; display: grid; grid-template-columns: minmax(230px,.7fr) minmax(0,1.3fr); gap: 34px; align-items: center; margin: 34px auto 0; padding: 24px; border: 1px solid #29454b; background: linear-gradient(135deg,rgba(98,208,189,.045),#0d1618 65%); }
.embed-code-panel h2 { margin: 8px 0 9px; font: 400 1.25rem Georgia,serif; }.embed-code-panel p { margin: 0; color: #73868b; font-size: .78rem; line-height: 1.55; }
.embed-code-box { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; border: 1px solid #31494f; background: #091113; }
.embed-code-box code { min-width: 0; overflow: hidden; padding: 14px; color: #8da3a8; font: .68rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow: ellipsis; white-space: nowrap; }
.embed-code-box button { border: 0; border-left: 1px solid #31494f; padding: 0 16px; background: #173036; color: #a9e1e8; cursor: pointer; font-size: .66rem; letter-spacing: .05em; text-transform: uppercase; }.embed-code-box button:hover { background: #1c3a40; }

.embed-body { min-width: 280px; background: #0b1113; }
.embed-shell { min-height: 280px; display: grid; grid-template-rows: auto 1fr auto; border: 1px solid #294047; background: radial-gradient(circle at 78% 18%,rgba(82,160,172,.12),transparent 40%),#0d1618; }
.embed-shell header,.embed-shell footer { min-width: 0; display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 13px 18px; }
.embed-shell header { border-bottom: 1px solid var(--line); }.embed-shell header a { display: flex; gap: 9px; align-items: center; color: #b8c7ca; font: 700 .66rem Arial,sans-serif; letter-spacing: .11em; text-decoration: none; }.embed-shell header .brand-mark { width: 22px; height: 22px; }.embed-shell header small { color: #5d7277; font-size: .58rem; letter-spacing: .07em; }
.embed-shell > section { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: center; padding: 24px 28px; }.embed-shell section span { color: #688087; font-size: .59rem; font-weight: 700; letter-spacing: .13em; }.embed-shell h1 { margin: 7px 0 8px; overflow: hidden; color: #dce6e8; font: 400 clamp(1.15rem,4vw,1.65rem) Georgia,serif; text-overflow: ellipsis; white-space: nowrap; }.embed-shell h1 i { color: #587279; font-style: normal; }.embed-shell section p { margin: 0; color: #6e8287; font-size: .7rem; }.embed-shell section > strong { font: 400 clamp(2.6rem,10vw,4.6rem) Georgia,serif; }
.embed-shell footer { border-top: 1px solid var(--line); color: #667b80; font-size: .65rem; }.embed-shell footer b { color: #b8c8cb; }.embed-shell footer a { color: #71c6d5; text-decoration: none; }
.breadcrumbs { max-width: 1180px; display: flex; gap: 9px; margin: 0 auto; padding: 24px 0 0; color: #6a7c81; font-size: .75rem; }
.breadcrumbs a { color: #91a4a8; text-decoration: none; }
.relationship-page-hero { padding-top: 55px; padding-bottom: 65px; }
.relationship-score-grid { max-width: 760px; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 38px; padding: 1px; background: var(--line); }
.relationship-score-grid article { min-height: 180px; display: grid; grid-template-columns: 1fr auto; align-content: center; gap: 6px 18px; padding: 26px; background: #10191c; }
.relationship-score-grid article.primary-direction-score { background: linear-gradient(145deg,rgba(98,208,189,.09),#10191c 70%); }
.relationship-score-grid article > span { color: #76888d; font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.relationship-score-grid article > strong { grid-row: 1 / span 3; grid-column: 2; align-self: center; font: 400 3.5rem Georgia,serif; }
.relationship-score-grid article > b { color: #d0dcde; font: 400 1.12rem Georgia,serif; }
.relationship-score-grid article > small { color: #697b7f; font-size: .7rem; }
.component-section,.index-events-section { border-bottom: 1px solid var(--line); }
.component-grid { max-width: 1180px; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 0 auto 50px; padding: 1px; background: var(--line); }
.component-grid article { min-width: 0; min-height: 210px; display: grid; grid-template-columns: 1fr auto; align-content: start; gap: 14px 16px; padding: 22px; background: #0e1719; }
.component-grid article > span { color: #87979b; font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; }
.component-grid article > strong { font: 400 1.5rem Georgia,serif; }
.component-grid article > i { grid-column: 1 / -1; height: 4px; overflow: hidden; background: #29373a; }
.component-grid article > i > b { display: block; height: 100%; }
.component-grid article.component-positive > i > b { background: var(--blue); }
.component-grid article.component-negative > i > b { background: var(--red); }
.component-summary { grid-column: 1 / -1; min-height: 38px; margin: 0; color: #829397; font-size: .78rem; line-height: 1.5; }
.component-explanation { grid-column: 1 / -1; border-top: 1px solid rgba(130,151,155,.18); }
.component-explanation summary { padding: 13px 0 0; color: var(--teal); cursor: pointer; font-size: .72rem; font-weight: 700; letter-spacing: .04em; list-style-position: inside; }
.component-explanation summary:hover { color: #91e0d1; }
.component-explanation-body { padding-top: 15px; }
.component-explanation-body ol { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.component-explanation-body li { min-width: 0; padding-top: 15px; border-top: 1px solid rgba(130,151,155,.14); }
.component-explanation-body li:first-child { padding-top: 0; border-top: 0; }
.component-factor-heading { display: grid; grid-template-columns: 38px 1fr; gap: 9px; align-items: baseline; }
.component-factor-heading b { font: 400 1rem Georgia,serif; }
.component-factor-heading span { color: #d0dcde; font: 400 .88rem Georgia,serif; line-height: 1.35; }
.component-explanation-body small { display: block; margin: 5px 0 7px 47px; color: #64767b; font-size: .63rem; text-transform: uppercase; letter-spacing: .08em; }
.component-explanation-body li > p,.component-zero-note,.component-limit-note,.component-gap-note { margin: 0 0 0 47px; color: #7c8d92; font-size: .73rem; line-height: 1.55; }
.component-source-links { display: grid; gap: 5px; margin: 9px 0 0 47px; }
.component-source-links a { overflow-wrap: anywhere; color: #66bece; font-size: .68rem; line-height: 1.4; text-decoration: none; }
.component-source-links a:hover { text-decoration: underline; }
.component-zero-note { margin-left: 0; }
.component-limit-note,.component-gap-note { margin: 14px 0 0; padding: 11px 12px; border-left: 2px solid #65777c; background: rgba(101,119,124,.08); }
.component-gap-note b { color: #aab8bb; }
.relationship-context-grid { max-width: 1180px; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 54px auto; padding: 1px; background: var(--line); }
.relationship-context-grid article { min-height: 210px; padding: 30px; background: #0e1719; }
.relationship-context-grid h2 { margin: 18px 0 10px; font: 400 1.8rem Georgia,serif; }
.relationship-context-grid h2 small { color: #65777c; font: .75rem Arial,sans-serif; }
.relationship-context-grid p { color: #74858a; font-size: .85rem; line-height: 1.6; }
.relationship-context-grid a { display: inline-block; margin-top: 8px; color: var(--teal); font-size: .78rem; text-decoration: none; }
.index-events-section { padding-bottom: 52px; }
.index-event-list { max-width: 1180px; margin: 0 auto; border: 1px solid var(--line); }
.index-event-list article { display: grid; grid-template-columns: 70px 1fr; gap: 18px; padding: 22px; border-top: 1px solid var(--line); background: #0e1719; }
.index-event-list article:first-child { border-top: 0; }
.index-event-list article > strong { font: 400 1.2rem Georgia,serif; }
.index-event-list h3 { margin: 0 0 7px; font: 400 1rem Georgia,serif; }
.index-event-list p,.empty-evidence { margin: 0; color: #728388; font-size: .83rem; line-height: 1.6; }
.empty-evidence { max-width: 1180px; margin: 0 auto; padding: 24px; border: 1px solid var(--line); background: #0e1719; }

/* Evidence-qualified rankings */
.rankings-hero { padding-bottom: 68px; }
.rankings-intro { max-width: 1180px; display: grid; grid-template-columns: minmax(260px,.75fr) 1.4fr; gap: 34px; align-items: start; margin: 34px auto 0; padding: 25px 28px; border: 1px solid #2a5059; background: #0d191c; }
.rankings-intro strong { color: #cbd8da; font: 400 1.12rem/1.4 Georgia,serif; }
.rankings-intro p { margin: 0; color: #74878c; font-size: .82rem; line-height: 1.65; }
.rankings-section { padding-bottom: 60px; }
.country-ranking-grid { max-width: 1180px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 0 auto; }
.country-ranking-card { min-width: 0; border: 1px solid var(--line); background: #0d1517; }
.country-ranking-card > header { display: flex; justify-content: space-between; gap: 20px; align-items: end; padding: 22px; border-bottom: 1px solid var(--line); }
.country-ranking-card > header span { color: #6b8186; font-size: .66rem; letter-spacing: .12em; }
.country-ranking-card h3 { margin: 7px 0 0; color: #dbe5e7; font: 400 1.45rem Georgia,serif; }
.country-ranking-card > header a { color: #70c5d5; font-size: .69rem; text-decoration: none; text-transform: uppercase; }
.ranking-coverage { padding: 14px 18px; border-bottom: 1px solid var(--line); background: rgba(10,26,30,.72); }
.ranking-coverage > div { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; }
.ranking-coverage span { color: #71858a; font-size: .62rem; letter-spacing: .09em; text-transform: uppercase; }
.ranking-coverage strong { color: #c9d7da; font: 400 .94rem Georgia,serif; }
.ranking-coverage > i { height: 4px; display: block; margin: 8px 0; overflow: hidden; background: #223237; }
.ranking-coverage > i b { height: 100%; display: block; max-width: 100%; background: #63bfd1; }
.ranking-coverage small { color: #647a7f; font-size: .63rem; }
.ranking-coverage p { margin: 11px 0 0; padding: 9px 10px; border-left: 2px solid var(--amber); background: rgba(194,146,75,.07); color: #89999d; font-size: .7rem; line-height: 1.45; }
.ranking-coverage p b { color: #d6aa6a; }
.ranking-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); }
.ranking-columns > div { min-width: 0; background: #0e1719; }
.ranking-columns h4 { margin: 0; padding: 13px 16px; border-bottom: 1px solid var(--line); color: #667b80; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }
.ranking-columns a { min-height: 58px; display: grid; grid-template-columns: 22px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 9px 15px; border-bottom: 1px solid rgba(130,151,155,.12); text-decoration: none; }
.ranking-columns a:hover { background: #142124; }
.ranking-columns em { color: #50656a; font-size: .66rem; font-style: normal; }
.ranking-columns span { min-width: 0; overflow: hidden; color: #bdcacc; font: 400 .86rem Georgia,serif; text-overflow: ellipsis; white-space: nowrap; }
.ranking-columns small { display: block; margin-top: 4px; overflow: hidden; color: #5d7277; font: .61rem Arial,sans-serif; text-overflow: ellipsis; }
.ranking-columns strong { font: 400 1rem Georgia,serif; }
.ranking-columns .ranking-empty { min-height: 86px; margin: 0; padding: 18px 16px; color: #687b80; font-size: .72rem; line-height: 1.5; }
.country-ranking-card > footer { padding: 12px 18px; color: #5f7479; font-size: .64rem; letter-spacing: .06em; }
.asymmetry-list { max-width: 1180px; margin: 0 auto; border: 1px solid var(--line); }
.asymmetry-list > a { min-height: 76px; display: grid; grid-template-columns: 36px minmax(230px,1fr) minmax(190px,.72fr) 110px; gap: 18px; align-items: center; padding: 13px 20px; border-top: 1px solid var(--line); background: #0d1517; text-decoration: none; }
.asymmetry-list > a:first-child { border-top: 0; }
.asymmetry-list > a:hover { background: #142124; }
.asymmetry-list em { color: #50656a; font-size: .7rem; font-style: normal; }
.asymmetry-list span > b,.asymmetry-list span > small { display: block; }
.asymmetry-list span > b { color: #cbd7d9; font: 400 1rem Georgia,serif; }
.asymmetry-list span > small { margin-top: 6px; color: #607378; font-size: .64rem; }
.asymmetry-scores { display: flex; gap: 16px; }
.asymmetry-scores strong { font: 400 1rem Georgia,serif; }
.asymmetry-gap { color: #a9b9bc; font: 400 .8rem Georgia,serif; text-align: right; }
.spanish-entry-grid { max-width: 1180px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 42px auto 0; padding: 1px; background: var(--line); }
.spanish-entry-grid article { min-width: 0; padding: 28px; background: #0d1517; }
.spanish-entry-grid h2 { margin: 12px 0; color: #d8e3e5; font: 400 1.35rem Georgia,serif; }
.spanish-entry-grid p { min-height: 80px; margin: 0 0 20px; color: #74868b; font-size: .83rem; line-height: 1.65; }
.spanish-entry-grid a { color: #70c5d5; font-size: .72rem; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.spanish-featured { padding-bottom: 60px; }
.spanish-featured > div:last-child { max-width: 1180px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; margin: 0 auto; padding: 1px; background: var(--line); }
.spanish-featured > div:last-child > a { min-width: 0; display: grid; grid-template-columns: 40px 1fr auto; gap: 10px; align-items: center; padding: 20px; background: #0d1517; text-decoration: none; }
.spanish-featured > div:last-child > a:hover { background: #142124; }
.spanish-featured b,.spanish-featured small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.spanish-featured b { color: #ccd8da; font: 400 .92rem Georgia,serif; }
.spanish-featured small { grid-column: 2; color: #607378; font-size: .62rem; }
.spanish-featured i { grid-column: 3; grid-row: 1 / 3; color: #557075; font-style: normal; }

/* Homepage orientation and versioned relationship change record */
.home-guide { padding: 28px; border-bottom: 1px solid rgba(98,208,189,.18); background: radial-gradient(circle at 68% 0,rgba(74,142,151,.09),transparent 37%),linear-gradient(120deg,#0c1517,#0b1214); }
.home-guide-intro { display: grid; grid-template-columns: minmax(460px,1.1fr) minmax(320px,.9fr); gap: 48px; align-items: end; max-width: 1440px; margin: 0 auto 24px; }
.home-guide-intro h1 { max-width: 780px; margin: 7px 0 0; font: 400 clamp(1.55rem,2.4vw,2.35rem)/1.08 Georgia,serif; }
.home-guide-intro p { max-width: 610px; margin: 0; color: #718388; font-size: .78rem; line-height: 1.55; }
.home-guide-grid { display: grid; grid-template-columns: 1.08fr .95fr 1fr; gap: 1px; max-width: 1440px; margin: 0 auto; padding: 1px; background: var(--line); }
.home-guide-grid > article { min-width: 0; min-height: 174px; display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 20px; background: rgba(13,22,24,.96); }
.home-card-number { color: #43585d; font: 400 .75rem Georgia,serif; }
.home-guide-grid h2 { margin: 0 0 13px; color: #d5e0e2; font: 400 1.05rem Georgia,serif; }
.home-country-picker { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 7px; }
.home-country-picker > .country-combobox { min-width: 0; }
.home-country-picker > .country-combobox > input { width: 100%; height: 40px; border: 1px solid #31474c; border-radius: 2px 0 0 2px; outline: none; padding: 0 34px 0 12px; background: #111c1f; color: #d9e4e6; font-size: .78rem; }
.home-country-picker > a { display: grid; place-items: center; min-height: 40px; border: 1px solid #344b50; border-radius: 2px; padding: 0 13px; color: #7f969b; font-size: .64rem; letter-spacing: .055em; text-align: center; text-decoration: none; text-transform: uppercase; }
.home-country-picker > a.home-profile-link { border-color: #4a8e98; background: #17353b; color: #b3e7ee; font-weight: 700; }.home-country-picker > a:hover { border-color: #66b5c1; color: #d6f4f7; }
.popular-country-links { display: flex; flex-wrap: wrap; gap: 5px 13px; margin-top: 13px; }
.popular-country-links a { color: #6d858a; font-size: .67rem; text-decoration: none; }.popular-country-links a:hover { color: #a5dce4; }
.home-card-kicker { display: block; margin-bottom: 7px; color: #5f7479; font-size: .58rem; letter-spacing: .11em; }
.featured-direction-scores { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; margin: 0 0 13px; }
.featured-direction-scores span { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; padding: 9px 10px; border: 1px solid rgba(198,215,220,.1); background: #101a1c; }
.featured-direction-scores small { color: #667b80; font-size: .58rem; letter-spacing: .08em; }.featured-direction-scores strong { color: #ff7777; font: 400 1.35rem Georgia,serif; }.featured-direction-scores i { color: #4f6469; font-style: normal; }
.home-featured-card a,.home-change-status a { color: #70c5d5; font-size: .65rem; letter-spacing: .045em; text-decoration: none; text-transform: uppercase; }
.home-score-scale { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; padding-top: 10px; }
.home-score-scale > i { position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg,#ba4e52,#89999d 50%,#4b9ab8); }
.home-score-scale span { color: #64777c; font-size: .58rem; }.home-score-scale span:nth-of-type(2) { text-align: center; }.home-score-scale span:nth-of-type(3) { text-align: right; }.home-score-scale b { display: block; margin-bottom: 3px; color: #a8b6b9; font: 400 .78rem Georgia,serif; }
.home-read-card p { margin: 10px 0 11px; color: #708287; font-size: .68rem; line-height: 1.45; }
.home-change-status { display: flex; justify-content: space-between; gap: 16px; align-items: end; padding-top: 10px; border-top: 1px solid var(--line); }
.home-change-status > span { color: #a9b9bc; font: 400 .75rem Georgia,serif; }.home-change-status > span > i { display: inline-block; width: 5px; height: 5px; margin: 0 7px 1px 0; border-radius: 50%; background: var(--teal); box-shadow: 0 0 8px rgba(98,208,189,.5); }.home-change-status small { display: block; margin: 4px 0 0 12px; color: #53676c; font: .56rem Arial,sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.change-status { display: grid!important; grid-template-columns: 1fr .8fr 1.4fr; gap: 1px; max-width: 800px; padding: 1px!important; background: var(--line); }.change-status article { min-width: 0; padding: 22px; background: #0d1517; }.change-status strong { display: block; overflow-wrap: anywhere; color: #70c5d5; font: 400 1.45rem Georgia,serif; }.change-status span { display: block; margin-top: 7px; color: #667b80; font-size: .65rem; letter-spacing: .07em; text-transform: uppercase; }
.change-filters { display: grid; grid-template-columns: 1fr 1fr auto auto; gap: 10px; align-items: end; }.change-filters label span { display: block; margin-bottom: 7px; color: #71868b; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }.change-filters select { width: 100%; min-height: 42px; border: 1px solid #2d4449; border-radius: 3px; outline: none; padding: 0 34px 0 12px; background: #101a1d; color: #d4e0e2; font-size: .82rem; }.change-filters button,.change-filters > a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #3c747f; border-radius: 3px; padding: 0 16px; background: #14262a; color: #9bd8e2; cursor: pointer; font-size: .72rem; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }.change-filters > a { border-color: #34484d; background: transparent; color: #778c91; }
.changes-section-heading { display: flex; justify-content: space-between; gap: 36px; align-items: end; margin-bottom: 22px; }.changes-section-heading h2 { margin: 7px 0 0; }.changes-section-heading p { max-width: 390px; margin: 0; color: #6f8287; font-size: .76rem; line-height: 1.55; }
.changes-empty { padding: 38px; border: 1px solid #26464d; background: linear-gradient(140deg,rgba(98,208,189,.04),#0d1517 65%); }.changes-empty > span { color: #6dbdcb; font-size: .66rem; font-weight: 700; letter-spacing: .12em; }.changes-empty h2 { margin: 12px 0 10px; }.changes-empty p { max-width: 610px; margin: 0; font-size: .84rem; }
.change-list { display: grid; gap: 12px; }.change-card { border: 1px solid #29464d; background: #0d1618; }.change-card > header { display: flex; justify-content: space-between; gap: 28px; align-items: center; padding: 22px 24px; border-bottom: 1px solid var(--line); }.change-card header span { color: #657a80; font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }.change-card h2 { margin: 8px 0 0; }.change-score { display: flex; align-items: center; gap: 11px; }.change-score small,.change-score strong { font: 400 1.45rem Georgia,serif; }.change-score small { color: #718388; }.change-score strong { color: #dfeaec; }.change-score i { color: #51676c; font-style: normal; }.change-score b { min-width: 40px; padding: 5px 7px; border: 1px solid currentColor; font-size: .68rem; text-align: center; }.change-up { color: var(--blue); }.change-down { color: #ff7070; }.change-card > p { margin: 0; padding: 20px 24px; }.change-bands { display: flex; align-items: center; gap: 10px; padding: 0 24px 18px; color: #84979b; font-size: .72rem; }.change-bands i { color: #53696e; font-style: normal; }.change-card dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; padding: 1px; background: var(--line); }.change-card dl div { padding: 14px 16px; background: #101a1c; }.change-card dt { color: #6f8388; font-size: .64rem; letter-spacing: .07em; text-transform: uppercase; }.change-card dd { margin: 7px 0 0; color: #b9c8cb; font-size: .76rem; }.change-card dd b { margin-left: 7px; color: #73c5d4; }.change-card > footer { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 16px 24px; }.change-card > footer a { font-size: .7rem; text-decoration: none; }.change-card > footer div { display: flex; flex-wrap: wrap; justify-content: end; gap: 12px; }
.week-archive-list { display: grid; border: 1px solid var(--line); }.week-archive-list > a { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; min-height: 68px; padding: 13px 18px; border-top: 1px solid var(--line); background: #0d1517; text-decoration: none; }.week-archive-list > a:first-child { border-top: 0; }.week-archive-list > a:hover { background: #132023; }.week-archive-list b,.week-archive-list small { display: block; }.week-archive-list b { color: #c4d2d5; font: 400 .95rem Georgia,serif; }.week-archive-list small { margin-top: 5px; color: #62757a; font-size: .66rem; }.week-archive-list strong { color: #70c5d5; font: 400 1.35rem Georgia,serif; }.week-archive-list em { color: #687d82; font-size: .66rem; font-style: normal; text-transform: uppercase; }.week-meta { display: grid!important; grid-template-columns: repeat(3,1fr); gap: 1px; padding: 1px!important; background: var(--line); }.week-meta span { padding: 18px; background: #0d1517; color: #667b80; font-size: .65rem; letter-spacing: .07em; text-transform: uppercase; }.week-meta b { display: block; margin-bottom: 8px; color: #b9c9cc; font: 400 .9rem Georgia,serif; letter-spacing: 0; text-transform: none; }.change-back { margin-top: 30px; }.change-back a { text-decoration: none; }

@media (max-width: 1220px) {
  .country-index-grid,.index-footer,.index-section-heading,.relationship-table,.method-note,.breadcrumbs,.component-grid,.relationship-context-grid,.index-event-list,.empty-evidence,.country-fact-groups,.country-outlook,.country-trends,.country-data-note,.geopolitical-stat-grid,.relationship-extremes,.rankings-intro,.country-ranking-grid,.asymmetry-list,.spanish-entry-grid,.spanish-featured > div:last-child { margin-left: 5vw; margin-right: 5vw; }
  .home-guide-grid { grid-template-columns: 1fr 1fr; }.home-read-card { grid-column: 1 / -1; }.home-guide-grid > article { min-height: 160px; }
}

@media (max-width: 760px) {
  html[lang="es"] .select-wrap .country-combobox > input { padding-right: 20px; padding-left: 36px; font-size: 9.5px; }
  .map-tools { width: auto; padding: 0; }
  .map-search-toggle { display: block; }
  .map-search-content { display: none; }
  .map-tools.search-open { width: 154px; padding: 8px; }
  .map-tools.search-open .map-search-toggle { width: calc(100% + 16px); margin: -8px -8px 8px; }
  .map-tools.search-open .map-search-content { display: block; }
  .home-guide { padding: 24px 18px; }.home-guide-intro { grid-template-columns: 1fr; gap: 12px; margin-bottom: 20px; }.home-guide-intro p { font-size: .74rem; }.home-guide-grid { grid-template-columns: 1fr; }.home-read-card { grid-column: auto; }.home-guide-grid > article { min-height: 0; padding: 18px 15px; }.home-country-picker { grid-template-columns: 1fr 1fr; gap: 7px; }.home-country-picker > .country-combobox { grid-column: 1 / -1; }.home-country-picker > .country-combobox > input,.home-country-picker > a { height: 40px; border-radius: 2px; }.featured-direction-scores { gap: 7px; }
  .index-topbar { padding: 12px 18px; }.index-topbar nav > a:not(.index-atlas-link) { display: none; }.index-brand { font-size: .7rem; }.index-atlas-link { padding: 0 9px; font-size: .65rem; }
  .trust-footer { grid-template-columns: 1fr; gap: 32px; padding: 34px 18px 42px; }.info-page { padding: 0 18px 58px; }.info-hero { padding: 52px 0 35px; }.info-stat-grid { grid-template-columns: 1fr 1fr; }.method-component-list,.source-policy-grid { grid-template-columns: 1fr; }.method-band-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .index-hero { padding-left: 18px; padding-right: 18px; }.index-hero h1 { font-size: 2.55rem; }.index-hero > p { font-size: .95rem; }
  .country-index-grid { grid-template-columns: 1fr; margin-left: 18px; margin-right: 18px; }.index-footer { margin: 0; padding: 30px 18px; }
  .country-fact-groups { grid-template-columns: 1fr; margin: 0 18px; }.country-fact-group > div,.country-fact-group:last-child > div { grid-template-columns: 1fr 1fr; }.country-outlook { margin: 18px 18px 0; }.country-outlook-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }.country-outlook-grid article { border-bottom: 1px solid #233d43; }.country-trends { grid-template-columns: 1fr 1fr; margin: 18px 18px 0; }.country-data-note { margin: 14px 18px 0; }.geopolitical-stat-grid { grid-template-columns: 1fr 1fr; margin: 0 18px; }.relationship-extremes { grid-template-columns: 1fr; margin: 18px 18px 0; }
  .index-section-heading { display: block; margin: 0; padding: 36px 18px 18px; }.index-section-heading p { margin-top: 12px; }
  .relationship-table { margin: 0 18px; overflow: hidden; }.relationship-table-head { display: none; }.relationship-table > a { grid-template-columns: 1fr 58px; gap: 8px; }.relationship-table > a > span:nth-child(3),.relationship-table > a > span:nth-child(4),.relationship-table > a > span:nth-child(5) { display: none; }
  .method-note { margin: 26px 18px 46px; }.embed-code-panel { grid-template-columns: 1fr; gap: 18px; margin: 26px 18px 0; }.embed-code-box { grid-template-columns: 1fr; }.embed-code-box button { min-height: 42px; border-top: 1px solid #31494f; border-left: 0; }.breadcrumbs { margin: 0; padding: 18px 18px 0; overflow-x: auto; white-space: nowrap; }
  .relationship-score-grid { grid-template-columns: 1fr; }.relationship-score-grid article { min-height: 150px; }.relationship-score-grid article > strong { font-size: 3rem; }
  .component-grid { grid-template-columns: 1fr; margin: 0 18px 36px; }.component-grid article { min-height: 0; padding: 18px; }
  .relationship-context-grid { grid-template-columns: 1fr; margin: 36px 18px; }.relationship-context-grid article { min-height: 0; padding: 24px; }
  .index-event-list,.empty-evidence { margin: 0 18px; }.index-event-list article { grid-template-columns: 50px 1fr; padding: 18px; }
  .change-status { grid-template-columns: 1fr; }.change-filters { grid-template-columns: 1fr 1fr; }.change-filters button,.change-filters > a { width: 100%; }.changes-section-heading { display: block; }.changes-section-heading p { margin-top: 12px; }.change-card > header,.change-card > footer { align-items: flex-start; flex-direction: column; }.change-card dl { grid-template-columns: 1fr; }.change-card > footer div { justify-content: start; }.week-meta { grid-template-columns: 1fr; }
  .rankings-intro { grid-template-columns: 1fr; gap: 10px; margin: 24px 18px 0; padding: 20px; }.country-ranking-grid { grid-template-columns: 1fr; margin: 0 18px; }.asymmetry-list { margin: 0 18px; }.asymmetry-list > a { grid-template-columns: 28px 1fr auto; gap: 10px; }.asymmetry-scores { grid-column: 2; }.asymmetry-gap { grid-column: 3; grid-row: 1 / 3; }
  .spanish-entry-grid { grid-template-columns: 1fr; margin: 24px 18px 0; }.spanish-entry-grid p { min-height: 0; }.spanish-featured > div:last-child { grid-template-columns: 1fr; margin: 0 18px; }
}

@media (max-width: 440px) {
  .index-topbar { gap: 10px; }
  .index-topbar .index-atlas-link { display: none; }
  .embed-shell header { align-items: flex-start; }.embed-shell header small { max-width: 92px; text-align: right; }.embed-shell > section { gap: 12px; padding: 21px 18px; }.embed-shell section > strong { font-size: 2.75rem; }.embed-shell footer { align-items: flex-start; flex-direction: column; gap: 7px; }
  .country-fact-group > div,.country-fact-group:last-child > div,.country-outlook-grid,.country-trends,.geopolitical-stat-grid { grid-template-columns: 1fr; }
  .country-outlook-heading { display: block; }.country-outlook-heading p { margin-top: 10px; }.country-outlook-grid article { border-right: 0; }
  .trust-footer nav { grid-template-columns: 1fr; }.info-stat-grid { grid-template-columns: 1fr; }
  .ranking-columns { grid-template-columns: 1fr; }.asymmetry-list > a { grid-template-columns: 24px 1fr; }.asymmetry-scores { grid-column: 2; flex-wrap: wrap; gap: 8px 14px; }.asymmetry-gap { grid-column: 2; grid-row: auto; text-align: left; }
}

.lp-wrap { max-width:1180px; margin:auto; padding:32px 24px 60px; }.lp-intro h1 { font:400 clamp(2.2rem,4.5vw,4rem)/1.1 Georgia,serif; margin:16px 0 20px; }.lp-intro p { max-width:780px; font-size:1.1rem; line-height:1.7; color:#b8c7cb; }.lp-intro small { font-size:.875rem; color:var(--muted); }.lp-levels { display:flex; flex-wrap:wrap; gap:10px; margin:28px 0; }.lp-badge { display:inline-flex; align-items:center; gap:12px; border:1px solid currentColor; border-radius:4px; padding:7px 10px; font-size:.875rem; line-height:1.4; text-decoration:none; }.lp-levels a[aria-current] { outline:2px solid var(--ink); outline-offset:3px; }.levels-pilot .lp-close { color:#74c7e6; }.levels-pilot .lp-cooperation { color:#77d2bb; }.levels-pilot .lp-mixed { color:#cad1d4; }.levels-pilot .lp-tense { color:#edbd72; }.levels-pilot .lp-confrontation { color:#ff9494; }.levels-pilot .lp-insufficient { color:#9babb4; border-style:dashed; }.lp-filter { display:flex; flex-wrap:wrap; align-items:end; gap:14px; padding:22px; background:var(--panel); border:1px solid var(--line); }.lp-filter label { display:grid; gap:8px; font-size:.875rem; flex:1 1 200px; }.lp-filter input,.lp-filter select { width:100%; min-height:44px; background:#0c1416; color:var(--ink); border:1px solid #506166; padding:8px 12px; font-size:1rem; border-radius:3px; }.lp-filter button { min-height:44px; padding:8px 18px; color:#081815; background:var(--teal); border:0; border-radius:3px; cursor:pointer; }.lp-filter>a { align-self:center; font-size:.9rem; }.lp-method { margin:22px 0; padding:18px 22px; border:1px solid var(--line); }.lp-method p { color:#b7c4c9; line-height:1.7; }.levels-pilot summary { cursor:pointer; color:var(--teal); line-height:1.6; font-size:.9rem; }.lp-count { font-size:.9rem; color:var(--muted); }.lp-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.lp-card { padding:24px; background:var(--panel); border:1px solid var(--line); align-self:start; }.lp-card-header { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; align-items:center; }.lp-card-header small { color:var(--muted); font-size:.875rem; }.lp-card h2 { font:400 1.65rem/1.3 Georgia,serif; margin:20px 0 14px; }.lp-card p { font-size:1rem; line-height:1.7; color:#b8c7cb; }.lp-card details { margin-top:20px; }.lp-source { border-top:1px solid var(--line); padding:16px 0; }.lp-source a { color:var(--teal); overflow-wrap:anywhere; }.lp-source small { color:var(--muted); font-size:.875rem; line-height:1.6; }.levels-pilot a:focus-visible,.levels-pilot summary:focus-visible,.levels-pilot input:focus-visible,.levels-pilot select:focus-visible,.levels-pilot button:focus-visible { outline:2px solid var(--teal); outline-offset:4px; }@media(max-width:700px) { .lp-wrap { padding:24px 18px 40px; }.lp-grid { grid-template-columns:1fr; }.lp-card { padding:20px; }.lp-filter { padding:18px; }.lp-levels { gap:12px; } }
.lp-audience ~ .trust-footer { display:none; }
.lp-audience-footer { margin-top:40px; padding-top:24px; border-top:1px solid var(--line); }
.lp-audience-footer p { max-width:650px; font-size:.875rem; line-height:1.7; color:var(--muted); }
.lp-audience .lp-method { margin:14px 0; padding:12px 16px; }
@media(max-width:700px) { .lp-audience .lp-intro h1 { font-size:2rem; margin:12px 0; }.lp-audience .lp-intro p { font-size:1rem; line-height:1.6; margin:12px 0; }.lp-audience .lp-levels { margin:20px 0; }.lp-audience .lp-filter { padding:14px; } }

.detail-wrap{max-width:1100px}.detail-breadcrumb{margin:8px 0 28px;font-size:.95rem;line-height:1.8;overflow-wrap:anywhere}.detail-breadcrumb a,.detail-link,.detail-wrap a{color:var(--teal)}.detail-link{display:inline-block;min-height:44px;padding:12px 0;font-size:1rem}.detail-section{margin:30px 0;padding:24px;border:1px solid var(--line);background:var(--panel);min-width:0}.detail-section h2{font:400 1.8rem/1.3 Georgia,serif;margin:0 0 20px}.detail-section p{font-size:1rem;line-height:1.8;color:#b8c7cb;max-width:80ch}.detail-item+.detail-item{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.detail-item h3{font-size:1.1rem;line-height:1.5;margin:0 0 8px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-columns .detail-section{margin:24px 0 0}.detail-citations,.detail-note{font-size:.9rem!important}.detail-sources{padding-left:24px}.detail-sources li{padding:12px 0;line-height:1.7;scroll-margin-top:24px;overflow-wrap:anywhere}.detail-sources li p{font-size:.9rem}.detail-wrap a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.detail-sources li:target{outline:1px solid var(--teal);outline-offset:8px}.detail-promo{margin:20px 0;padding:16px 20px;border:1px solid var(--line);line-height:1.7}@media(max-width:700px){.detail-columns{grid-template-columns:1fr;gap:0}.detail-section{padding:20px;margin:20px 0}.detail-section h2{font-size:1.5rem}.detail-breadcrumb{margin-bottom:20px}}
.bilateral-article{min-width:0}.article-section{max-width:85ch;margin-left:auto;margin-right:auto;scroll-margin-top:24px}.article-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.article-fact{padding:22px;border:1px solid var(--line);background:var(--panel);min-width:0}.article-fact h2{font-size:1rem;font-weight:500;line-height:1.5;margin:0 0 16px;color:#b8c7cb}.article-fact strong{font:400 1.8rem/1.3 Georgia,serif;display:block;overflow-wrap:anywhere;color:#e7f1ed}.article-fact p{font-size:.9rem;line-height:1.7;margin-bottom:0}.article-period{color:var(--teal)}.article-contents{display:flex;flex-wrap:wrap;gap:8px 22px;border-bottom:1px solid var(--line);padding:0 0 18px;margin:24px 0}.article-contents a{display:inline-block;padding:10px 0;min-height:44px;font-size:.95rem;line-height:1.5}.article-citations{white-space:nowrap;font-size:.875rem}.article-citations a{padding:3px}.article-timeline{padding:0;list-style:none}.article-timeline li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.article-timeline h3{font-size:1.1rem;line-height:1.5;margin:0}.article-event-date{font-size:.95rem;line-height:1.7;color:var(--teal)}.article-data-note summary{cursor:pointer;font-size:1rem;padding:12px 0;min-height:44px}.article-category{margin:28px 0;color:#a3b4b9;font-size:.95rem}.article-category p{font-size:.9rem;line-height:1.7;max-width:80ch}.article-category .lp-badge{margin:0 0 0 8px}@media(max-width:700px){.article-facts{grid-template-columns:1fr}.article-fact strong{font-size:1.6rem}.article-timeline li{grid-template-columns:1fr;gap:4px}.article-contents{gap:4px 16px}.article-category .lp-badge{margin:8px 0}}

.lp-intro .article-category{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(120deg,rgba(119,210,187,.09),rgba(116,199,230,.04))}
.article-category-label{font-size:.875rem;color:#b8c7cb}
.lp-intro .article-category .lp-badge{margin:0;font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:600;padding:8px 14px}
.lp-intro .article-category small{flex-basis:100%;font-size:.8rem;line-height:1.5}
.indicator-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin:24px 0 12px}
.indicator-panel{margin:0;min-width:0}
.indicator-panel>h2{font:400 1.4rem/1.3 Georgia,serif;margin:0 0 8px}
.indicator-intro{font-size:.875rem;line-height:1.5;color:#a3b4b9;margin:0 0 12px}
.comparison-wrap{border:1px solid var(--line);background:var(--panel);border-radius:4px;overflow:hidden}
.country-comparison,.bilateral-table{width:100%;table-layout:fixed;border-collapse:collapse}
.country-comparison th,.country-comparison td,.bilateral-table th,.bilateral-table td{padding:9px 10px;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.4;vertical-align:middle;overflow-wrap:anywhere}
.country-comparison th,.bilateral-table th{text-align:left;font-weight:400;color:#b8c7cb}
.country-comparison thead th,.bilateral-table thead th{font-weight:600;background:#142225;padding-top:10px;padding-bottom:10px}
.country-comparison th:first-child{width:38%}
.country-comparison td{text-align:right;border-left:1px solid var(--line)}
.country-comparison thead th:not(:first-child){text-align:right}
.bilateral-table th:first-child{width:43%}
.bilateral-table th:last-child{width:21%}
.bilateral-table th:nth-child(2),.bilateral-table td:nth-child(2){text-align:right}
.bilateral-table td:last-child{text-align:right;color:#a3b4b9;font-size:.875rem}
.bilateral-table tbody tr:nth-child(even),.country-comparison tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
.bilateral-table tbody tr:last-child>*,.country-comparison tbody tr:last-child>*{border-bottom:0}
.metric-value,.comparison-value{font-family:inherit;font-weight:500;font-size:1rem;line-height:1.4;color:#e7f1ed;font-variant-numeric:tabular-nums;min-height:0}
.metric-empty,.comparison-empty{height:36px;min-height:0}
.rate-date{display:block;font-size:.875rem;line-height:1.4;color:#a3b4b9;margin-top:2px}
.estimate-tag{font-size:.875rem;color:#a3b4b9;font-weight:400}
.comparison-method summary,.relation-specific-facts summary{cursor:pointer;font-size:.875rem;line-height:1.5;min-height:44px;padding:12px 0;color:#b8c7cb}
.comparison-method p{font-size:1rem;line-height:1.7;color:#b8c7cb}
.indicator-source-list{font-size:.875rem;line-height:1.6}
.indicator-source-list dt{font-weight:600;margin:16px 0 4px}
.indicator-source-list dd{margin:0;color:#a3b4b9}
.indicator-source-list dd span{display:block;margin-top:4px}
.relation-specific-facts{margin:0 0 16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.indicator-dashboard{grid-template-columns:1fr;gap:20px}.country-comparison th:first-child{width:38%}}
@media(max-width:700px){.country-comparison th,.country-comparison td,.bilateral-table th,.bilateral-table td{padding:8px}.indicator-panel>h2{font-size:1.3rem}.metric-value,.comparison-value{font-size:1rem}.bilateral-table th:first-child{width:42%}.bilateral-table th:last-child{width:23%}}

.atlas-map{margin:24px 0 28px;border:1px solid var(--line);background:#0c171c;border-radius:6px;overflow:hidden}.map-toolbar{display:flex;flex-wrap:wrap;gap:12px;padding:16px;border-bottom:1px solid var(--line);align-items:end}.map-toolbar label{display:grid;gap:6px;font-size:.875rem;color:#b8c7cb;flex:1;min-width:155px}.map-toolbar select,.map-toolbar button{font:inherit;font-size:1rem;min-height:44px;padding:8px 10px;background:#14252b;border:1px solid #40545c;border-radius:4px;color:#e7f1ed;max-width:100%;cursor:pointer}.map-toolbar button{font-size:.875rem}.map-stage{position:relative;height:520px;background:#0b141b;overflow:hidden}#relationship-map{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#relationship-map.is-dragging{cursor:grabbing}#relationship-map:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}.map-land-shape{stroke:#071218;stroke-width:.65;vector-effect:non-scaling-stroke;cursor:pointer}.map-land-shape:hover{stroke:#f3ffff;stroke-width:1.5}.map-land-shape[data-selected=true]{stroke:#fff;stroke-width:2}.map-pin{stroke-width:1.2}.map-close{fill:#4aa78f;background:#4aa78f}.map-cooperation{fill:#73bca4;background:#73bca4}.map-mixed{fill:#dec887;background:#dec887}.map-tense{fill:#d28e62;background:#d28e62}.map-confrontation{fill:#c76570;background:#c76570}.map-insufficient{fill:url(#map-unknown);background:repeating-linear-gradient(135deg,#243039 0 3px,#4c606c 3px 4px,#243039 4px 7px)}.map-origin{fill:#78b9e9;background:#78b9e9}#map-loading{position:absolute;inset:40% 0 auto;text-align:center;color:#b8c7cb;pointer-events:none}.map-help,.map-credit{padding:0 16px;font-size:.875rem;line-height:1.6;color:#a3b4b9}.map-credit{font-size:.8rem}.map-legend{display:flex;gap:10px 18px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem;color:#b8c7cb}.map-legend span{display:flex;align-items:center;gap:7px}.map-key{display:inline-block;width:14px;height:14px;border-radius:2px;border:1px solid #677b84;flex-shrink:0}.map-selection{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px}.map-selection h2{font:400 1.5rem/1.4 Georgia,serif;margin:0 0 10px}.map-selection p{font-size:1rem;line-height:1.7;color:#b8c7cb;margin:8px 0}.map-selection #map-coverage{font-size:.875rem;color:#a3b4b9}.map-selection-actions{display:flex;flex-direction:column;justify-content:center;gap:8px}.map-selection-actions a{display:block;padding:10px 12px;min-height:44px;line-height:1.5;border:1px solid var(--line);border-radius:4px;font-size:.95rem;color:var(--teal)}.map-selection-actions a[hidden]{display:none}.map-toolbar select:focus-visible,.map-toolbar button:focus-visible,.map-selection a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media(max-width:700px){.map-stage{height:390px}.map-toolbar{padding:12px;gap:10px}.map-toolbar label{min-width:130px}.map-toolbar label:nth-child(3){flex-basis:100%}.map-toolbar button{flex:1}.map-selection{grid-template-columns:1fr;gap:8px;padding:14px}.map-selection-actions{flex-direction:row;flex-wrap:wrap}.map-selection-actions a{flex:1;min-width:140px}.map-selection h2{font-size:1.3rem}}
.map-toolbar select{width:100%;min-width:0}.map-toolbar label{flex-basis:155px}
.map-toolbar button:disabled{opacity:.45;cursor:default}

/* Production atlas palette, applied consistently to the qualitative experience. */
.history-chart{max-width:780px;margin-left:auto;margin-right:auto}
.relationship-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:24px 0;border:1px solid var(--line);border-radius:8px;background:linear-gradient(130deg,rgba(98,208,189,.05),rgba(16,27,31,.7));overflow:hidden}.relationship-keys>div{padding:16px 18px;min-width:0}.relationship-keys>div+div{border-left:1px solid var(--line)}.relationship-keys h2{font:600 .875rem/1.5 Arial,sans-serif;letter-spacing:.04em;color:#9bd9d0;margin:0 0 8px}.relationship-keys p{margin:0 0 8px;color:#bfd0d4;font-size:1rem;line-height:1.6}.relationship-keys>div>div{font-size:.875rem;line-height:1.6}
.enrichment-section{margin:24px 0}.enrichment-intro,.enrichment-meta{font-size:.875rem!important;line-height:1.65!important;color:#98adb5!important}.enrichment-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.product-direction{min-width:0}.product-direction h3{font-size:1rem;line-height:1.6;margin:0 0 8px;color:#d1e7e7}.product-table,.history-table{width:100%;border-collapse:collapse;table-layout:fixed}.product-table th,.product-table td,.history-table th,.history-table td{padding:9px 10px;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;vertical-align:middle}.product-table th{font-weight:400;text-align:left;width:68%;color:#bcced3}.product-table td{width:32%;text-align:right;font-variant-numeric:tabular-nums;color:#d8ebeb;height:40px}.product-table thead th,.history-table thead th{background:#1b3035;color:#bdd2d5;font-weight:600}.product-table tbody tr:last-child>*,.history-table tbody tr:last-child>*{border-bottom:0}.enrichment-citation{font-size:.875rem}.people-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.people-metrics>div{border:1px solid var(--line);border-radius:6px;padding:16px;background:rgba(98,208,189,.025)}.people-metrics h3{font-size:1rem;font-weight:400;line-height:1.55;margin:0 0 12px;color:#bdcfd4}.people-metrics strong{display:block;color:#b6e4df;font:400 1.8rem/1.3 Georgia,serif;margin:0 0 5px;font-variant-numeric:tabular-nums}.people-metrics p{font-size:.875rem!important;line-height:1.65!important;margin-bottom:0}.history-chart{width:100%;height:auto;display:block;margin:16px 0;background:rgba(8,18,22,.4);border-radius:6px}.history-chart text{fill:#b8cbd1;font:14px Arial,sans-serif}.history-grid{stroke:rgba(198,215,220,.12);stroke-width:1}.history-chart polyline{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.history-chart .history-total{stroke:#62d0bd}.history-chart .history-a{stroke:#62b9db}.history-chart .history-b{stroke:#e6b85c;stroke-dasharray:6 4}.history-chart circle.history-total{fill:#62d0bd}.history-chart circle.history-a{fill:#62b9db}.history-chart circle.history-b{fill:#e6b85c;stroke-dasharray:none}.history-legend{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.875rem;color:#c3d3d7}.history-legend span{display:flex;align-items:center;gap:8px}.history-legend i{width:22px;height:3px;display:block}.history-legend .history-total{background:#62d0bd}.history-legend .history-a{background:#62b9db}.history-legend .history-b{background:repeating-linear-gradient(90deg,#e6b85c 0 6px,transparent 6px 9px)}.history-table caption{text-align:left;padding:12px;color:#a4b9c1;font-size:.875rem}.history-table th{font-weight:400;text-align:left}.history-table td{text-align:right;font-variant-numeric:tabular-nums}.history-table thead th:not(:first-child){text-align:right}.enrichment-sources{margin:24px 0;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:rgba(98,208,189,.025)}.enrichment-sources summary{font-size:1rem;line-height:1.6;cursor:pointer;color:#a9cbc9}.enrichment-sources li{padding:12px 0;scroll-margin-top:20px;overflow-wrap:anywhere}.enrichment-sources li p{font-size:.875rem;line-height:1.65;color:#9cafb5}
@media(max-width:700px){.relationship-keys,.enrichment-columns,.people-metrics{grid-template-columns:1fr}.relationship-keys>div+div{border-left:0;border-top:1px solid var(--line)}.relationship-keys>div{padding:14px 16px}.enrichment-section{padding:16px}.enrichment-columns{gap:18px}.product-table th,.product-table td,.history-table th,.history-table td{padding:8px}.history-chart text{font-size:24px}.enrichment-sources{padding:14px 16px}}
.map-tooltip{position:absolute;z-index:5;pointer-events:none;max-width:min(280px,calc(100% - 16px));padding:10px 13px;border:1px solid rgba(121,175,183,.4);border-radius:6px;background:linear-gradient(145deg,#1b3035,#0f1c21);box-shadow:0 8px 24px rgba(0,0,0,.4);color:#e8edf0;line-height:1.45}.map-tooltip strong{display:block;font-size:1rem;font-weight:600}.map-tooltip span{display:block;font-size:.875rem;color:#acc6cb;margin-top:3px}
:root{--ink:#e8edf0;--muted:#94a5ab;--line:rgba(198,215,220,.14);--panel:#111c20;--teal:#62d0bd;--blue:#62b9db;--amber:#e6b85c}
.index-shell.levels-pilot{background:radial-gradient(ellipse at 72% 12%,rgba(40,86,91,.22),transparent 40%),radial-gradient(ellipse at 12% 60%,rgba(34,62,77,.1),transparent 45%),#0b1113}
.levels-pilot .index-topbar{min-height:68px;background:linear-gradient(110deg,#101b1e,#090f11 75%);border-color:var(--line)}
.levels-pilot .index-brand{font-size:.875rem;color:#e8edf0}
.levels-pilot .brand-mark{border-color:#62a59e;box-shadow:0 0 18px rgba(98,208,189,.08)}
.levels-pilot .lp-wrap{max-width:1360px;padding:28px 28px 56px}
.levels-pilot .detail-wrap{max-width:1180px}
.levels-pilot .index-eyebrow{color:var(--teal);font-size:.875rem;letter-spacing:.15em}
.levels-pilot .lp-intro h1{font-size:clamp(2.2rem,3.7vw,3.4rem);letter-spacing:-.035em;line-height:1.08;margin:12px 0 14px;color:#edf4f3}
.levels-pilot .lp-intro p{color:#a8bac0;line-height:1.65;margin:0 0 16px}
.levels-pilot .lp-intro small{display:block;color:#8b9ea4;line-height:1.6}
.atlas-map{margin-top:22px;border-color:rgba(133,178,186,.22);border-radius:12px;background:linear-gradient(135deg,#142226,#0d171b 70%);box-shadow:0 22px 65px rgba(0,0,0,.25),inset 0 1px rgba(212,238,242,.035)}
.map-toolbar{padding:18px 20px;background:linear-gradient(110deg,rgba(98,208,189,.07),rgba(10,20,23,.55) 70%);gap:12px}
.map-toolbar label{color:#9aafb6;font-size:.875rem;gap:8px}
.map-toolbar select,.map-toolbar button{border-color:#31484f;border-radius:6px;background:linear-gradient(155deg,#1a2a2e,#111d21);color:#e1eced;box-shadow:inset 0 1px rgba(226,248,250,.025)}
.map-toolbar select:hover,.map-toolbar button:not(:disabled):hover{border-color:#62968f;background:#1d3135}
.map-toolbar #map-source{border-color:rgba(98,208,189,.5);background:linear-gradient(145deg,rgba(98,208,189,.1),#112225)}
.map-toolbar button:not(:disabled){color:#b5d1d1}
.map-stage{height:clamp(440px,56vh,630px);background-color:#0c1416;background-image:radial-gradient(ellipse at 50% 46%,rgba(74,120,126,.13),transparent 66%),linear-gradient(rgba(99,128,134,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(99,128,134,.045) 1px,transparent 1px);background-size:auto,100% 25%,12.5% 100%}
.map-land-shape{stroke:#0b181d;stroke-width:.7;transition:stroke .15s ease,stroke-width .15s ease}
.map-land-shape:hover{stroke:#c5e3e5;stroke-width:1.4}
.map-land-shape[data-selected=true]{stroke:#edf9fa;stroke-width:2}
.map-close{fill:url(#map-close-paint);background:linear-gradient(150deg,#70c1e1,#3986a5)}
.map-cooperation{fill:url(#map-cooperation-paint);background:linear-gradient(150deg,#448da2,#2a6279)}
.map-mixed{fill:url(#map-mixed-paint);background:linear-gradient(150deg,#a4b5bb,#74898f)}
.map-tense{fill:url(#map-tense-paint);background:linear-gradient(150deg,#c3a264,#926d35)}
.map-confrontation{fill:url(#map-confrontation-paint);background:linear-gradient(150deg,#d17279,#a4464e)}
.map-origin{fill:url(#map-origin-paint);background:linear-gradient(150deg,#9bead9,#48b59f);stroke:#c4fff4;stroke-width:1.2}
.map-insufficient{fill:url(#map-unknown);background:repeating-linear-gradient(135deg,#1b292d 0 3px,#35494f 3px 4px,#1b292d 4px 7px)}
.map-help{margin:0;padding:12px 20px;color:#8ea5ac;font-size:.875rem;line-height:1.65;border-top:1px solid rgba(198,215,220,.07)}
.map-legend{padding:14px 20px;gap:12px 20px;background:rgba(7,14,17,.24);font-size:.875rem;color:#bbced2;border-color:rgba(198,215,220,.1)}
.map-key{width:18px;height:8px;border-radius:2px;border:0;box-shadow:inset 0 0 0 1px rgba(220,240,244,.12)}
.map-selection{padding:22px;gap:24px;background:linear-gradient(120deg,rgba(98,208,189,.055),rgba(8,17,21,.32))}
.map-selection h2{font-size:1.75rem;letter-spacing:-.02em;color:#e7f0f1}
.map-selection p{color:#aebfc5;line-height:1.75}
.map-selection-actions a{border-color:#30484f;background:linear-gradient(140deg,rgba(98,208,189,.07),rgba(8,17,21,.3));text-decoration:none;border-radius:6px;transition:border-color .15s ease,background .15s ease}
.map-selection-actions a:hover{border-color:#62a69d;background:rgba(98,208,189,.1)}
.map-selection-actions #map-detail-link{background:linear-gradient(115deg,#62d0bd,#54b7b2);color:#0b2425;border:1px solid #69cfc1;font-weight:600}
.map-selection-actions #map-detail-link:hover{background:#7cdfcf}
.map-credit{margin:0;padding:12px 20px;color:#8299a1;font-size:.8125rem;line-height:1.6}
.levels-pilot .lp-badge{border-radius:5px;gap:10px;font-size:.875rem;font-weight:500}
.levels-pilot .lp-close{color:#8ed0e8;border-color:rgba(98,185,219,.35);background:linear-gradient(120deg,rgba(98,185,219,.13),rgba(98,185,219,.035))}
.levels-pilot .lp-cooperation{color:#8ebfce;border-color:rgba(74,144,165,.35);background:linear-gradient(120deg,rgba(64,133,156,.16),rgba(64,133,156,.04))}
.levels-pilot .lp-mixed{color:#c2ced2;border-color:rgba(143,160,164,.35);background:linear-gradient(120deg,rgba(143,160,164,.13),rgba(143,160,164,.035))}
.levels-pilot .lp-tense{color:#e6bd7c;border-color:rgba(230,184,92,.35);background:linear-gradient(120deg,rgba(230,184,92,.12),rgba(230,184,92,.025))}
.levels-pilot .lp-confrontation{color:#f2a0a3;border-color:rgba(220,94,102,.35);background:linear-gradient(120deg,rgba(220,94,102,.13),rgba(220,94,102,.035))}
.levels-pilot .lp-insufficient{color:#94a9b1;background:rgba(37,54,60,.18);border-color:#42575e}
.levels-pilot .detail-promo,.levels-pilot .lp-method,.levels-pilot .lp-filter{border-radius:8px;border-color:var(--line);background:linear-gradient(120deg,rgba(98,208,189,.035),rgba(15,26,30,.7))}
.levels-pilot .detail-promo{padding:4px 20px}
.levels-pilot .detail-promo a{color:#9bddd1;text-decoration:none}
.levels-pilot .lp-method summary{font-size:.95rem;color:#9cbdbf}
.levels-pilot .lp-method p{color:#acbec4}
.levels-pilot .lp-card,.levels-pilot .detail-section,.levels-pilot .article-fact{background:linear-gradient(145deg,#162529,#101b1f 75%);border-color:rgba(198,215,220,.14);border-radius:8px;box-shadow:inset 0 1px rgba(230,246,249,.025)}
.levels-pilot .comparison-wrap{border-radius:8px;background:linear-gradient(145deg,#142226,#101a1e)}
.levels-pilot .country-comparison thead th,.levels-pilot .bilateral-table thead th{background:linear-gradient(145deg,#1c3136,#17292e);color:#bdced3}
.levels-pilot .comparison-value,.levels-pilot .metric-value{color:#d9ecec}
.levels-pilot .article-contents{border-color:rgba(98,208,189,.17)}
.levels-pilot .article-fact strong{color:#b6e4df}
.levels-pilot .lp-audience-footer{color:#94a9af;border-color:var(--line)}
@media(max-width:700px){.levels-pilot .lp-wrap{padding:22px 16px 36px}.levels-pilot .index-topbar{padding:12px 16px}.levels-pilot .index-brand{font-size:.75rem}.levels-pilot .lp-intro h1{font-size:2rem;margin:10px 0 12px}.levels-pilot .lp-intro p{font-size:1rem}.atlas-map{border-radius:8px;margin-top:18px}.map-toolbar{padding:14px 12px;gap:12px 10px}.map-toolbar label{flex-basis:calc(50% - 5px);min-width:0}.map-toolbar select{padding:8px;font-size:.9375rem}.map-toolbar label:nth-child(3){flex-basis:100%}.map-stage{height:370px}.map-help,.map-legend,.map-credit{padding-left:14px;padding-right:14px}.map-legend{gap:12px 16px}.map-selection{padding:16px}.map-selection h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.map-land-shape,.map-selection-actions a{transition:none}}
.metric-reference{display:block;font-size:.875rem;line-height:1.45;color:#a3b4b9;margin-top:2px;overflow-wrap:anywhere}.metric-reference a{white-space:normal}.metric-estimate{display:block;font-size:.875rem;line-height:1.4;color:#a3b4b9}.bilateral-table .metric-reference{margin-top:0}.article-horizon{max-width:85ch;margin:32px auto;padding:24px;border:1px solid var(--line);background:var(--panel);scroll-margin-top:24px}.article-horizon>h2{font:400 1.8rem/1.3 Georgia,serif;margin:0 0 8px}.article-horizon .horizon-intro{font-size:.875rem;color:#a3b4b9;margin:0 0 24px}.article-subsection{scroll-margin-top:24px}.article-subsection+.article-subsection{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.article-subsection h3{font:400 1.35rem/1.4 Georgia,serif;margin:0 0 12px}.article-subsection p{font-size:1rem;line-height:1.8;color:#b8c7cb}.article-background{border-top:2px solid #6b9e98}.article-recent{border-top:2px solid #b6a272}@media(max-width:700px){.article-horizon{padding:18px}.article-horizon>h2{font-size:1.5rem}.metric-reference,.metric-estimate{font-size:.875rem}}
.mobility-panel{margin-top:22px;min-width:0}.mobility-panel>h3{font-size:1.15rem;line-height:1.4;margin:0 0 10px}.mobility-table{width:100%;table-layout:fixed;border-collapse:collapse}.mobility-table th,.mobility-table td{padding:9px 10px;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.4;vertical-align:middle;overflow-wrap:anywhere}.mobility-table th{text-align:left;font-weight:400;color:#b8c7cb}.mobility-table thead th{background:#142225;font-weight:600}.mobility-table th:first-child{width:50%}.mobility-table th:nth-child(2){width:25%}.mobility-table td,.mobility-table thead th:not(:first-child){text-align:right}.mobility-table tbody tr:nth-child(even){background:rgba(255,255,255,.018)}.mobility-table tbody tr:last-child>*{border-bottom:0}.mobility-table .metric-reference{font-size:.875rem}.mobility-table th .metric-reference{color:#8ea6ad;margin-top:3px}.additional-history .history-table{table-layout:fixed}.additional-history .history-table td{overflow-wrap:anywhere}@media(max-width:700px){.mobility-table th,.mobility-table td{padding:8px}.mobility-table th:first-child{width:46%}.mobility-table th:nth-child(2){width:26%}.mobility-panel>h3{font-size:1.05rem}}

/* Shared visual system: a calm, responsive exploration workspace. */
:root{--ink:#ecf4f8;--muted:#9daebc;--line:rgba(157,188,209,.16);--panel:#111f2a;--teal:#70dec9;--blue:#80c8f2;--radius:16px;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
::selection{background:#256c79;color:#fff}
.index-shell.levels-pilot{background:radial-gradient(ellipse at 82% 0,rgba(41,99,138,.18),transparent 45%),radial-gradient(ellipse at 0 40%,rgba(35,114,105,.09),transparent 45%),#09131c}
.levels-pilot .index-topbar{padding:0 max(24px,calc((100vw - 1304px)/2));min-height:76px;gap:20px;background:rgba(10,22,32,.9);border-bottom:1px solid var(--line)}
.levels-pilot .index-brand{display:flex;align-items:center;gap:14px;min-width:0;max-width:100%;text-decoration:none;white-space:normal}
.brand-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.brand-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700;letter-spacing:.1em;line-height:1.25;color:#e6ecee}
.brand-subtitle{font-size:.875rem;font-weight:500;letter-spacing:.15em;line-height:1.5;text-transform:uppercase;color:#92a5ad}
.levels-pilot .brand-mark{width:36px;height:36px;flex-shrink:0;border-color:#64b9c4;background-color:#132b37;box-shadow:0 0 20px rgba(85,185,194,.12)}
.atlas-navigation{display:flex;align-items:center;gap:6px}
.levels-pilot .index-topbar .atlas-navigation a{display:block;font-size:.875rem;font-weight:500;text-decoration:none;padding:10px 14px;border-radius:10px;color:#b9cad7;transition:background .18s,color .18s}
.atlas-navigation a:hover,.atlas-navigation a:focus-visible{color:#eef9ff;background:rgba(112,222,201,.1)}
.levels-pilot .lp-wrap{max-width:1360px;padding:32px 28px 52px}
.levels-pilot .detail-wrap{max-width:1180px}
.levels-pilot .lp-intro h1{font-family:inherit;font-weight:650;font-size:clamp(1.9rem,3.3vw,3rem);letter-spacing:-.045em;line-height:1.14;margin:10px 0 14px}
.levels-pilot .index-eyebrow{color:#7fcaca;font-size:.8125rem;font-weight:600;letter-spacing:.14em}
.levels-pilot .lp-intro p{max-width:76ch;color:#b0c2d0;line-height:1.7}
.levels-pilot .lp-intro small{color:#91a8b9;font-size:.8125rem}
.atlas-map{margin:24px 0;border-radius:20px;background:linear-gradient(125deg,#142532,#0d1c27);border:1px solid rgba(137,192,218,.21);box-shadow:0 20px 70px rgba(0,0,0,.2)}
.map-toolbar{gap:14px;padding:20px;background:linear-gradient(100deg,rgba(112,222,201,.065),transparent 60%);align-items:end}
.map-toolbar label{gap:8px;min-width:150px;font-size:.8125rem;font-weight:500;letter-spacing:.015em;color:#afc5d3}
.map-toolbar select,.map-toolbar button{min-height:46px;padding:10px 12px;font-family:inherit;border:1px solid #324c60;border-radius:10px;background:#102330;color:#e7f2f8;box-shadow:none;transition:border-color .18s,background .18s,box-shadow .18s}
.map-toolbar #map-source{border-color:#4c9f9e;background:linear-gradient(125deg,#14383c,#132834);font-weight:600}
.map-toolbar select:hover,.map-toolbar button:not(:disabled):hover{background:#1a3445;border-color:#6fa8bc}
.map-toolbar button:not(:disabled):active,.map-selection-actions a:active{transform:translateY(1px)}
.map-toolbar button:disabled{opacity:.4}
.map-modebar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:12px 20px;background:#0e2230;border-bottom:1px solid var(--line)}
.map-mode-buttons{display:flex;gap:4px;padding:4px;border:1px solid #345263;border-radius:12px;background:#0a1924}
.map-mode-buttons button{font:500 .875rem/1.4 inherit;font-family:inherit;font-size:.875rem;line-height:1.4;min-height:44px;padding:10px 14px;color:#adc5d4;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:background .18s,color .18s}
.map-mode-buttons button[aria-pressed="true"]{background:linear-gradient(115deg,#70dec9,#76bddc);color:#09252b;font-weight:650}
.map-mode-buttons button[aria-pressed="false"]:hover{background:#1b3546;color:#eef7fb}
#map-mode-status{margin:0;color:#a6c2d3;font-size:.875rem;line-height:1.5}
.map-toolbar label[data-map-active="false"] #map-source{border-color:#324c60;background:#102330;font-weight:400}
.map-toolbar label[data-map-active="true"] select{border-color:#70dec9;background:linear-gradient(125deg,#14383c,#132834);box-shadow:0 0 0 2px rgba(112,222,201,.13);font-weight:600}
.map-toolbar label[data-map-active="true"]{color:#a4ecdf}
.map-stage{height:clamp(420px,57vh,650px);background-color:#0a1924;background-image:radial-gradient(ellipse at 50% 50%,rgba(76,136,169,.13),transparent 70%),linear-gradient(rgba(131,175,201,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(131,175,201,.035) 1px,transparent 1px);background-size:auto,100% 25%,12.5% 100%}
.map-land-shape{transition:fill .22s ease,stroke .15s ease,stroke-width .15s ease;stroke:#0b1a26}
.map-land-shape:hover{stroke:#ecfcff;stroke-width:1.6}
.map-origin{stroke:#bdfff0;stroke-width:1.5}
.map-tooltip{border-radius:12px;background:rgba(17,39,53,.97);border-color:#456677;box-shadow:0 12px 36px rgba(0,0,0,.35)}
#map-loading{inset:42% 20% auto;margin:0;padding:16px;border-radius:12px;background:rgba(11,28,40,.92);border:1px solid #365263}
.map-help{font-size:.8125rem;line-height:1.7;padding:14px 20px;color:#9bb4c5}
.map-legend{gap:10px 12px;padding:14px 20px;background:rgba(6,16,25,.4);border-color:var(--line)}
.map-legend>span{padding:6px 10px;border:1px solid rgba(143,179,198,.12);border-radius:20px;font-size:.8125rem;background:rgba(255,255,255,.02)}
.map-key{width:14px;height:10px;border-radius:4px}
.map-selection{padding:24px;gap:24px;background:linear-gradient(110deg,rgba(112,222,201,.07),rgba(17,32,48,.6));animation:atlas-enter .3s ease-out}
.map-selection h2{font-family:inherit;font-size:1.65rem;font-weight:600;letter-spacing:-.035em}
.map-selection p{color:#b5c8d6;max-width:78ch}
.map-selection-actions a{padding:12px 18px;border-radius:10px;font-weight:550;border-color:#3a596c;background:#132b3a;color:#a9e7e0;transition:background .18s,border-color .18s,transform .18s}
.map-selection-actions a:hover{background:#1a3b48;border-color:#6bafa9}
.map-selection-actions #map-detail-link{background:linear-gradient(115deg,#70dec9,#76bddc);color:#09252b;border-color:transparent}
.map-credit{font-size:.75rem;color:#90a8b9;padding:12px 20px}
.levels-pilot .lp-badge{border-radius:20px;padding:7px 12px;font-size:.875rem;font-weight:600;line-height:1.5}
.levels-pilot .lp-close{color:#a9dff5}.levels-pilot .lp-cooperation{color:#add4e0}.levels-pilot .lp-tense{color:#f1c78c}.levels-pilot .lp-confrontation{color:#ffb2ba}
.levels-pilot .detail-promo{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;margin:24px 0;border-radius:12px;background:linear-gradient(110deg,rgba(111,204,222,.09),rgba(15,32,47,.5))}
.levels-pilot .detail-promo .detail-link{font-size:1rem;font-weight:550;color:#a6dfed}
.levels-pilot .lp-filter,.levels-pilot .lp-method{border-radius:14px;background:rgba(18,36,51,.6);border-color:var(--line)}
.levels-pilot .lp-filter input,.levels-pilot .lp-filter select{border-radius:9px;background:#10222f;border-color:#365364;font-family:inherit}
.levels-pilot .lp-filter button{border-radius:9px;font-weight:600;background:#70dec9;color:#09252b;transition:background .18s}
.levels-pilot .lp-filter button:hover{background:#9deddf}
.levels-pilot .lp-grid{gap:18px}
.levels-pilot .lp-card{border-radius:16px;padding:24px;background:linear-gradient(130deg,#152b3a,#10202e);border-color:rgba(151,190,215,.17);box-shadow:0 4px 20px rgba(0,0,0,.08);transition:border-color .2s,box-shadow .2s}
.levels-pilot .lp-card:hover{border-color:rgba(116,203,214,.5);box-shadow:0 10px 30px rgba(0,0,0,.2)}
.levels-pilot .lp-card h2{font-family:inherit;font-size:1.4rem;font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:16px 0 12px}
.levels-pilot .lp-card h2 a{text-decoration:none;color:#e6f4fc}
.levels-pilot .lp-card p{color:#adc3d2;line-height:1.75}
.levels-pilot .lp-card .detail-link{font-weight:600}
.detail-breadcrumb{font-size:.875rem;color:#9fb7c8;margin:0 0 24px}
.detail-breadcrumb a{text-decoration:none}
.lp-intro .article-category{border-radius:14px;padding:16px 18px;background:linear-gradient(120deg,rgba(112,222,201,.09),rgba(101,160,222,.055));border-color:rgba(117,187,203,.24)}
.lp-intro .article-category small{font-size:.8125rem;color:#a6bfcd}
.relationship-keys{gap:1px;border-radius:14px;background:linear-gradient(125deg,#15303a,#122330);border-color:var(--line)}
.relationship-keys h2{color:#8fdcd0}.relationship-keys p{color:#bed0dd}
.indicator-panel>h2,.mobility-panel>h3{font-family:inherit;font-weight:600;font-size:1.15rem;letter-spacing:-.02em}
.levels-pilot .comparison-wrap{border-radius:14px;background:#102431;border-color:rgba(150,189,209,.19)}
.country-comparison th,.country-comparison td,.bilateral-table th,.bilateral-table td,.mobility-table th,.mobility-table td{padding:9px 12px;border-color:rgba(150,189,209,.13)}
.levels-pilot .country-comparison thead th,.levels-pilot .bilateral-table thead th,.mobility-table thead th{background:#1a3446;color:#d2e3ee}
.country-comparison tbody tr:hover,.bilateral-table tbody tr:hover,.mobility-table tbody tr:hover,.product-table tbody tr:hover{background:rgba(112,222,201,.065)}
.metric-reference,.metric-estimate{color:#9bb3c4}.levels-pilot .comparison-value,.levels-pilot .metric-value{color:#def4fb;font-variant-numeric:tabular-nums}
.article-contents{gap:8px;border:0;padding:14px 0;margin:20px 0}
.article-contents a{border:1px solid var(--line);border-radius:22px;padding:9px 14px;font-size:.875rem;text-decoration:none;background:rgba(17,40,54,.7);transition:background .18s,border-color .18s}
.article-contents a:hover{background:#1a3a48;border-color:#609ca7}
.levels-pilot .detail-section,.levels-pilot .article-fact,.article-horizon,.enrichment-sources{border-radius:16px;background:linear-gradient(125deg,#142a39,#10212d);border-color:var(--line)}
.article-horizon{max-width:88ch;padding:28px;scroll-margin-top:24px}
.article-horizon>h2,.detail-section h2{font-family:inherit;font-weight:600;font-size:1.55rem;letter-spacing:-.03em}
.article-subsection h3{font-family:inherit;font-size:1.2rem;font-weight:550;letter-spacing:-.02em}
.article-subsection p,.detail-section p{color:#b9cedd;line-height:1.85}
.article-background{border-top:2px solid #69c1b3}.article-recent{border-top:2px solid #bdac78}
.history-chart{background:#0c1d29;border:1px solid var(--line);border-radius:12px}
.people-metrics>div{border-radius:12px;background:rgba(19,47,60,.6)}
.people-metrics strong,.article-fact strong{font-family:inherit;font-weight:600;letter-spacing:-.025em}
.levels-pilot .lp-audience-footer{margin-top:36px;padding-top:24px;color:#95afc0;font-size:.875rem}
:where(a,button,select,input,summary):focus-visible{outline:2px solid #88dfd2;outline-offset:4px}
@keyframes atlas-enter{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:700px){
 .levels-pilot .index-topbar{min-height:96px;padding:14px 16px;gap:10px;flex-wrap:wrap}
 .levels-pilot .index-brand{gap:10px}.levels-pilot .brand-mark{width:30px;height:30px}
 .brand-title{font-size:1rem;letter-spacing:.08em}.brand-subtitle{font-size:.8125rem;letter-spacing:.1em}.brand-text{gap:3px}
 .atlas-navigation{width:100%;gap:4px}.atlas-navigation a{flex:1;text-align:center;padding:8px 12px;background:rgba(111,185,213,.05)}
 .levels-pilot .lp-wrap{padding:24px 16px 36px}.levels-pilot .lp-intro h1{font-size:1.9rem;line-height:1.15}
 .atlas-map{border-radius:16px;margin-top:20px}.map-toolbar{padding:14px;gap:12px 10px}
 .map-toolbar label{min-width:0;flex-basis:calc(50% - 5px)}.map-toolbar label:nth-child(3){flex-basis:100%}
 .map-toolbar select{font-size:.9375rem;padding:10px 8px}.map-stage{height:400px}.map-help{font-size:.8125rem;padding:12px 14px}
 .map-modebar{padding:12px 14px;gap:10px}.map-mode-buttons{width:100%}.map-mode-buttons button{flex:1;padding:10px 8px}#map-mode-status{font-size:.8125rem}
 .map-legend{padding:12px;gap:8px}.map-legend>span{font-size:.8125rem;padding:5px 8px}
 .map-selection{padding:18px;gap:12px}.map-selection h2{font-size:1.4rem}.map-selection-actions a{min-width:120px;text-align:center;padding:10px 12px;font-size:.875rem}
 .levels-pilot .lp-card{padding:20px}.levels-pilot .lp-card h2{font-size:1.3rem}.article-horizon{padding:20px}
 .article-horizon>h2,.detail-section h2{font-size:1.35rem}.article-contents a{font-size:.8125rem;padding:9px 12px}
 .country-comparison th,.country-comparison td,.bilateral-table th,.bilateral-table td,.mobility-table th,.mobility-table td{padding:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.atlas-map{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-areas:"toolbar toolbar" "featured featured" "modes modes" "stage panel" "help panel" "legend panel" "credit credit"}
.map-toolbar{grid-area:toolbar}.map-featured{grid-area:featured;display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:10px 20px;border-bottom:1px solid rgba(137,192,218,.15);font-size:.8rem;color:#91aab8}.map-featured>span{font-weight:600}.map-featured>div{display:flex;flex-wrap:wrap;gap:7px}.map-featured button{font:inherit;color:#b9e4e4;background:rgba(97,184,179,.08);border:1px solid #34535e;border-radius:999px;padding:6px 12px;cursor:pointer;min-height:32px}.map-featured button:hover{background:#224451;border-color:#78b7b0}.map-modebar{grid-area:modes}.map-stage{grid-area:stage;min-width:0;height:clamp(390px,53vh,570px)}.map-help{grid-area:help}.map-legend{grid-area:legend}.map-credit{grid-area:credit}.atlas-map>noscript{grid-column:1/-1}
.map-side{grid-area:panel;min-width:0;border-left:1px solid rgba(137,192,218,.2);background:linear-gradient(150deg,rgba(27,58,69,.6),rgba(9,23,34,.8));max-height:740px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3c6372 transparent}.map-side #map-side-empty{padding:30px 23px}.map-side #map-side-empty h2{font-size:1.4rem;color:#e5eff0;letter-spacing:-.025em}.map-side #map-side-empty p{font-size:.94rem;color:#9fb6c5;line-height:1.7}.map-side .map-selection{display:block;padding:20px;background:transparent;animation:none}.map-side .map-selection h2{font-size:1.4rem;line-height:1.25;margin-bottom:12px}.map-side #map-pair-level{font-size:.84rem;margin-bottom:10px}.map-side #map-pair-summary{font-size:.9rem;line-height:1.55;margin:8px 0 18px}.map-side h3{font:600 .76rem/1.4 inherit;text-transform:uppercase;letter-spacing:.08em;color:#9ac5ce;margin:18px 0 10px}.map-side #map-key-facts{padding:0;list-style:none;margin:0}.map-side #map-key-facts li{padding:9px 0;border-top:1px solid #29424e;color:#aebfcd;font-size:.82rem;line-height:1.5}.map-side #map-key-facts strong{display:block;color:#d2e4e7;font-size:.87rem;margin-bottom:3px}.map-side #map-key-facts a{color:#8fd4ca;font-size:.73rem}.map-metrics{width:100%;border-collapse:collapse;font-size:.78rem;line-height:1.35;table-layout:fixed}.map-metrics th,.map-metrics td{padding:8px 5px;border-bottom:1px solid #2d4653;text-align:left;vertical-align:top}.map-metrics th{width:48%;font-weight:400;color:#aebfcd}.map-metrics thead th{font-weight:600;color:#8dabbb;font-size:.72rem}.map-metrics td{font-weight:600;color:#d2eeec;overflow-wrap:anywhere}.map-metrics small{display:block;font-size:.67rem;line-height:1.4;font-weight:400;color:#8ea8b8;margin-top:3px}.map-metrics a{color:#8cd0cc;text-decoration:underline;text-underline-offset:2px}.map-side .map-data-note{font-size:.69rem;line-height:1.5;color:#8ba5b4;margin:10px 0}.map-side #map-coverage{font-size:.74rem;margin:14px 0}.map-side .map-selection-actions{gap:8px}.map-side .map-selection-actions a{font-size:.86rem;padding:10px 12px;text-align:center}.map-side #map-extra-loading{font-size:.82rem;color:#8faebc}.map-featured button:focus-visible{outline:2px solid #77dbc8;outline-offset:2px}
.map-side h3{font-family:inherit;font-size:.72rem;font-weight:600;line-height:1.4;letter-spacing:.06em}.map-side #map-key-facts summary{color:#d3e9e8;font-size:.87rem;font-weight:600;cursor:pointer}.map-side #map-key-facts details>div{padding-top:7px}.map-side .map-selection-actions{position:sticky;bottom:0;padding:12px 0 2px;background:#102431;border-top:1px solid #2c4551}
@media(max-width:900px){.atlas-map{grid-template-columns:1fr;grid-template-areas:"toolbar" "featured" "modes" "stage" "help" "legend" "panel" "credit"}.map-side{border-left:0;border-top:1px solid #304b59;max-height:none;overflow:visible}.map-side .map-selection{padding:20px}.map-side #map-side-empty{padding:20px}.map-stage{height:400px}.map-featured{padding:10px 14px}.map-side .map-selection-actions{position:static;flex-direction:row}.map-side .map-selection-actions a{flex:1}.map-metrics th{width:50%}}
@media(max-width:500px){.map-stage{height:350px}.map-side .map-selection{padding:17px}.map-featured{gap:8px}.map-featured>span{width:100%}.map-featured button{padding:6px 10px}.map-side .map-selection-actions{flex-direction:column}}

/* References are a compact supporting layer, not another narrative section. */
.detail-wrap #fuentes{margin:18px 0;padding:16px 18px}
.detail-wrap #fuentes h2{font-size:1.125rem;line-height:1.4;margin:0 0 8px}
.detail-wrap #fuentes .article-data-note{margin:0 0 8px}
.detail-wrap #fuentes .article-data-note summary{font-size:.8125rem;line-height:1.45;padding:6px 0;cursor:pointer}
.detail-wrap #fuentes .article-data-note p{font-size:.8125rem;line-height:1.5;margin:4px 0 8px}
.detail-wrap .detail-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding-left:20px}
.detail-wrap .detail-sources li{padding:7px 0;line-height:1.45;min-width:0;border-bottom:1px solid var(--line);font-size:.875rem}
.detail-wrap .detail-sources li::marker{color:#91aab5;font-size:.75rem;font-variant-numeric:tabular-nums}
.detail-wrap .detail-sources li a{font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}
.detail-wrap .detail-sources li p{font-size:.75rem;line-height:1.45;margin:3px 0 0;color:#a7bcc5;max-width:none}
.detail-wrap .enrichment-sources{margin:12px 0;padding:8px 16px;border-radius:10px}
.detail-wrap .enrichment-sources summary{font-size:.8125rem;line-height:1.45;padding:6px 0;overflow-wrap:anywhere}
.detail-wrap .enrichment-sources ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:6px 0 0;padding-left:18px}
.detail-wrap .enrichment-sources li{padding:6px 0;font-size:.8125rem;line-height:1.45;min-width:0}
.detail-wrap .enrichment-sources li p{font-size:.75rem;line-height:1.45;margin:2px 0 0;color:#a7bcc5;max-width:none}
@media(max-width:700px){
 .detail-wrap #fuentes{padding:12px 14px;margin:14px 0}
 .detail-wrap .detail-sources,.detail-wrap .enrichment-sources ul{grid-template-columns:minmax(0,1fr);gap:0}
 .detail-wrap .enrichment-sources{padding:8px 14px}
}