/* /jocuri/geografie-comun/harta.css */
/* ============================================================
   GEOGRAFIE — harta fizică a lumii (harta.js)
   ============================================================
   Mărimile denumirilor sunt în pixeli de ecran: `--s` (pixeli de
   ecran pe pixel de hartă) e pus de harta.js la fiecare mărire.
   ============================================================ */

.harta {
  --h-albastru: #1f5d99;
  --h-maro: #6b3d1f;
  --h-verde: #2e6b2e;
  --h-ales: #ffcf33;
  position: relative;
  outline: none;
  font-family: 'Segoe UI', 'Nunito', Roboto, Arial, sans-serif;
}

.harta__cadru {
  position: relative;
  aspect-ratio: 2400 / 1220;
  overflow: hidden;
  border-radius: 18px;
  background: #fbfdff;
  box-shadow: 0 2px 6px rgb(20 40 80 / 0.12), 0 14px 34px -18px rgb(20 40 80 / 0.45);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.harta__svg {
  display: block;
  width: 100%;
  height: 100%;
  cursor: grab;
  --s: 0.5;
}
.harta--trag .harta__svg { cursor: grabbing; }

/* ---------- straturile de desen ---------- */
.harta__tarm {
  fill: none;
  stroke: rgb(28 62 98 / 0.55);
  stroke-width: 0.8px;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}
.harta__lacuri {
  fill: #96c8ec;
  stroke: rgb(40 100 170 / 0.55);
  stroke-width: 0.7px;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}
.harta__rauri {
  fill: none;
  stroke: #3d86cf;
  stroke-width: 0.9px;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}
.harta__margine {
  fill: none;
  stroke: #4d6b8a;
  stroke-width: 1.6px;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

/* ---------- rețeaua de grade ---------- */
.harta__retea { display: none; pointer-events: none; }
.harta--retea .harta__retea { display: inline; }
.retea__linie {
  fill: none;
  stroke: rgb(30 50 80 / 0.38);
  stroke-width: 0.8px;
  vector-effect: non-scaling-stroke;
}
.retea__linie--ecuator, .retea__linie--greenwich { stroke: #c0392b; stroke-width: 1.8px; }
.retea__linie--tropic { stroke: #d35400; stroke-width: 1.3px; stroke-dasharray: 7 5; }
.retea__linie--polar { stroke: #2471a3; stroke-width: 1.3px; stroke-dasharray: 7 5; }
.retea__nume, .retea__grad {
  font-size: calc(12px / var(--s));
  font-weight: 700;
  paint-order: stroke;
  stroke: rgb(255 255 255 / 0.9);
  stroke-width: calc(3px / var(--s));
  stroke-linejoin: round;
}
.retea__nume--ecuator, .retea__nume--greenwich { fill: #a93226; }
.retea__nume--tropic { fill: #b9470b; font-style: italic; }
.retea__nume--polar { fill: #1d5f8c; font-style: italic; }
.retea__grad { fill: #2c3e50; font-size: calc(11px / var(--s)); font-weight: 600; }

/* ---------- zonele care se aleg ---------- */
.zona {
  fill: transparent;
  stroke: none;
  cursor: pointer;
  transition: fill 0.15s;
}
.zona--linie {
  fill: none;
  stroke: transparent;
  stroke-width: 16px;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  pointer-events: stroke;
}
.zona.inactiv, .punct.inactiv { pointer-events: none; }
.rau {
  fill: none;
  stroke: #2b78c5;
  stroke-width: 1.7px;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

.zona.peste { fill: rgb(255 255 255 / 0.22); stroke: rgb(255 255 255 / 0.9); stroke-width: 1.5px; vector-effect: non-scaling-stroke; }
/* la ape, marginile dintre mări sunt linii trase pe hartă, nu țărmuri: numai culoare */
.zona--oceane.peste, .zona--mari.peste, .zona--golfuri.peste, .zona--stramtori.peste { fill: rgb(255 255 255 / 0.25); stroke: none; }
.zona--oceane.ales, .zona--mari.ales, .zona--golfuri.ales, .zona--stramtori.ales,
.zona--oceane.cautat, .zona--mari.cautat, .zona--golfuri.cautat, .zona--stramtori.cautat,
.zona--oceane.corect, .zona--mari.corect, .zona--golfuri.corect, .zona--stramtori.corect,
.zona--oceane.gresit, .zona--mari.gresit, .zona--golfuri.gresit, .zona--stramtori.gresit { stroke: none; }
.zona--linie.peste { fill: none; stroke: rgb(255 207 51 / 0.45); }

.zona.ales, .zona.cautat {
  fill: rgb(255 207 51 / 0.42);
  stroke: #e67e22;
  stroke-width: 2.6px;
  vector-effect: non-scaling-stroke;
}
.zona.corect { fill: rgb(46 204 113 / 0.45); stroke: #1e8449; stroke-width: 2.8px; vector-effect: non-scaling-stroke; }
.zona.gresit { fill: rgb(231 76 60 / 0.42); stroke: #b03a2e; stroke-width: 2.8px; vector-effect: non-scaling-stroke; }
.zona.cautat { animation: harta-clipeste 0.9s ease-in-out infinite alternate; }
.zona--linie.ales, .zona--linie.cautat { fill: none; stroke: rgb(255 207 51 / 0.75); stroke-width: 12px; }
.zona--linie.corect { fill: none; stroke: rgb(46 204 113 / 0.7); stroke-width: 12px; }
.zona--linie.gresit { fill: none; stroke: rgb(231 76 60 / 0.7); stroke-width: 12px; }
.rau.ales, .rau.corect, .rau.gresit, .rau.cautat { stroke: #0b4f94; stroke-width: 3.4px; }

@keyframes harta-clipeste {
  from { fill-opacity: 0.25; }
  to { fill-opacity: 1; }
}

/* puncte: vârfuri, strâmtori, canale */
.punct { cursor: pointer; }
.punct > * { transform: scale(calc(1 / var(--s) / 1.6)); }
.punct__tinta { fill: transparent; }
.punct__semn { fill: #5b3a1a; stroke: #fff; stroke-width: 1.6px; }
.punct--varfuri .punct__semn { fill: #7a2e0e; }
.punct--adancimi .punct__semn { fill: #0e3d75; }
.punct--stramtori .punct__semn, .punct--campii .punct__semn, .punct--peninsule .punct__semn { fill: #1f5d99; }
.punct.ales .punct__tinta, .punct.cautat .punct__tinta { fill: rgb(255 207 51 / 0.7); stroke: #e67e22; stroke-width: 2px; }
.punct.corect .punct__tinta { fill: rgb(46 204 113 / 0.7); stroke: #1e8449; stroke-width: 2px; }
.punct.gresit .punct__tinta { fill: rgb(231 76 60 / 0.7); stroke: #b03a2e; stroke-width: 2px; }
.punct.peste .punct__tinta { fill: rgb(255 255 255 / 0.6); }

/* ---------- denumirile ---------- */
.harta__etichete { pointer-events: none; }
.et {
  font-size: calc(13px / var(--s));
  text-anchor: middle;
  dominant-baseline: middle;
  paint-order: stroke;
  stroke: rgb(255 255 255 / 0.88);
  stroke-width: calc(3.2px / var(--s));
  stroke-linejoin: round;
  fill: #2c2c2c;
}
.et--punct { text-anchor: start; }
.et--r3 { font-size: calc(12px / var(--s)); }

.et--continente {
  font-size: calc(21px / var(--s));
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  fill: #3b2414;
  stroke-width: calc(4px / var(--s));
}
.et--oceane {
  font-size: calc(17px / var(--s));
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  fill: var(--h-albastru);
  stroke: rgb(225 240 252 / 0.85);
}
.et--mari, .et--golfuri, .et--stramtori, .et--lacuri, .et--adancimi {
  font-style: italic;
  font-weight: 600;
  fill: var(--h-albastru);
  stroke: rgb(225 240 252 / 0.85);
}
.et--rauri { font-style: italic; font-weight: 600; fill: #165a9c; }
.et--munti { font-weight: 700; fill: var(--h-maro); letter-spacing: 0.04em; }
.et--campii { font-weight: 700; fill: var(--h-verde); }
.et--podisuri { font-weight: 700; fill: #7a5a12; }
.et--deserturi { font-weight: 700; fill: #94520e; }
.et--varfuri { font-weight: 700; fill: #5a230a; font-size: calc(12px / var(--s)); }
.et__alt { font-weight: 600; font-size: 0.9em; }
.et--insule, .et--peninsule { font-weight: 600; fill: #33302c; }
.et.ales, .et.corect, .et.gresit { font-size: calc(16px / var(--s)); font-weight: 800; }
.et.corect { fill: #145a32; }
.et.gresit { fill: #922b21; }

/* ---------- butoanele, coordonatele, indiciul ---------- */
.harta__butoane {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.harta__buton {
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 14px;
  background: rgb(255 255 255 / 0.94);
  color: #1d4fb8;
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 2px 8px rgb(20 40 80 / 0.25);
  cursor: pointer;
}
.harta__buton--tot { font-size: 1.5rem; }
.harta__buton:hover { background: #fff; color: #2f6fde; }
.harta__buton:active { transform: scale(0.95); }

.harta__coord {
  position: absolute;
  left: 12px;
  bottom: 10px;
  padding: 4px 10px;
  border-radius: 10px;
  background: rgb(255 255 255 / 0.85);
  color: #1d3557;
  font-size: 0.95rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
.harta__coord:empty { display: none; }

.harta__indiciu {
  position: absolute;
  padding: 4px 10px;
  border-radius: 8px;
  background: #1d3557;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
  white-space: nowrap;
  pointer-events: none;
}
.harta__indiciu[hidden] { display: none; }

/* ---------- legenda ---------- */
.harta__legenda {
  display: none;
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgb(255 255 255 / 0.93);
  box-shadow: 0 2px 8px rgb(20 40 80 / 0.2);
  font-size: 0.82rem;
  line-height: 1.25;
  pointer-events: none;
}
.harta--legenda .harta__legenda { display: block; }
.legenda__titlu { margin: 4px 0 3px; font-weight: 800; color: #1d3557; }
.legenda__titlu:first-child { margin-top: 0; }
.legenda__treapta { display: flex; align-items: center; gap: 7px; margin: 0; color: #333; }
.legenda__treapta span {
  display: inline-block;
  width: 26px;
  height: 13px;
  border: 1px solid rgb(0 0 0 / 0.15);
  border-radius: 3px;
}
.legenda__treapta .legenda__semn { border: 0; color: #7a2e0e; text-align: center; font-size: 0.9rem; line-height: 13px; }

/* ---------- fișa obiectului ---------- */
.harta__fisa {
  position: absolute;
  top: 12px;
  right: 12px;
  width: min(360px, 46%);
  max-height: calc(100% - 24px);
  overflow: auto;
  padding: 14px 18px 16px;
  border-radius: 16px;
  background: rgb(255 255 255 / 0.97);
  box-shadow: 0 6px 22px rgb(20 40 80 / 0.28);
  border-top: 6px solid #2f6fde;
}
.harta__fisa[hidden] { display: none; }
.fisa__inchide {
  float: right;
  width: 40px;
  height: 40px;
  margin: -4px -6px 0 8px;
  border: 0;
  border-radius: 50%;
  background: #eef3fb;
  color: #1d3557;
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
}
.fisa__tip {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2f6fde;
}
.fisa__tip--munti, .fisa__tip--varfuri { color: #8e4a1c; }
.fisa__tip--campii { color: #2e7d32; }
.fisa__tip--podisuri { color: #8d6e12; }
.fisa__tip--deserturi { color: #b0600f; }
.fisa__titlu { margin: 4px 0 6px; font-size: 1.45rem; line-height: 1.2; color: #1d3557; }
.fisa__cifra { margin: 0 0 6px; font-size: 1.3rem; font-weight: 800; color: #7a2e0e; }
.fisa__text { margin: 0; font-size: 1.08rem; line-height: 1.45; color: #2c3e50; }
.fisa__coord { margin: 8px 0 0; font-size: 0.95rem; font-weight: 700; color: #4a6585; }

@media (max-width: 700px) {
  .harta__buton { width: 42px; height: 42px; font-size: 1.5rem; }
  .harta__fisa { width: auto; left: 12px; top: auto; bottom: 12px; max-height: 55%; }
  .harta__legenda { font-size: 0.72rem; }
}

/* ---------- tipar (fișe de lucru) ---------- */
@media print {
  .harta__butoane, .harta__coord, .harta__indiciu, .harta__fisa { display: none !important; }
  .harta__cadru { box-shadow: none; border: 1px solid #999; }
}

/* ---------- hărțile Europei și României ---------- */
.harta__granite {
  fill: none;
  stroke: rgb(120 40 60 / 0.75);
  stroke-width: 1.1px;
  stroke-dasharray: 5 3;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}
.harta__granita-tarii {
  fill: none;
  stroke: #b0283f;
  stroke-width: 2.6px;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}
.harta__judete {
  fill: none;
  stroke: rgb(110 50 70 / 0.55);
  stroke-width: 0.9px;
  stroke-dasharray: 2 2;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}
.retea__linie--paralela45, .retea__linie--meridian25 { stroke: #c0392b; stroke-width: 1.8px; stroke-dasharray: 9 5; }
.retea__nume--paralela45, .retea__nume--meridian25 { fill: #a93226; }

.et--tari { font-weight: 800; fill: #4a2a3a; letter-spacing: 0.06em; text-transform: uppercase; font-size: calc(12px / var(--s)); }
.et--tari.et--r2 { font-size: calc(13px / var(--s)); }
.et--judete { font-weight: 700; fill: #5a3448; font-size: calc(12px / var(--s)); }
.et--unitati { font-weight: 800; fill: #4a2f12; font-size: calc(15px / var(--s)); letter-spacing: 0.03em; }
.et--unitati.et--r1 { font-size: calc(17px / var(--s)); fill: #5b2a0c; }
.et--capitale { font-weight: 800; fill: #8e1b2c; }
.et--orase { font-weight: 600; fill: #222; font-size: calc(12px / var(--s)); }
.et--capitale.et--r1 { font-size: calc(16px / var(--s)); }

.punct__semn--inel { fill: #fff; stroke: #8e1b2c; stroke-width: 2px; }
.punct--capitale .punct__semn:not(.punct__semn--inel) { fill: #8e1b2c; stroke: none; }
.punct--orase .punct__semn { fill: #222; stroke: #fff; stroke-width: 1.4px; }
.punct--lacuri .punct__semn { fill: #2b78c5; }

.zona--unitati.peste, .zona--tari.peste, .zona--judete.peste { fill: rgb(255 255 255 / 0.28); }
/* vârfurile se văd și pe fondul maro al munților */
.punct--varfuri > * { transform: scale(calc(1 / var(--s) / 1.2)); }
.punct--varfuri .punct__semn { fill: #3d1404; stroke: #fff; stroke-width: 1.3px; }

/* /jocuri/geografie-comun/geografie.css */
/* ============================================================
   GEOGRAFIE — pagina hărților și a lecțiilor de geografie
   ============================================================ */

.geo {
  --albastru: #2f6fde;
  --albastru-inchis: #1d4fb8;
  --albastru-pal: #f2f8ff;
  margin: 0;
  min-height: 100vh;
  background: linear-gradient(180deg, #eaf3ff 0%, #f7fbff 40%, #fff 100%);
  color: #1d3557;
  font-family: 'Segoe UI', 'Nunito', Roboto, Arial, sans-serif;
}

.geo__pagina {
  max-width: 1880px;
  margin: 0 auto;
  padding: 14px 18px 30px;
}

.geo__inapoi { color: var(--albastru-inchis); font-weight: 600; text-decoration: none; }

.geo__cap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 20px;
  margin: 6px 0 10px;
}
.geo__cap h1 { margin: 0; font-size: clamp(1.5rem, 2.4vw, 2.2rem); }

.geo__moduri { display: flex; flex-wrap: wrap; gap: 8px; }
.geo__mod, .geo__strat, .geo__tema, .geo__varianta, .geo__incepe {
  min-height: 48px;
  padding: 8px 18px;
  border: 3px solid var(--albastru);
  border-radius: 999px;
  background: #fff;
  color: var(--albastru-inchis);
  font: inherit;
  font-size: 1.05rem;
  font-weight: 700;
  cursor: pointer;
}
.geo__mod[aria-selected='true'], .geo__tema[aria-checked='true'] { background: var(--albastru); color: #fff; }

.geo__bara, .geo__intrebare {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 18px;
  margin-bottom: 12px;
}
.geo__bara[hidden], .geo__intrebare[hidden] { display: none; }
.geo__grup { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.geo__strat { border-color: #8aa6c8; color: #5a6f89; background: #f4f6f9; }
.geo__strat[aria-pressed='true'] { color: #fff; }
.geo__strat--continente[aria-pressed='true'] { background: #8a5a2b; border-color: #8a5a2b; }
.geo__strat--mari[aria-pressed='true'] { background: #1f5d99; border-color: #1f5d99; }
.geo__strat--relief[aria-pressed='true'] { background: #a0522d; border-color: #a0522d; }
.geo__strat--ape[aria-pressed='true'] { background: #2b78c5; border-color: #2b78c5; }
.geo__strat--insule[aria-pressed='true'] { background: #4a6741; border-color: #4a6741; }

.geo__comutator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 4px 12px;
  border-radius: 12px;
  background: #fff;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 1px 3px rgb(20 40 80 / 0.12);
}
.geo__comutator input { width: 22px; height: 22px; accent-color: var(--albastru); }

.geo__incepe {
  background: linear-gradient(160deg, #4f8ff0, var(--albastru) 60%, var(--albastru-inchis));
  color: #fff;
  border-color: var(--albastru-inchis);
  padding-inline: 28px;
}

.geo__intrebare {
  padding: 10px 16px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 8px rgb(20 40 80 / 0.1);
}
.geo__cerinta { flex: 1 1 420px; margin: 0; font-size: clamp(1.2rem, 1.8vw, 1.6rem); font-weight: 600; }
.geo__cerinta b { color: #b03a2e; }
.geo__cerinta--corect { color: #1e8449; font-weight: 800; }
.geo__cerinta--gresit { color: #b03a2e; font-weight: 700; }
.geo__cerinta--final { color: var(--albastru-inchis); font-weight: 800; }
.geo__nr {
  display: inline-block;
  margin-right: 8px;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--albastru-pal);
  color: var(--albastru-inchis);
  font-size: 0.8em;
}
.geo__variante { display: flex; flex-wrap: wrap; gap: 8px; }
.geo__varianta--corect { background: #2ecc71; border-color: #1e8449; color: #fff; }
.geo__varianta--gresit { background: #e74c3c; border-color: #b03a2e; color: #fff; }
.geo__scor { margin: 0; font-weight: 700; color: #4a6585; }

/* harta încape pe înălțimea ecranului (tabla interactivă) */
.geo__harta { width: min(100%, calc((100dvh - 190px) * var(--raport, 1.967))); min-width: min(100%, 560px); margin: 0 auto; }

.geo__ajutor { margin: 10px 4px 0; color: #4a6585; font-size: 0.98rem; }
.geo__ajutor[hidden] { display: none; }

/* ---------- drumul între unelte (harta, globul) ---------- */
.geo__drum { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.geo__unelte { display: flex; flex-wrap: wrap; gap: 6px; }
.geo__unelte a {
  padding: 6px 14px;
  border-radius: 999px;
  background: #fff;
  color: var(--albastru-inchis);
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 1px 3px rgb(20 40 80 / 0.15);
}
.geo__unelte a[aria-current='page'] { background: var(--albastru); color: #fff; }

/* ---------- globul și panoul de lângă el ---------- */
.geo__fila[hidden] { display: none; }
.geo__scena {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 440px);
  gap: 22px;
  align-items: start;
}
.geo__scena--orbita { grid-template-columns: minmax(0, 1fr) minmax(300px, 420px); }
.geo__glob {
  width: min(100%, calc(100dvh - 170px));
  margin: 0 auto;
  border-radius: 24px;
  background: radial-gradient(circle at 50% 50%, #e9f3ff 0%, #d3e6fb 60%, #c4dcf6 100%);
}
.geo__glob--spatiu { background: radial-gradient(circle at 50% 50%, #1b2a4a 0%, #0b1426 72%); }
.geo__glob--mic { width: min(100%, 380px); }
.geo__panou { display: flex; flex-direction: column; gap: 14px; }

.geo__caseta {
  padding: 12px 16px;
  border-left: 6px solid var(--albastru);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 4px rgb(20 40 80 / 0.1);
  font-size: 1.05rem;
  line-height: 1.45;
}
.geo__caseta p { margin: 0 0 6px; }
.geo__caseta p:last-child { margin-bottom: 0; }
.geo__caseta ul { margin: 0; padding-left: 0; list-style: none; }
.geo__caseta li { position: relative; margin: 4px 0; padding-left: 18px; }
.geo__caseta li::before { content: '–'; position: absolute; left: 2px; font-weight: 800; color: var(--albastru); }

.geo__lat { color: #c27c0e; }
.geo__lon { color: #8e44ad; }

.geo__citire {
  padding: 12px 16px;
  border-radius: 14px;
  background: var(--albastru-pal);
  border: 2px dashed #9dbbe8;
}
.geo__citire p { margin: 0; }
.geo__citire-titlu { font-weight: 700; color: #4a6585; }
.geo__citire-rand { margin-top: 6px !important; font-size: 1.2rem; }
.geo__citire-scris { margin-top: 8px !important; font-size: 1.05rem; font-weight: 700; color: var(--albastru-inchis); }
.geo__eticheta { font-weight: 700; color: #4a6585; }
.geo__intrebare--panou { flex-direction: column; align-items: stretch; }
.geo__intrebare--panou .geo__cerinta { flex: none; font-size: 1.2rem; }

.geo__glisor { display: flex; flex-direction: column; gap: 6px; font-size: 1.05rem; }
.geo__glisor input { width: 100%; height: 34px; accent-color: var(--albastru); }

.geo__orase { width: 100%; border-collapse: collapse; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 4px rgb(20 40 80 / 0.1); }
.geo__orase th, .geo__orase td { padding: 7px 12px; text-align: left; font-size: 1.02rem; }
.geo__orase th { background: var(--albastru-pal); color: #4a6585; font-size: 0.9rem; }
.geo__orase tr + tr td { border-top: 1px solid #e6edf6; }
.geo__orase b { font-variant-numeric: tabular-nums; }
.geo__nota { margin: 0; color: #4a6585; font-size: 0.95rem; }

.geo__date { margin: 0; padding: 0; list-style: none; background: #fff; border-radius: 14px; box-shadow: 0 1px 4px rgb(20 40 80 / 0.1); }
.geo__date li { display: flex; justify-content: space-between; gap: 12px; padding: 7px 14px; font-size: 1.02rem; }
.geo__date li + li { border-top: 1px solid #e6edf6; }
.geo__date span { color: #4a6585; }
.geo__date b { text-align: right; color: #1d3557; }
.geo__stanga { display: flex; flex-direction: column; gap: 12px; }

@media (max-width: 980px) {
  .geo__scena, .geo__scena--orbita { grid-template-columns: 1fr; }
}

/* orbita încape pe ecran împreună cu glisorul și butoanele */
#orbita { width: min(100%, calc((100dvh - 300px) * 1000 / 600)); margin: 0 auto; }
.geo__strat--tari[aria-pressed='true'], .geo__strat--vecini[aria-pressed='true'] { background: #8e1b2c; border-color: #8e1b2c; }
.geo__strat--judete[aria-pressed='true'] { background: #6c3483; border-color: #6c3483; }