/* 1.5 Minutes on Influence: overzicht en pagina's per editie en film (31 okt 2026)
   Bouwt op blog-template.css (artikel, zijkolom, trainingsbanner) en video-facade.css (film). */
.serie-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.serie-main{padding-top:88px}
/* Kopband: geen hero, één regel hoog */
.serie-band{border-bottom:2px dotted #FF5A5F;background:#fff}
.serie-band-in{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1.6rem;padding-bottom:1.4rem}
.serie-band h1{font:800 1.9rem/1.15 'Open Sans',sans-serif;color:#000;margin:0 0 .35rem;text-wrap:balance}
.serie-by{font:400 1.1rem/1.5 Georgia,serif;color:#000;margin:0;max-width:44rem}
.serie-knop{display:inline-block;flex:none;background:#FF5A5F;color:#fff;font:700 1rem/1 'Open Sans',sans-serif;padding:.95rem 1.5rem;border-radius:8px;text-decoration:none;min-height:44px;box-sizing:border-box;text-align:center}
.serie-knop:hover,.serie-knop:focus-visible{background:#e8484d;color:#fff}
/* Werkvlak: film links, situaties rechts */
.serie-werk-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;padding-top:2.2rem;padding-bottom:2.4rem;align-items:start}
.serie-nieuw .vf{margin:0 0 .8rem}
.serie-label{font:700 .8rem/1.3 'Open Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#000;margin:0 0 .3rem}
.serie-nieuw-titel{font:400 1.3rem/1.35 Georgia,serif;margin:0 0 1.2rem}
.serie-nieuw-titel a{color:#000;text-decoration:none;border-bottom:1px solid #FF5A5F}
.serie-nieuw-col{border-top:2px dotted #FF5A5F;padding-top:1rem}
.serie-keuze summary{list-style:none;cursor:pointer}
.serie-keuze summary::-webkit-details-marker{display:none}
.serie-keuze h2{font:800 1.5rem/1.2 'Open Sans',sans-serif;margin:0 0 .9rem;color:#000}
.serie-sit-lijst{list-style:none;margin:0;padding:0}
.serie-sit-knop{display:flex;justify-content:space-between;gap:1rem;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #e4e0da;border-left:4px solid transparent;padding:.65rem .5rem .65rem .75rem;cursor:pointer;font:400 1.1rem/1.4 Georgia,serif;color:#000;min-height:44px}
.serie-sit-knop:hover{border-left-color:#FFB3B5}
.serie-sit-knop[aria-pressed="true"]{border-left-color:#FF5A5F;font-weight:700}
.serie-n{font:600 .9rem/1.6 'Open Sans',sans-serif;color:#000;flex:none}
.serie-alle{margin-top:.8rem;background:none;border:0;padding:.4rem 0;font:600 1rem 'Open Sans',sans-serif;color:#FF5A5F;text-decoration:underline;cursor:pointer;min-height:44px}
/* Lijst */
.serie-lijst{padding:1rem 0 2.4rem}
.serie-lijst-kop{font:800 1.4rem/1.2 'Open Sans',sans-serif;margin:0 0 1.2rem;color:#000;display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:baseline}
.serie-teller{font:600 .95rem/1.4 'Open Sans',sans-serif;color:#000}
.serie-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem;align-items:start}
.serie-kaart{display:block;text-decoration:none;color:#000}
.serie-thumb{position:relative;display:block;aspect-ratio:16/9;background:#fff;border:1px solid #e4e0da;border-radius:8px;overflow:hidden}
.serie-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.serie-play{position:absolute;right:10px;bottom:10px;width:44px;height:44px;border-radius:50%;background:#FF5A5F;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.serie-play::after{content:"";position:absolute;left:50%;top:50%;margin:-8px 0 0 -5px;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #fff}
.serie-thumb .vf-duur{right:62px;bottom:18px}
.serie-datum{display:block;margin:.7rem 0 .25rem;font:600 .95rem/1.4 'Open Sans',sans-serif;color:#000}
.serie-titel{display:block;font:400 1.3rem/1.35 Georgia,serif;color:#000}
.serie-kaart:hover .serie-titel,.serie-kaart:focus-visible .serie-titel{text-decoration:underline;text-decoration-color:#FF5A5F;text-underline-offset:3px}
.serie-kaart:focus-visible{outline:3px solid #FF5A5F;outline-offset:4px}
.serie-sit{display:inline-block;margin-top:.5rem;font:700 .75rem/1.3 'Open Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#000;border-bottom:2px solid #FFB3B5}
.serie-meer{display:block;margin:2rem auto 0;background:#fff;border:2px solid #000;border-radius:8px;padding:.85rem 1.6rem;font:700 1rem 'Open Sans',sans-serif;color:#000;cursor:pointer;min-height:44px}
.serie-bewijs{padding:0}
.serie-betaald{padding:0 0 3rem}
/* Pagina bij een item */
.serie-kicker{font:700 .8rem/1.3 'Open Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#000;margin:0 0 .8rem}
.serie-kicker a{color:#000;border-bottom:2px solid #FF5A5F;text-decoration:none}
.serie-door,.serie-voice{font:400 1rem/1.5 'Open Sans',sans-serif;color:#000}
.serie-door a{color:#000}
.serie-hero{margin:1.2rem 0 1.6rem}
.serie-hero img{width:100%;height:auto;border-radius:8px;border:1px solid #e4e0da;display:block}
.vf-film{margin-top:1.2rem}
.serie-tekst{font:400 1.2rem/1.7 Georgia,serif;color:#000}
.serie-tekst p,.serie-tekst li{color:#000}
.serie-tekst blockquote{margin:1.8rem 0;padding:.4rem 0;border-top:2px dotted #FF5A5F;border-bottom:2px dotted #FF5A5F}
.serie-tekst blockquote p{font-weight:700;margin:.6rem 0}
.serie-vervolg{margin:2.2rem 0;padding:1.2rem 0;border-top:2px dotted #FF5A5F;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between}
.serie-vervolg p{margin:0;font:400 1.1rem/1.5 Georgia,serif;color:#000}
.serie-bronnen{margin:1.5rem 0 2.5rem;font:400 1rem/1.6 'Open Sans',sans-serif;color:#000}
.serie-bronnen h2{font:800 1rem/1.2 'Open Sans',sans-serif;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .6rem}
.serie-bronnen p{margin:0 0 .6rem;color:#000}
@media (max-width:900px){
  .serie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .serie-werk-in{grid-template-columns:minmax(0,1fr);gap:1.8rem}
}
@media (max-width:640px){
  .serie-main{padding-top:72px}
  .serie-wrap{padding-left:16px;padding-right:16px}
  .serie-band-in{flex-direction:column;align-items:flex-start;gap:1rem}
  .serie-band h1{font-size:1.6rem}
  .serie-knop{width:100%}
  .serie-grid{grid-template-columns:minmax(0,1fr)}
  .serie-vervolg{flex-direction:column;align-items:stretch}
  .serie-keuze:not([open]) summary h2::after{content:" \25BE"}
  .serie-keuze[open] summary h2::after{content:" \25B4"}
  .serie-tekst{font-size:1.2rem}
}

[hidden]{display:none!important}
.article-body.serie-artikel > p:first-of-type::first-letter{font-size:inherit;float:none;line-height:inherit;margin:0;font-weight:inherit;color:inherit}

/* Logo-ticker: letterlijk van de homepage (en/index.html) */
        .proof-section {
            padding: 3.5rem 2rem 3rem;
            background: #fff;
            text-align: center;
        }

        .proof-label {
            font-family: 'Open Sans', sans-serif;
            font-size: 0.9rem;
            color: #000;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 2rem;
        }

        .logo-ticker-wrapper {
            overflow: hidden;
            position: relative;
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
        }

        .logo-ticker-wrapper::before,
        .logo-ticker-wrapper::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 80px;
            z-index: 2;
            pointer-events: none;
        }
        .logo-ticker-wrapper::before {
            left: 0;
            background: linear-gradient(to right, #fff, transparent);
        }
        .logo-ticker-wrapper::after {
            right: 0;
            background: linear-gradient(to left, #fff, transparent);
        }

        .logo-ticker {
            display: flex;
            align-items: center;
            gap: 3rem;
            animation: ticker-scroll 55s linear infinite;
            width: max-content;
        }

        .logo-ticker img {
            height: 50px;
            max-width: 140px;
            object-fit: contain;
            flex-shrink: 0;
        }

        @keyframes ticker-scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        /* ============================================


/* ux-scan 31 okt: afbreken, tikdoelen, letters, vulling */
.serie-bronnen,.serie-bronnen p,.serie-bronnen a,.serie-tekst a,.serie-tekst p{overflow-wrap:anywhere}
.serie-nieuw-titel a{display:inline-block;padding:.5rem 0}
.serie-keuze summary{min-height:44px;display:flex;align-items:center}
.serie-kicker a,.serie-door a,.serie-artikel .sidebar-view-all{display:inline-flex;align-items:center;min-height:44px}
.serie-label,.serie-sit{font-size:.9rem}
.serie-main .blog-training-banner__overline,.serie-artikel .blog-training-banner__overline{font-size:.9rem}
.serie-main .blog-training-btn,.serie-artikel .blog-training-btn{font-size:.95rem;padding:.75rem 1.2rem;min-height:44px;display:inline-flex;align-items:center}
.article-body.serie-artikel .serie-tekst p,.article-body.serie-artikel .serie-tekst li{color:#000}
.serie-gekozen{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;justify-content:space-between;margin:0 0 1.4rem;padding:1rem 0;border-top:2px dotted #FF5A5F;border-bottom:2px dotted #FF5A5F}
.serie-gekozen p{margin:0;font:700 1.2rem/1.4 Georgia,serif;color:#000}
.serie-gekozen .serie-alle{margin:0}
@media (max-width:640px){.serie-lijst{padding-bottom:5rem}}
/* Zijbalk op serie-pagina's: tikdoel en lettergrootte (herscan 31 okt) */
.serie-artikel + .sidebar .sidebar-article-category{font-size:.9rem}
.serie-artikel + .sidebar .sidebar-article-title{font-size:1rem}
.serie-artikel + .sidebar .sidebar-view-all{font-size:1rem;display:inline-flex;align-items:center;min-height:44px}
.serie-artikel + .sidebar .sidebar-article{display:block;padding:.4rem 0}

/* Variant A "Podium" (gekozen door Astrid, 31 okt): film en wat de serie is in één vlak, daaronder de vraag */
.serie-main{padding-top:72px}
.serie-podium{background:#FFE5E5;padding:44px 0 48px}
.serie-podium-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3rem;align-items:center}
.serie-podium .vf{margin:0}
.serie-podium .serie-thumb,.serie-podium .vf-speler{background:#fff;border-radius:8px}
.serie-cap{font:400 1.1rem/1.5 Georgia,serif;color:#000;margin:.8rem 0 0}
.serie-cap a{color:#000;text-decoration:underline;text-decoration-color:#FF5A5F;text-underline-offset:4px}
.serie-podium-tekst h1{font:800 2rem/1.15 'Open Sans',sans-serif;margin:0 0 .8rem;color:#000;text-wrap:balance}
.serie-podium-tekst .serie-by{margin:0 0 1.4rem;font-size:1.1rem}
.serie-keuzeblok{padding:2.6rem 0 1rem}
.serie-keuze h2{font:400 1.9rem/1.25 Georgia,serif;margin:0 0 1.2rem}
.serie-keuze .serie-sit-lijst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2rem}
.serie-keuze .serie-sit-knop{border:0;border-top:1px solid #000;border-left:0;padding:.9rem .25rem;min-height:56px;font-size:1.2rem;line-height:1.4;align-items:flex-start}
.serie-keuze .serie-sit-knop[aria-pressed="true"]{border-top:3px solid #FF5A5F;padding-top:calc(.9rem - 2px);font-weight:700}
.serie-lijst{padding-top:2rem}
@media (max-width:900px){.serie-podium-in{grid-template-columns:minmax(0,1fr);gap:1.6rem}.serie-keuze .serie-sit-lijst{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.serie-podium{padding:24px 0 28px}.serie-podium-film{order:2}.serie-podium-tekst{order:1}.serie-podium-tekst h1{font-size:1.6rem}.serie-keuze h2{font-size:1.6rem}}
/* Trainingslink onder elke editie en film */
.serie-product{margin:2.2rem 0 2rem;padding:1.2rem 0;border-top:2px solid #000;border-bottom:1px solid #000}
.serie-product p{margin:0 0 .3rem;font:400 1.1rem/1.5 Georgia,serif;color:#000}
.serie-product a{display:inline-flex;align-items:center;min-height:44px;font:700 1.2rem/1.4 Georgia,serif;color:#000;text-decoration:underline;text-decoration-color:#FF5A5F;text-decoration-thickness:2px;text-underline-offset:5px}
.serie-product a:hover{color:#FF5A5F}

.serie-lijst{padding-top:3rem}
.serie-gids{margin:2rem 0 0;padding:1rem 0 0}
.serie-gids p{margin:0 0 .3rem;font:400 1.1rem/1.5 Georgia,serif;color:#000}
.serie-gids a{display:inline-flex;align-items:center;min-height:44px;font:700 1.2rem/1.4 Georgia,serif;color:#000;text-decoration:underline;text-decoration-color:#FF5A5F;text-decoration-thickness:2px;text-underline-offset:5px}
/* Trainingskaartje met denken-illustratie en foto in de byline (31 okt) */
.serie-kaartje{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:1.5rem;align-items:center;margin:2.4rem 0 2rem;padding:1.6rem 1.8rem;background:#FFE5E5;border-radius:12px;text-decoration:none;color:#000}
.serie-kaartje:hover .serie-kaartje-knop,.serie-kaartje:focus-visible .serie-kaartje-knop{background:#e8484d}
.serie-kaartje:focus-visible{outline:3px solid #FF5A5F;outline-offset:3px}
.serie-kaartje-tekst{display:block}
.serie-kaartje-label{display:block;font:700 .9rem/1.3 'Open Sans',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#000;margin-bottom:.5rem}
.serie-kaartje-titel{display:block;font:700 1.45rem/1.3 Georgia,serif;color:#000;margin-bottom:1rem}
.serie-kaartje-knop{display:inline-flex;align-items:center;min-height:44px;padding:0 1.3rem;background:#FF5A5F;color:#fff;border-radius:8px;font:700 1rem 'Open Sans',sans-serif}
.serie-kaartje img{width:150px;height:auto;mix-blend-mode:multiply;justify-self:end}
.serie-door{display:flex;align-items:center;gap:.9rem}
.serie-door .serie-foto{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
@media (max-width:640px){.serie-kaartje{grid-template-columns:minmax(0,1fr);padding:1.3rem}.serie-kaartje img{width:110px;order:-1;justify-self:start}}

/* Filter Columns / Videos */
.serie-kop-rij{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between;margin:0 0 1.4rem}
.serie-kop-rij .serie-lijst-kop{margin:0}
.serie-filter{display:inline-flex;border:1px solid #000;border-radius:8px;overflow:hidden}
.serie-filter-knop{min-height:44px;padding:0 1.2rem;background:#fff;color:#000;border:0;border-right:1px solid #000;font:700 1rem 'Open Sans',sans-serif;cursor:pointer}
.serie-filter-knop:last-child{border-right:0}
.serie-filter-knop:focus-visible{outline:3px solid #FF5A5F;outline-offset:-3px}
/* Geen zwarte vulvlakken in het ontwerp (Astrid, 31 okt) */
.serie-filter-knop[aria-pressed="true"]{background:#FFE5E5;color:#000;box-shadow:inset 0 -3px 0 #FF5A5F}
.serie-meer:hover{background:#FFE5E5;color:#000}
.serie-main .vf-duur,.serie-artikel .vf-duur,.serie-thumb .vf-duur{background:#fff;color:#000;border:1px solid #000}
.serie-main .vf-speler,.serie-artikel .vf-speler{background:#fff}

/* herscan 31 okt: zijbalkkop, byline en kleuren */
.serie-artikel + .sidebar h3{font-size:.9rem}
.serie-artikel,.serie-artikel + .sidebar,.serie-artikel h1,.serie-door,.serie-kicker,.serie-bronnen,.serie-bronnen h2,.serie-artikel + .sidebar h3,.serie-artikel + .sidebar h4,.serie-artikel + .sidebar .sidebar-article-category{color:#000}
.serie-lees{white-space:nowrap}