/* ==========================================================================
   SPOLEČNÁ DESIGNOVÁ VRSTVA VZHLEDŮ Z KNIHOVNY — PODSTRÁNKY MODULŮ
   Stránky modulů, které stojí na společné části `podstranky` (Portfolio,
   Kurzy): úvod podstránky, štítky, karty, formulář. Načítá se po
   podstranky.css výchozího vzhledu. Kopíruje se ze `vzhledy/_spolecne/`.
   ========================================================================== */

.subpage-hero { position: relative; overflow: hidden; border-bottom: 0; background: var(--vz-hero-pozadi, var(--t-pozadi-jemne)); }
.subpage-hero::before {
    content: "";
    position: absolute;
    top: -200px;
    right: -140px;
    width: 460px;
    height: 460px;
    border-radius: var(--vz-hero-tvar-zaobleni, 50%);
    background: var(--vz-hero-tvar, transparent);
    pointer-events: none;
}
.subpage-hero > * { position: relative; }
.subpage-meta, .section-kicker { color: var(--t-akcent); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }

/* Úvod podstránky je plocha uvnitř sloupce obsahu: potřebuje vlastní okraj a zaoblení. */
.subpage-hero { padding: clamp(28px, 4vw, 52px); border-radius: var(--vz-cta-zaobleni, var(--t-zaobleni)); }

/* Řádky projektů a kurzů dělí jen linka: při najetí se zvýrazní název a šipka popojede. */
a.project-index-item { border-radius: 0; color: var(--t-text); text-decoration: none; transition: color var(--t-rychlost) ease; }
a.project-index-item :is(h2, h3) { transition: color var(--t-rychlost) ease; }
a.project-index-item:hover :is(h2, h3) { color: var(--t-akcent); }
.project-arrow { color: var(--t-akcent); transition: transform var(--t-rychlost) var(--t-krivka); }
a.project-index-item:hover .project-arrow { transform: translate(3px, -3px); }
/* Rámečky stránek kurzů. */
:is(.custom-training, .mini-system, .listed-training) { border-color: var(--t-linka-jemna); border-radius: var(--t-zaobleni); }
.listed-training a, .custom-training a { color: var(--t-akcent); font-weight: 700; text-underline-offset: 0.2em; }