/* ==========================================================================
   DYSFÁZKA v2 — vizuální vrstva portálů (říjen 2026)
   Stejný styl jako vyvojovadysfazie.cz: Bricolage Grotesque + Atkinson
   Hyperlegible, bílé pozadí, fialová, hrušková jako doplněk, tenké linky,
   žádné tvrdé stíny. Načítá se poslední; původní dysfazka.css se nemění.
   ========================================================================== */
:root {
  --v-violet: #5B2FC4; --v-violet-deep: #2B1466; --v-lilac: #D9C9FF; --v-lilac-soft: #F3EEFF;
  --v-pear: #CBD83B; --v-ink: #1C1233; --v-text: #3A3150; --v-line: #E4DCF7;
  --v-fd: 'Bricolage Grotesque', system-ui, sans-serif; --v-fb: 'Atkinson Hyperlegible', system-ui, sans-serif;
  --bg: #FFFFFF; --bg-card: #FFFFFF; --bg-deep: var(--v-violet-deep); --ink: var(--v-ink);
  --text: var(--v-ink); --text-muted: var(--v-text); --text-soft: #6A6280;
  --accent: var(--v-violet); --accent-hover: #4A22A8; --accent-text: var(--v-violet); --accent-deep: var(--v-violet-deep);
  --line: var(--v-line);
  --font-display: var(--v-fd); --font-body: var(--v-fb);
}
html, body { background: #fff !important; }
body { font-family: var(--v-fb) !important; color: var(--v-ink); font-size: 18px; }
h1, h2, h3, h4, .page-title, .home-hero-title, .section-title {
  font-family: var(--v-fd) !important; font-weight: 800 !important; letter-spacing: -0.02em !important; font-variation-settings: normal !important;
}
h3, h4 { font-weight: 700 !important; letter-spacing: -0.01em !important; }
h1 em, h2 em, h3 em, .home-hero-title em, .page-title em, .section-title em, .prose em.hl {
  font-style: normal !important; color: inherit !important; background: none !important; padding: 0 !important;
}
.eyebrow, [class*="eyebrow"], .logo-sub, .tile-head small, .card-kicker, .kicker {
  text-transform: none !important; letter-spacing: 0 !important; font-family: var(--v-fb) !important; font-weight: 700 !important; color: var(--v-violet) !important;
}
.back-to-top, .card, .card-icon-wrap, .cta-inner, .dd-col, .dd-head, .editorial-note, .ig-card, .ig-feed, .ig-nav button,
.lead-note, .menu-toggle, .myth, .myth-q, .nav-dropdown, .next-steps, .partners, .pozor-box, .quote-box, .quote-card,
.search-input, .search-modal, .search-trigger, .social-btn, .social-btn-icon, .stat-card, .step, .tile, .tile-head, .tip-box, .toc, .toc a,
.prose table, .prose th, .prose > p.lead, .prose > p:first-child {
  box-shadow: none !important; border-width: 1.5px !important; border-color: var(--v-line) !important;
}
.card, .tile, .myth, .quote-card, .quote-box, .stat-card, .tip-box, .pozor-box, .next-steps, .step, .toc, .editorial-note, .cta-inner, .lead-note { border-radius: 22px !important; }
a.card:hover, a.card:focus-visible, .tile:hover, .tile:focus-visible, .ig-card:hover, .social-btn:hover {
  transform: none !important; box-shadow: none !important; border-color: var(--v-violet) !important;
}
.tile-head { border-width: 0 0 1.5px 0 !important; }
.header { background: #fff !important; border: 0 !important; border-bottom: 1px solid var(--v-line) !important; box-shadow: none !important; }
.topbar { background: var(--v-violet-deep) !important; border: 0 !important; }
.page-header { background: var(--v-lilac-soft) !important; border: 0 !important; }
.page-header::before, .page-header::after { display: none !important; }
.band-indigo { background: var(--v-lilac) !important; color: var(--v-ink) !important; border: 0 !important; }
.band-ink { background: var(--v-violet-deep) !important; border: 0 !important; }
.band-pear { background: var(--v-pear) !important; border: 0 !important; }
.band-ink .stat-card { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.18) !important; }
.btn, .nav-cta { box-shadow: none !important; transform: none !important; border-radius: 999px !important; font-family: var(--v-fd) !important; font-weight: 700 !important; }
.btn:hover { transform: none !important; box-shadow: none !important; }
.footer { background: var(--v-violet-deep) !important; border-top: 0 !important; }
.prose a:not(.btn) { color: var(--v-violet) !important; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.step::before { box-shadow: none !important; border: 0 !important; background: var(--v-violet) !important; color: #fff !important; }
.ig-skeleton { border: 1.5px solid var(--v-line) !important; box-shadow: none !important; }
::selection { background: var(--v-lilac); color: var(--v-ink); }
:focus-visible { outline: 3px solid var(--v-violet) !important; outline-offset: 3px; }

/* ilustrace v dlaždicích místo prázdné barevné plochy */
.tile-head.tile-ill { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: .6rem; background: var(--v-lilac-soft) !important; color: var(--v-ink) !important; }
.tile-head.tile-ill img { width: 64px; height: 64px; filter: drop-shadow(0 8px 14px rgba(43,20,102,.16)); }
.tile-head.tile-ill span { font-family: var(--v-fd); font-weight: 700; color: var(--v-ink) !important; }
/* výzva „Jsme tu pro vás“ na fialové */
.cta-inner { background: var(--v-violet) !important; border: 0 !important; }
.cta-inner h2, .cta-inner p { color: #fff !important; }
.cta-inner .btn:first-of-type { background: var(--v-pear) !important; color: var(--v-ink) !important; border: 0 !important; }
.cta-inner .btn + .btn { background: transparent !important; color: #fff !important; border: 2px solid #fff !important; }