/* Živé grafy spotových cen (blog/spotove-ceny-*.html), vykresluje js/spot-stats.js */
.spot-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 16px;margin:24px 0 28px;}
.article .spot-box .spot-title{font-family:var(--display);font-weight:700;font-size:1.05rem;margin:0 0 4px;color:var(--ink);}
.article .spot-box .spot-sub{font-family:var(--mono);font-size:.74rem;color:var(--ink-soft);margin:0 0 14px;}
.spot-chart{position:relative;width:100%;height:280px;}
.spot-chart.tall{height:340px;}
.article .spot-box .spot-msg{font-family:var(--mono);font-size:.8rem;color:var(--ink-soft);padding:24px 0;text-align:center;}
.spot-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;}
.spot-tabs button{font-family:var(--body);font-size:.84rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;}
.spot-tabs button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-dark);}
.spot-tabs button:disabled{opacity:.45;cursor:default;}
.spot-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px;}
.spot-kpi{background:var(--bg);border:1px solid var(--line-soft);border-radius:12px;padding:10px 12px;}
.spot-kpi .k{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);}
.spot-kpi .v{font-family:var(--display);font-weight:700;font-size:1.35rem;color:var(--ink);margin-top:2px;}
.spot-kpi .s{font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);}
@media (max-width:640px){.spot-kpis{grid-template-columns:repeat(2,1fr);}.spot-kpi .v{font-size:1.12rem;}.spot-box{padding:16px 12px 12px;}.spot-chart{height:240px;}.spot-chart.tall{height:300px;}}
.spot-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;font-family:var(--mono);font-size:.74rem;color:var(--ink-soft);}
.spot-legend span{display:flex;align-items:center;gap:6px;}
.spot-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;}
.spot-legend i.line{height:3px;border-radius:2px;}
.spot-legend i.dash{width:16px;height:2px;border-radius:0;background:repeating-linear-gradient(90deg,var(--ink-soft) 0 5px,transparent 5px 8px) !important;}
.article .spot-box .spot-desc{font-size:.95rem;color:var(--ink-soft);margin:12px 0 0;}
.article .spot-box .spot-note{font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);margin:10px 0 0;}
.spot-box .table-scroll{margin:0;}
.spot-box td.num,.spot-box th.num{text-align:right;font-variant-numeric:tabular-nums;}
.spot-links{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0 28px;}
.spot-links a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:border-color .15s ease;}
.spot-links a:hover{border-color:var(--brand);}
.spot-links strong{display:block;color:var(--ink);font-size:1rem;}
.spot-links span{display:block;color:var(--ink-soft);font-size:.92rem;margin-top:4px;}
.spot-form{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:0 0 14px;}
.spot-form label{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 4px;}
.spot-form select{width:100%;font-family:var(--body);font-size:.95rem;color:var(--ink);padding:.55rem .7rem;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);}
.spot-form select:focus{outline:none;border-color:var(--brand);}
.spot-form input{width:100%;box-sizing:border-box;font-family:var(--body);font-size:.95rem;color:var(--ink);padding:.55rem .7rem;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);}
.spot-form input:focus{outline:none;border-color:var(--brand);}
.spot-form.three{grid-template-columns:repeat(3,1fr);}
.share-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
.share-card{background:var(--bg);border:1px solid var(--line-soft);border-radius:12px;padding:14px 16px;}
.article .share-card .share-title{font-family:var(--display);font-weight:700;font-size:1rem;color:var(--ink);margin:0 0 8px;}
.article .share-card table{width:100%;border-collapse:collapse;font-size:.88rem;}
.article .share-card td,.article .share-card td:first-child{padding:5px 0;border-bottom:1px solid var(--line-soft);color:var(--ink-soft);font-weight:400;white-space:normal;min-width:0;}
.article .share-card td.num{color:var(--ink);text-align:right;white-space:nowrap;padding-left:10px;}
.article .share-card tr:nth-child(3) td,.article .share-card tr:nth-child(3) td:first-child{color:var(--ink);font-weight:700;}
.article .share-card .share-total{font-family:var(--mono);font-size:.82rem;color:var(--brand-dark);font-weight:500;margin:10px 0 0;}
.spot-form.single{grid-template-columns:minmax(0,320px);}
@media (max-width:640px){.spot-form,.spot-form.three{grid-template-columns:1fr 1fr;}.spot-form > div:has(select){grid-column:1 / -1;}.share-cards{grid-template-columns:1fr;}}
.spot-table-dyn{margin:16px 0 6px;}
.article .spot-table-dyn td.num,.article .spot-table-dyn th.num{white-space:nowrap;}
.article .spot-table-dyn + .spot-note{font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);margin:0 0 18px;}
.article tr.best td{background:var(--brand-tint);}
/* na mobilu tabulky kalkulaček jako karty: řádek = blok, hodnoty s popiskem ze záhlaví */
@media (max-width:640px){
  .article .spot-table-dyn table,.article .spot-table-dyn tbody,.article .spot-table-dyn tr,.article .spot-table-dyn td{display:block;width:100%;}
  .article .spot-table-dyn thead{display:none;}
  .article .spot-table-dyn tr{padding:10px 12px;border-bottom:1px solid var(--line);}
  .article .spot-table-dyn tr:last-child{border-bottom:0;}
  .article .spot-table-dyn tr.best{background:var(--brand-tint);}
  .article .spot-table-dyn td{border:0;padding:1px 0;text-align:left;white-space:normal;}
  .article .spot-table-dyn td.sub{color:var(--ink-soft);margin-bottom:4px;}
  .article .spot-table-dyn td.num{display:inline-block;width:auto;margin-right:14px;white-space:nowrap;}
  .article .spot-table-dyn td[data-label]::before{content:attr(data-label) " ";font-family:var(--mono);font-size:.7rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;}
}