/* Radar Česka V5.9.8 — Živě production polish: tighter hero, stronger contrast,
   larger mini map and cleaner map CTA without the 'Zobrazit na mapě' text. */

:root{
  --rc598-accent:#11b698;
  --rc598-accent-2:#157a67;
  --rc598-text:#173f48;
  --rc598-muted:#5f7880;
  --rc598-soft:#edf8f5;
  --rc598-border:#d7e7e5;
}

main{padding-top:28px}
.eyebrow{margin-bottom:4px}
.eyebrow,.live-overview-copy small,.watch-copy small,.filter-label,.section-title span,.history-title,.time strong,.kicker,.live-quick-filters a{letter-spacing:.045em}
.pulse{box-shadow:0 0 0 4px rgba(16,184,157,.09)}

h1{margin:8px 0 9px;font-size:clamp(28px,4.2vw,44px);line-height:1.01;letter-spacing:-.04em}
.lead{max-width:760px;margin:0 0 15px;font-size:14px;line-height:1.55;color:#556f77}

.live-overview{margin-bottom:12px;padding:13px;border-radius:17px}
.live-overview-head{margin-bottom:10px}
.live-overview-head strong{font-size:12.5px}
.live-overview-head small{font-size:9.25px;color:#72878d}
.live-overview-grid{gap:6px}
.live-overview-card{padding:9px 10px}
.live-overview-copy strong{font-size:10.75px;color:#1e4750}
.live-overview-copy small{font-size:7.7px;color:#7a8e94}

.live-quick-filters{gap:7px;margin-bottom:12px}
.live-quick-filters a{height:30px;padding:0 11px;font-size:9.25px}

.filters{margin-bottom:14px}
.status{margin-bottom:12px}
.watch-desk{margin:2px 0 18px}

.section-title{margin:20px 0 10px}
.section-title h2{font-size:17px}
.section-title span{font-size:10.5px;color:#748a90}
.history-title{margin-top:30px}

.events{gap:8px}
.event{grid-template-columns:80px 1fr auto;gap:13px;padding:15px 16px;border-radius:17px;box-shadow:0 8px 24px rgba(29,63,71,.04)}
.event .copy h3{margin-bottom:6px;color:var(--rc598-text)}
.event .copy>p{color:var(--rc598-muted)}
.event .copy>p,.expectation p{font-size:12.5px;line-height:1.5}
.event .copy h3{font-size:17px;line-height:1.24;letter-spacing:-.017em}
#liveEvents .event:first-of-type{box-shadow:0 14px 34px rgba(20,86,74,.075)}
#liveEvents .event:first-of-type .copy h3{font-size:17px}
#liveEvents .event:first-of-type .copy>p{font-size:12px;line-height:1.55}

.time{gap:5px;padding-top:1px}
.time strong{font-size:9.75px;color:#627c83}
.time small{font-size:10px;color:#8a9ca1}
.time-signal-icon{margin-top:4px}

/* Make the mini Czech locator clearly visible in the left column. */
.cz-locator{width:82px;height:54px;margin-top:7px;padding:4px 2px;border-radius:12px;background:linear-gradient(180deg,#f8fcfc,#eff8f7);border:1px solid #e1eceb;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.cz-locator svg{width:78px;height:48px}
.cz-outline{stroke-width:1.45}
.cz-region-area{opacity:.12}
.cz-area{opacity:.16}
.cz-dot-ring{stroke-width:2}

.kicker{margin-bottom:5px;color:#70878e}
.copy p{font-size:12.5px;line-height:1.5;color:#5d757d}
.metrics{margin-top:9px;gap:6px}
.metric{padding:5px 8px;font-size:10px;background:#f5f9f9;border:1px solid rgba(220,234,232,.65)}
.metric b{color:#147c68}
.expectation{margin-top:9px;padding:9px 10px}
.expectation-head strong{font-size:10px}
.expectation-head span{font-size:8.5px;color:#70868d}
.event-explain summary,.event-explain p,.rc597-quiet-copy span,.watch-copy span,.border-card>p,.border-trajectory small{color:#667f87}

.event-actions{gap:8px;align-self:center}

/* Replace the text CTA with a compact modern icon button. */
.open-map{
  position:relative;
  width:40px;
  min-width:40px;
  height:40px;
  padding:0;
  font-size:0;
  border-radius:12px;
  background:linear-gradient(180deg,#f3fbf8,#ebf8f5);
  border-color:#cfe5e0;
  box-shadow:0 4px 12px rgba(18,90,76,.05);
}
.open-map:hover{background:linear-gradient(180deg,#ebf9f5,#e2f5f0);border-color:#b8ddd5}
.open-map::after{display:none!important}
.open-map::before,
.watch-open::before{
  content:'';
  display:block;
  width:18px;
  height:18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23157867' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5 3.8 8.3a1 1 0 0 0-.8.95v9a1 1 0 0 0 1.32.95L9 17.5m0-11 6 2m-6-2v11m6-9 5.2-1.8a1 1 0 0 1 1.3.95v9a1 1 0 0 1-.79.96L15 19.5m0-11v11'/%3E%3Ccircle cx='15.6' cy='8.9' r='1.8' fill='%2311b698' stroke='none'/%3E%3C/svg%3E");
}
.watch-open{
  position:relative;
  display:grid;
  place-items:center;
  width:26px;
  min-width:26px;
  height:26px;
  margin-top:1px;
  border-radius:8px;
  background:#f2faf8;
  border:1px solid #d7e9e5;
  color:transparent;
  font-size:0;
}
.watch-card:hover .watch-open{background:#eaf8f4;border-color:#c4e1db}

/* Improve readability a touch. */
.copy h3,.watch-copy strong,.live-overview-head strong,.section-title h2,.history-title{color:#173f48}
.copy p,.lead,.watch-copy span,.live-overview-head small,.section-title span,.note,.status,.history-title,.page-info{color:#627981}

/* Quiet state and supporting cards */
.empty.rc597-quiet{padding:15px;border-radius:15px}
.rc597-quiet-copy strong{font-size:12.75px}
.rc597-quiet-actions a{height:30px}

@media (max-width:760px){
  main{padding-top:22px}
  h1{font-size:28px;margin-bottom:8px}
  .lead{font-size:13px;margin-bottom:12px}
  .live-overview{padding:10px;border-radius:15px}
  .live-overview-grid{gap:6px}
  .live-overview-card{padding:8px 9px}
  .section-title{margin-top:16px}
  .event{grid-template-columns:58px 1fr;gap:10px;padding:13px;border-radius:15px}
  .event .copy h3{font-size:15px}
  .event .copy>p,.expectation p,.copy p{font-size:11.5px}
  .cz-locator{display:grid;width:58px;height:38px;margin-top:6px;padding:2px;border-radius:10px}
  .cz-locator svg{width:54px;height:33px}
  .event-actions{grid-column:2;gap:7px}
  .open-map,.share-toggle{width:36px;height:36px}
  .open-map::before,.watch-open::before{width:17px;height:17px;background-size:17px 17px}
  .watch-open{width:24px;min-width:24px;height:24px;border-radius:7px}
}