/* Sdílené komponenty: rychlé odkazy, nadpisy sekcí, rámeček pro iframe/obrázek */

.quicklinks { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.quicklinks a { text-decoration: none; padding: 6px 14px; border-radius: 999px; background: var(--card); border: 1px solid var(--line); color: var(--text); font-size: .9rem; }
.quicklinks a:hover { border-color: var(--accent); color: var(--accent); }

.section-title { display: flex; align-items: center; gap: 10px; margin: 32px 0 14px; font-size: 1.25rem; }
.section-title::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.quicklinks + .section-title { margin-top: 8px; }

/* Přepínač zobrazení v nadpisu sekce (vpravo za čarou) */
.section-title::after { order: 1; }
.view-toggle { order: 2; display: inline-flex; padding: 2px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); font-size: .8rem; font-weight: 400; }
.view-toggle button { font: inherit; border: 0; background: transparent; color: var(--muted); padding: 3px 12px; border-radius: 999px; cursor: pointer; }
.view-toggle button[aria-pressed="true"] { background: var(--text); color: var(--card); }
[data-view="charts"] .view-text, [data-view="text"] .view-charts { display: none; }

.frame { display: block; position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: var(--line); }
.frame iframe, .frame img { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }
.frame.panorama { aspect-ratio: 21 / 9; }
@media (max-width: 600px) { .frame.panorama { aspect-ratio: 4 / 3; } }