:root{
  --bg:#FAFAF7;
  --card:#FFFFFF;
  --ink:#1A1F1B;
  --forest:#2E5B33;
  --forest-soft:#E7F0E2;
  --terra:#B65A38;
  --terra-soft:#F5DDD0;
  --sky:#5780A8;
  --sky-soft:#DCE6EF;
  --gold:#C8983A;
  --gold-soft:#F2E5C8;
  --plum:#8F5A8C;
  --plum-soft:#EADDE8;
  --rose:#C45E7A;
  --rose-soft:#F4DDE3;
  --muted:#5A6451;
  --line:#ECECE6;
  --section-alt:#F1ECE0;
  --shadow:0 4px 22px rgba(26,31,27,.06);
  --shadow-lift:0 18px 50px rgba(26,31,27,.10);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Inter","Source Sans 3","Helvetica Neue",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--forest);text-decoration:none;font-weight:500}
a:hover{color:var(--terra)}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}

/* === HEADER === */
header.site{background:var(--bg);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:36px;height:80px}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:700;color:var(--forest);letter-spacing:-.3px}
.brand::before{content:"";width:38px;height:38px;flex:0 0 auto;background:url(/logos/logo-nieuwehond.png) center/contain no-repeat}
.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:1.5px;font-weight:500;text-transform:uppercase;margin-top:2px}
/* Sitewide logo-header (zelfde als de index): groot logo + naam + slogan */
.brand-logo2{display:inline-flex !important;align-items:center;gap:12px}
.brand-logo2::before{display:none !important}
.bl-mark{width:59px;height:59px;display:block;flex-shrink:0}
.bl-text{display:inline-flex;flex-direction:column;line-height:1.05}
.bl-name{font-size:24px;font-weight:800;color:#1a1f1b}
.bl-tag{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:#2E5B33;margin-top:3px}
@media(max-width:900px){.brand-logo2 .bl-mark{width:46px;height:46px}.brand-logo2 .bl-name{font-size:21px}}
@media(max-width:600px){.brand-logo2 .bl-tag{display:none}}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;flex:1}
.nav ul a{font-size:14px;color:var(--ink);font-weight:500}
.nav input{font:14px Inter,sans-serif;padding:10px 16px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--ink);width:180px}
.nav .login-btn{font-size:14px;font-weight:600;color:var(--ink);background:transparent;border:1.5px solid var(--line);padding:9px 18px;border-radius:99px;text-decoration:none;transition:all .15s;white-space:nowrap}
.nav .login-btn:hover{border-color:var(--forest);color:var(--forest)}
.nav .profile-btn{font-size:14px;font-weight:600;color:#fff;background:var(--forest);border:1.5px solid var(--forest);padding:9px 18px;border-radius:99px;text-decoration:none;transition:all .15s;white-space:nowrap}
.nav .profile-btn:hover{background:#234524;border-color:#234524;color:#fff;transform:translateY(-1px)}

/* === HERO === */
.hero{padding:56px 0 100px}
.hero-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 20px;letter-spacing:-.8px;font-weight:700}
.hero .lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:560px;margin:0 0 32px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{font-weight:600;font-size:14px;padding:14px 24px;border-radius:99px;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,background .15s;text-decoration:none}
.btn.primary{background:var(--terra);color:#fff}
.btn.primary:hover{background:#9b4b2e;transform:translateY(-2px);color:#fff}
.btn.ghost{background:transparent;color:var(--forest);border:1.5px solid var(--forest)}
.btn.ghost:hover{background:var(--forest-soft)}
.btn.dark{background:var(--ink);color:#fff}
.btn.dark:hover{background:#2c322d;transform:translateY(-2px)}
.hero-img{aspect-ratio:5/4;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lift);background:#eee}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.hero-lid{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0;max-width:560px;background:var(--forest-soft);border:1px solid #cfe0c7;border-radius:14px;padding:13px 18px;text-decoration:none;color:var(--ink);transition:box-shadow .15s,transform .15s}
.hero-lid:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
.hero-lid span{font-size:14.5px;line-height:1.45}
.hero-lid strong{color:var(--forest)}
.hero-lid .hero-lid-cta{white-space:nowrap;font-weight:700;color:var(--terra)}
@media(max-width:600px){.hero-lid{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:560px){
 .hero-cta{flex-direction:column}
 .hero-cta .btn{width:100%;justify-content:center}
}

/* === ADRES-PIJLER (Fokkers / Trimsalons home-blok) === */
.adres-pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.adres-pillar{display:flex;gap:24px;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px 30px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.adres-pillar:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--terra-soft)}
.adres-pillar-ic{flex-shrink:0;width:110px;height:110px;display:flex;align-items:center;justify-content:center}
.adres-pillar-ic img{width:100%;height:100%;object-fit:contain}
.adres-pillar-body h3{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:-.3px;color:var(--ink);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.adres-pillar-count{font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--terra);background:var(--terra-soft);padding:3px 10px;border-radius:99px}
.adres-pillar-body p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--muted)}
.adres-pillar-cta{display:inline-block;color:var(--terra);font-weight:600;font-size:15px}
.adres-pillar:hover .adres-pillar-cta{text-decoration:underline}
@media(max-width:760px){
 .adres-pillar-grid{grid-template-columns:1fr}
 .adres-pillar{flex-direction:column;text-align:left;gap:18px;padding:26px 22px}
 .adres-pillar-ic{width:80px;height:80px}
}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}

section.block{padding:64px 0}
section.block.alt{background:var(--section-alt)}
.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--terra);text-transform:uppercase;font-weight:700;margin-bottom:14px}
h2.section-h{font-size:36px;margin:0 0 12px;letter-spacing:-.5px;line-height:1.15;max-width:720px;font-weight:700}
.sub{color:var(--muted);max-width:720px;margin:0 0 56px;font-size:17px;line-height:1.65}

/* === CLUSTER === */
.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.rub{background:var(--card);border-radius:18px;padding:30px 26px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block}
.rub:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift)}
.rub.soon{opacity:.88}
.rub .ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;margin-bottom:20px}
.rub .ic.has-img{background:transparent;padding:0;overflow:hidden}
.rub .ic.has-img img{width:100%;height:100%;display:block;object-fit:cover}
.rub h3{font-size:18px;margin:0 0 6px;font-weight:700}
.rub p{font-size:13px;color:var(--muted);line-height:1.55;margin:0 0 14px}
.rub .count{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.rub.live .count{color:var(--forest)}
.rub.soon .count{color:var(--muted)}

/* === PERSONA === */
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.persona{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px 32px;transition:transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.persona:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:transparent}
.persona .icon{margin-bottom:18px;line-height:1;width:84px;height:84px}
.persona .icon img{width:100%;height:100%;display:block;object-fit:contain}
.persona h3{font-size:20px;margin:0 0 8px;font-weight:700}
.persona p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 18px}
.persona .more{font-size:13px;font-weight:600;color:var(--forest)}
.persona .more::after{content:" →"}

/* === RAS-GRID === */
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:14px}
.chip{background:#f4f6f4;border:1px solid transparent;color:var(--ink);padding:7px 16px;border-radius:8px;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;font-weight:500;text-decoration:none;font-size:14px;letter-spacing:.01em}
.chip:hover{background:#e6eae3;color:var(--ink)}
.chip.on{background:var(--forest);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.chip.on:hover{background:var(--forest);color:#fff}
.ras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.ras-card{background:var(--card);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.ras-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.ras-card.no-photo .meta{padding:16px 22px}
.ras-grid.no-photos{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.ras-grid.no-photos .ras-card h3{font-size:16px;margin:0}
@media(max-width:900px){.ras-grid.no-photos{grid-template-columns:repeat(2,1fr)}}
.ras-card .ph{aspect-ratio:4/3;background:#eee;overflow:hidden}
.ras-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.ras-card:hover .ph img{transform:scale(1.04)}
.ras-card .meta{padding:18px 22px 22px}
.ras-card h3{font-size:18px;margin:0 0 6px;font-weight:700}
.ras-card .tag{font-size:13px;color:var(--muted)}
.ras-card .ras-ex{font-size:14px;line-height:1.55;color:var(--muted);margin:0;font-weight:400}
.view-all{margin-top:36px;text-align:right;font-size:15px;font-weight:600}

/* === ADRESSEN HERO BLOK === */
.addr{background:var(--forest);color:#fff;border-radius:24px;padding:52px 56px;box-shadow:var(--shadow-lift)}
.addr h3{font-size:30px;margin:0 0 12px;font-weight:700;color:#fff;letter-spacing:-.3px}
.addr p{color:rgba(255,255,255,.85);font-size:16px;margin:0 0 28px;max-width:600px;line-height:1.6}
.addr .row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.addr input,.addr select{flex:1;min-width:220px;font:15px Inter,sans-serif;padding:14px 20px;border:0;border-radius:99px;background:rgba(255,255,255,.96);color:var(--ink)}
.addr input::placeholder{color:var(--muted)}
.addr .row .btn{flex:0;background:var(--terra);color:#fff;padding:14px 26px;border-radius:99px;font-weight:600;cursor:pointer;border:0}
.addr .types{display:flex;flex-wrap:wrap;gap:10px}
.addr .types a{font-size:13px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.95);padding:9px 16px;border-radius:99px;font-weight:500;border:1px solid rgba(255,255,255,.18)}
.addr .types a:hover{background:rgba(255,255,255,.22)}

/* === ARTIKELS-CARDS === */
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.magazine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1000px){.magazine-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:560px){.magazine-grid{grid-template-columns:1fr}}
.art-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}
.art-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.art-card .img{aspect-ratio:16/10;background:#eee;overflow:hidden}
.art-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.art-card:hover .img img{transform:scale(1.05)}
.art-card .body{padding:28px 30px 32px}
.art-card .cat{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--terra);font-weight:700;margin-bottom:12px}
.art-card h3{font-size:22px;line-height:1.25;margin:0 0 10px;font-weight:700}
.art-card .ex{color:var(--muted);font-size:15px;line-height:1.6;margin:0}

/* === PRO-BLOCK === */
.pro-block{background:var(--card);border-radius:24px;padding:52px 56px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.pro-block.pro-cta{grid-template-columns:1fr auto}
.pro-block h3{font-size:30px;margin:0 0 14px;font-weight:700;letter-spacing:-.3px}
.pro-block p{color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 18px}
.pro-block .pro-tools-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.pro-block .pro-tools-list li{color:var(--muted);font-size:15px;line-height:1.55;padding-left:22px;position:relative}
.pro-block .pro-tools-list li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--forest)}
.pro-block .pro-tools-list li strong{color:var(--ink);font-weight:600}
.pro-block .pro-note{font-size:15px;margin:0 0 22px}
.pro-block .pro-cta{display:flex;gap:12px;flex-wrap:wrap}
.pro-block .pro-ill{aspect-ratio:1.2;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lift);background:#eee}
.pro-block .pro-ill img{width:100%;height:100%;object-fit:cover;display:block}

/* === SIGN-UP GRID per type === */
.signup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.signup-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 26px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column;cursor:pointer}
.signup-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:transparent}
.signup-card .ic{width:54px;height:54px;border-radius:50%;overflow:hidden;margin-bottom:18px}
.signup-card .ic img{width:100%;height:100%;display:block;object-fit:cover}
.signup-card h3{font-size:18px;margin:0 0 6px;font-weight:700}
.signup-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 18px;flex:1}
.signup-card .more{font-size:13px;font-weight:600;color:var(--forest);margin-top:auto}
.signup-card .more::after{content:" →";transition:transform .15s;display:inline-block}
.signup-card:hover .more::after{transform:translateX(4px)}
.signup-card{position:relative}
.signup-badge{position:absolute;top:18px;right:18px;font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 10px;border-radius:99px;line-height:1.4}
.signup-badge.gratis{background:var(--forest-soft);color:var(--forest)}
.signup-badge.betalend{background:var(--terra-soft);color:var(--terra)}

/* === TOOLS DETAIL (voor-professionals) === */
.tools-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.tool-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 28px}
.tool-card .tool-ic{font-size:32px;line-height:1;margin-bottom:14px}
.tool-card h3{font-size:20px;margin:0 0 12px;font-weight:700;letter-spacing:-.2px}
.tool-card p{color:var(--ink);font-size:15px;line-height:1.6;margin:0 0 12px}
.tool-card .tool-note{color:var(--muted);font-size:14px;line-height:1.55;margin:0;padding-top:10px;border-top:1px solid var(--line)}

/* === 404 PAGE === */
.four04{max-width:820px;margin:0 auto;padding:32px 0 16px;text-align:center}
.four04-code{font-size:128px;font-weight:800;letter-spacing:-4px;color:var(--forest);line-height:1;margin-bottom:18px;font-feature-settings:"tnum"}
.four04 h1{font-size:38px;font-weight:700;letter-spacing:-.5px;margin:0 0 14px;color:var(--ink)}
.four04-lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:560px;margin:0 auto 36px}
.four04-search{display:flex;gap:10px;max-width:560px;margin:0 auto 56px}
.four04-search input{flex:1;font:16px Inter,sans-serif;padding:14px 20px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--ink)}
.four04-search input:focus{outline:none;border-color:var(--forest)}
.four04-shortcuts{margin-bottom:56px;text-align:left}
.four04-shortcuts h2,.four04-popular h2{font-size:20px;font-weight:700;color:var(--ink);margin:0 0 18px;letter-spacing:-.2px}
.four04-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.four04-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column;gap:6px}
.four04-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:transparent}
.four04-card strong{font-size:15px;font-weight:600;color:var(--ink)}
.four04-card span{font-size:13px;line-height:1.5;color:var(--muted)}
.four04-popular{text-align:left;padding-top:32px;border-top:1px solid var(--line)}
.four04-popular ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.four04-popular li a{display:inline-block;padding:8px 16px;border:1px solid var(--line);border-radius:99px;font-size:14px;color:var(--ink);text-decoration:none;transition:border-color .15s,background .15s,color .15s}
.four04-popular li a:hover{border-color:var(--forest);background:var(--forest-soft);color:var(--forest)}

/* === AANMELDEN PAGE === */
.aanmeld-hero{max-width:820px}
.aanmeld-trilang{background:var(--forest-soft);border-left:4px solid var(--forest);padding:18px 22px;border-radius:10px;font-size:15px;line-height:1.8;color:var(--ink);margin-bottom:32px}
.aanmeld-trilang .lang-tag{display:inline-block;background:var(--forest);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:4px;margin-right:8px;vertical-align:1px}
.aanmeld-hero h1{font-size:42px;font-weight:700;letter-spacing:-.5px;line-height:1.15;margin:0 0 20px;color:var(--ink)}
.aanmeld-hero .aanmeld-lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:680px;margin:0}

.hint{display:inline-block;background:var(--terra-soft);color:var(--terra);font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;vertical-align:2px;margin-left:6px}

.prijs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;max-width:780px;margin-left:auto;margin-right:auto}
.prijs-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;position:relative}
.prijs-card-featured{border-color:var(--forest);box-shadow:0 12px 36px rgba(46,91,51,.12);transform:translateY(-4px)}
.prijs-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--forest);color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;padding:5px 14px;border-radius:99px;text-transform:uppercase}
.prijs-tier{font-size:13px;font-weight:700;color:var(--forest);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.prijs-bedrag{display:flex;align-items:baseline;gap:4px;margin-bottom:14px}
.prijs-bedrag .bedrag{font-size:44px;font-weight:800;color:var(--ink);letter-spacing:-1px;line-height:1}
.prijs-bedrag .periode{font-size:14px;color:var(--muted)}
.prijs-tagline{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 20px;min-height:42px}
.prijs-features{list-style:none;padding:0;margin:0 0 24px;flex:1}
.prijs-features li{padding:8px 0 8px 22px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--ink);position:relative}
.prijs-features li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--forest);font-weight:700}
.prijs-features li:last-child{border-bottom:none}
.prijs-features li strong{font-weight:600;color:var(--forest)}
.prijs-cta{align-self:stretch;text-align:center;margin-top:auto}
.prijs-disclaimer{text-align:center;font-size:13px;color:var(--muted);line-height:1.6;max-width:720px;margin:24px auto 0;padding:18px 22px;background:var(--bg);border-radius:10px}

.anders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.anders-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 22px}
.anders-card h3{font-size:16px;margin:0 0 10px;font-weight:700;color:var(--ink)}
.anders-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}

.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-bottom:48px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden}
.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:600;font-size:15px;color:var(--ink);list-style:none;position:relative;padding-right:48px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:22px;top:18px;font-size:22px;font-weight:300;color:var(--forest);line-height:1}
.faq-item[open] summary::after{content:"−"}
.faq-item p{padding:0 22px 18px;margin:0;font-size:14px;line-height:1.65;color:var(--muted)}

.aanmeld-final-cta{text-align:center;padding:48px 32px;background:var(--forest-soft);border-radius:20px;margin-top:8px}
.aanmeld-final-cta h2{font-size:28px;font-weight:700;color:var(--ink);margin:0 0 12px;letter-spacing:-.3px}
.aanmeld-final-cta p{font-size:16px;color:var(--ink);margin:0 0 24px}
.aanmeld-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* === CLUSTER TOP-CTA + SEO-BLOK === */
.cluster-top-cta{margin-top:20px;padding:18px 22px;background:var(--forest-soft);border:1px solid var(--forest);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cluster-top-cta span{font-size:15px;color:var(--ink);font-weight:600}

.seo-blok{max-width:820px;margin:0 auto;padding:8px 0 16px;color:var(--ink)}
.seo-blok h2{font-size:24px;font-weight:700;margin:32px 0 12px;letter-spacing:-.3px;line-height:1.25}
.seo-blok h2:first-child{margin-top:0}
.seo-blok h3{font-size:18px;font-weight:700;margin:24px 0 10px;color:var(--ink)}
.seo-blok p{font-size:16px;line-height:1.7;margin:0 0 14px;color:var(--ink)}
.seo-blok ul{font-size:16px;line-height:1.7;margin:0 0 14px;padding-left:24px;color:var(--ink)}
.seo-blok li{margin-bottom:6px}
.seo-blok a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.seo-blok a:hover{color:var(--terra);text-decoration-color:var(--terra)}
.seo-blok strong{font-weight:600;color:var(--ink)}

/* === RAS-INLINE-PHOTO (extra foto's binnen artikel) === */
.ras-inline-photo{margin:32px auto;padding:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:var(--card);max-width:100%;display:block}
.ras-inline-photo img{display:block;width:100%;height:auto;background:#eee}
.ras-inline-photo.portrait{max-width:560px}
.ras-inline-photo.portrait img{width:100%;max-height:720px;object-fit:cover}
.ras-inline-photo.square{max-width:640px}
.ras-inline-photo figcaption{font-size:12px;color:var(--muted);padding:8px 14px;background:var(--card);border-top:1px solid var(--line);font-style:italic;text-align:center}

/* === COOKIE-BANNER === */
.nh-cookie{position:fixed;right:20px;bottom:20px;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(26,31,27,.15);padding:22px 24px 20px;z-index:1000;font:14px/1.55 Inter,sans-serif;color:var(--ink)}
.nh-cookie[hidden]{display:none}
.nh-cookie h3{font-size:15px;margin:0 0 8px;font-weight:700;color:var(--ink)}
.nh-cookie p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0 0 14px}
.nh-cookie a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.nh-cookie-actions{display:flex;gap:8px;flex-wrap:wrap}
.nh-cookie-actions .btn{font-size:13px;padding:8px 16px}
@media(max-width:560px){
 .nh-cookie{right:12px;left:12px;bottom:12px;max-width:none}
}

/* === SCROLL TO TOP === */
.nh-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(26,31,27,.25);display:flex;align-items:center;justify-content:center;z-index:90;transition:transform .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}
.nh-top:hover{transform:translateY(-2px);background:var(--forest)}
.nh-top:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.nh-top[hidden]{display:none}
@media(max-width:560px){
 .nh-top{right:16px;bottom:16px;width:44px;height:44px}
}

/* === FAQ-ACCORDION === */
.faq-list{max-width:880px;margin:32px 0 0;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.faq-item[open]{border-color:var(--forest-soft);box-shadow:var(--shadow)}
.faq-item summary{padding:20px 24px;font-size:17px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color .15s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:28px;font-weight:300;color:var(--forest);line-height:1;flex-shrink:0;transition:transform .2s}
.faq-item[open] summary::after{content:"−";transform:rotate(0deg)}
.faq-item summary:hover{color:var(--forest)}
.faq-item p{padding:0 24px 22px;margin:0;font-size:15.5px;line-height:1.65;color:var(--muted)}
.faq-item p a{color:var(--terra);text-decoration:underline;text-decoration-color:var(--terra-soft);text-underline-offset:3px;font-weight:500}
.faq-item p a:hover{text-decoration-color:var(--terra)}

/* === VERMELDING FORM === */
.vermeld-form{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.vform-stap{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:28px 28px 24px;margin:0}
.vform-stap legend{padding:6px 14px;background:var(--forest);color:#fff;border-radius:99px;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-left:-2px}
.vform-uitleg{font-size:14px;color:var(--muted);line-height:1.55;margin:14px 0 16px}
.vform-typekeuze{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.vform-typecard{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}
.vform-typecard:hover{border-color:var(--forest)}
.vform-typecard input{position:absolute;opacity:0;pointer-events:none}
.vform-typecard:has(input:checked){border-color:var(--forest);background:var(--forest-soft)}
.vform-typecard .vform-tc-ic{font-size:22px;line-height:1;margin-bottom:2px}
.vform-typecard strong{font-size:15px;color:var(--ink)}
.vform-typecard span:last-child{font-size:13px;color:var(--muted);line-height:1.45}
.vform-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}
.vform-row:last-child{margin-bottom:0}
.vform-row:has(>label:nth-child(3)){grid-template-columns:repeat(3,1fr)}
.vform-veld{display:flex;flex-direction:column;gap:6px}
.vform-veld>span{font-size:13px;font-weight:600;color:var(--ink)}
.vform-veld>span em{font-style:normal;color:var(--terra);font-weight:500;font-size:11px;margin-left:6px}
.vform-veld input,.vform-veld select,.vform-veld textarea{padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:15px Inter,sans-serif;color:var(--ink);background:var(--card);width:100%;box-sizing:border-box}
.vform-veld input:focus,.vform-veld select:focus,.vform-veld textarea:focus{outline:none;border-color:var(--forest)}
.vform-veld textarea{resize:vertical;min-height:80px;font-family:inherit}
.vform-upload{display:block;border:2px dashed var(--line);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.vform-upload:hover{border-color:var(--forest);background:var(--forest-soft)}
.vform-upload input[type=file]{display:none}
.vform-upload span{font-size:14px;color:var(--muted);font-weight:500}
.vform-checkbox{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14px;color:var(--ink);line-height:1.55;cursor:pointer}
.vform-checkbox input{margin-top:4px;flex-shrink:0}
.vform-checkbox a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.vform-submit-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

/* === TRUST-STRIP === */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust-item{display:flex;gap:14px;align-items:flex-start;padding:24px 22px;background:var(--card);border-radius:14px;border:1px solid var(--line)}
.trust-item .ic{width:32px;height:32px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:15px;flex-shrink:0;font-weight:700}
.trust-item b{display:block;font-size:14px;margin-bottom:4px;color:var(--ink)}
.trust-item p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}

/* === NET NIEUW === */
.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.recent-card{background:var(--card);border-radius:18px;overflow:hidden;display:flex;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit}
.recent-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.recent-card .thumb{width:132px;height:132px;flex-shrink:0;background:#eee;overflow:hidden}
.recent-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.recent-card:hover .thumb img{transform:scale(1.05)}
.recent-card .meta{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;flex:1}
.recent-card .cat{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--terra);font-weight:700;margin-bottom:6px}
.recent-card h3{font-size:16px;line-height:1.3;margin:0 0 6px;font-weight:700;color:var(--ink)}
.recent-card .date{font-size:12px;color:var(--muted)}

/* === FOOTER === */
footer.site{background:#1F2A23;color:rgba(255,255,255,.75);padding:56px 0 36px;border-top:4px solid #F2C94C}
.footer-media-badge{box-sizing:border-box;width:100%;max-width:280px;min-height:86px;margin:0 0 18px;display:grid;grid-template-columns:72px 1fr;overflow:hidden;background:#fff;color:#1A1F1B;border:1.5px solid #F2C94C;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
footer a.fmb-brand{display:flex;align-items:center;justify-content:center;padding:10px;background:#FFF4BF;border-left:5px solid #F2C94C;color:inherit;font-size:inherit;line-height:1;text-decoration:none}
.fmb-brand img{display:block;width:44px;height:45px}
.fmb-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:10px 11px}
.fmb-eyebrow{margin-bottom:3px;color:#2E5B33;font-size:8.5px;line-height:1.25;font-weight:700;letter-spacing:.9px;text-transform:uppercase}
.fmb-copy strong{color:#1A1F1B;font-size:12.5px;line-height:1.25;font-weight:700}
.fmb-source{margin-top:4px;padding-top:4px;border-top:1px solid #ECECE6;color:#5A6451;font-size:10.5px;line-height:1.25;font-weight:500}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:36px}
footer h3{color:#fff;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin:0 0 16px;font-weight:700}
footer a{color:rgba(255,255,255,.7);font-size:14px;line-height:2.2}
footer a:hover{color:var(--terra-soft)}
footer p{font-size:14px;line-height:1.7;margin-top:0;color:rgba(255,255,255,.7)}
footer .legal{margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.55);display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;align-items:center;text-align:center;line-height:1.7}
footer .legal a{color:rgba(255,255,255,.75);text-decoration:none}
footer .legal a:hover{color:#fff;text-decoration:underline}
.nb-foot{margin:4px 0 0;max-width:238px}
.nb-foot h3{margin:0 0 9px}
.nb-foot form{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.nb-foot input[type=email],.nb-foot select{width:100%;box-sizing:border-box;padding:8px 11px;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;font-size:13px;font-family:inherit}
.nb-foot input[type=email]::placeholder{color:rgba(255,255,255,.5)}
.nb-foot input[type=email]:focus,.nb-foot select:focus{outline:none;border-color:rgba(255,255,255,.45)}
.nb-foot select{color:rgba(255,255,255,.8)}
.nb-foot select option{color:#1F2A23}
.nb-foot .nb-foot-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.nb-foot .btn.primary{align-self:flex-start;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:600;box-shadow:none;margin-top:1px}
.nb-foot .btn.primary:hover{background:rgba(255,255,255,.12);color:#fff;transform:none}
.nb-foot-msg{font-size:12.5px;color:rgba(255,255,255,.8);line-height:1.4}
.nb-foot-msg.ok{color:#a9e0ad}
.nb-foot-msg.err{color:#f2b8b0}
@media(max-width:600px){
 footer.site{padding-top:44px}
 footer .cols>div:first-child{grid-column:1/-1}
 .footer-media-badge{max-width:300px}
 .nb-foot{max-width:300px}
}

/* === BREADCRUMB === */
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:6px;padding:24px 0 0}
.breadcrumb a{color:var(--muted);text-decoration:none;font-weight:500}
.breadcrumb a:hover{color:var(--forest)}
.breadcrumb .sep{margin:0 8px;color:var(--line)}
.ras-back{display:inline-flex;align-items:center;gap:6px;margin:8px 0 2px;padding:7px 14px;border:1.5px solid var(--line);border-radius:9px;background:#fff;color:var(--forest);text-decoration:none;font-size:13.5px;font-weight:600;line-height:1;transition:border-color .12s,background .12s}
.ras-back:hover{border-color:var(--forest);background:#F2F6F1}

/* === PAGE HEAD (h1 + intro voor sub-pagina's) === */
.page-head{padding:24px 0 40px}
.page-head h1{font-size:42px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}
.page-head .intro{font-size:18px;color:var(--muted);max-width:720px;line-height:1.65;margin:0}

/* === ARTICLE CONTENT === */
.article{max-width:780px;margin:0 auto;padding:24px 32px 96px}
.article h1{font-size:42px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}
.article .meta{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:32px}
.article h2{font-size:28px;margin:48px 0 16px;letter-spacing:-.3px;font-weight:700}
.article h3{font-size:22px;margin:32px 0 12px;font-weight:700}
.article p{font-size:17px;line-height:1.7;margin:0 0 18px}
.article ul,.article ol{margin:0 0 18px;padding-left:24px;font-size:17px;line-height:1.7}
.article li{margin-bottom:8px}
.article a{color:var(--terra);text-decoration:underline;text-decoration-color:var(--terra-soft);text-underline-offset:3px;font-weight:500}
.article .artikel-rasthumb{float:left;margin:8px 24px 12px 0;padding:0;width:200px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s}
.article .artikel-rasthumb:hover{transform:translateY(-2px)}
.article .artikel-rasthumb a{display:block;text-decoration:none}
.article .artikel-rasthumb img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.article h2{clear:both}
@media(max-width:560px){
 .article .artikel-rasthumb{float:none;width:100%;max-width:280px;margin:16px auto}
}
.article a:hover{color:var(--terra);text-decoration-color:var(--terra)}
.article table{width:100%;margin:24px 0;border-collapse:collapse;font-size:15px;background:var(--card);border-radius:8px;overflow:hidden}
.article th,.article td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}
.article th{background:var(--bg);font-weight:600;color:var(--ink)}
.article hr{border:0;border-top:1px solid var(--line);margin:32px 0}

/* === RAS-FICHE PAGE === */
.ras-head{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding:32px 0 48px}
.ras-head .photo{aspect-ratio:5/4;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lift);background:#eee}
.ras-head .photo img{width:100%;height:100%;object-fit:cover;display:block}
.ras-head h1{font-size:48px;line-height:1.1;margin:0 0 12px;font-weight:700;letter-spacing:-.5px}
.ras-head .tag{font-size:12px;color:var(--terra);text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:14px}
.ras-head .lead-text{font-size:18px;color:var(--muted);line-height:1.65;margin:0 0 24px}
.ras-head .quick{display:flex;flex-wrap:wrap;gap:8px}
.ras-head .quick span{font-size:13px;background:var(--card);border:1px solid var(--line);padding:6px 14px;border-radius:99px;color:var(--ink)}
.ras-info{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding:0 0 64px}
.ras-info .sidebar{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 30px;height:fit-content;position:sticky;top:96px}
.ras-info .sidebar h3{font-size:14px;margin:0 0 14px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--terra)}
.ras-info .sidebar dl{margin:0;font-size:14px}
.ras-info .sidebar dt{color:var(--muted);font-weight:500;margin-top:14px;font-size:12px;letter-spacing:.3px}
.ras-info .sidebar dt:first-child{margin-top:0}
.ras-info .sidebar dd{margin:2px 0 0;color:var(--ink);font-weight:600}

/* === FOKKERS-LIJST OP RASFICHE === */
.club-card{background:var(--card);border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:14px;border:1px solid var(--line)}
.club-card .badge{width:46px;height:46px;border-radius:12px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.club-card h3{font-size:16px;margin:0 0 2px;font-weight:700}
.club-card .meta{font-size:13px;color:var(--muted)}
.fokker-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}
.fokker-row{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 24px;display:flex;gap:14px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.fokker-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.fokker-row .ic{width:44px;height:44px;border-radius:12px;background:var(--terra-soft);color:var(--terra);display:grid;place-items:center;font-size:20px;flex-shrink:0}
.fokker-row h3{font-size:15px;margin:0 0 3px;font-weight:700}
.fokker-row .meta{font-size:12px;color:var(--muted);line-height:1.55}
.fokker-row .reg{display:inline-block;background:var(--forest-soft);color:var(--forest);font-size:10px;padding:1px 7px;border-radius:99px;margin-top:5px;font-weight:700}

/* === ADRES-CARDS (algemeen lijst voor trimsalons/scholen/etc.) === */
.adressen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.adres-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 26px;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}
.adres-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.adres-card h3 a.adres-card-title{color:var(--ink);text-decoration:none}
.adres-card h3 a.adres-card-title:hover{color:var(--forest)}
.adres-card .adres-more{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--forest);text-decoration:none}
.adres-card .adres-more:hover{color:var(--terra)}
.adres-card h3{font-size:18px;margin:0 0 4px;font-weight:700}
.adres-card .place{font-size:13px;color:var(--muted);margin-bottom:12px;font-weight:500}
.adres-card p{font-size:14px;color:var(--ink);line-height:1.55;margin:0 0 14px}
.adres-card .tags{display:flex;flex-wrap:wrap;gap:6px}
.adres-card .tags span{font-size:11px;background:var(--forest-soft);color:var(--forest);padding:3px 10px;border-radius:99px;font-weight:600;letter-spacing:.3px}
.adres-card .adres-info{display:flex;flex-direction:column;gap:2px;margin:0 0 14px;padding:12px 14px;background:var(--bg);border-radius:10px;font-size:13px;line-height:1.5;color:var(--ink)}
.adres-card .adres-info .tel{margin-top:6px;font-weight:600}
.adres-card .adres-info .tel a{color:var(--forest);text-decoration:none}
.adres-card .adres-acties{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.adres-card .adres-act{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);border-radius:50%;font-size:16px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.adres-card .adres-act:hover{background:var(--forest-soft);border-color:var(--forest);transform:scale(1.08)}
.adres-card .adres-acties.labeled{gap:6px;flex-wrap:wrap}
.adres-card .adres-acties.labeled .adres-act{width:auto;height:auto;border-radius:8px;padding:7px 11px;font-size:12.5px;font-weight:600;color:var(--ink);background:#fff;gap:6px;transform:none}
.adres-card .adres-acties.labeled .adres-act:hover{transform:translateY(-1px)}
.adres-card .adres-acties.labeled .adres-act svg{width:14px;height:14px;flex-shrink:0;color:var(--forest)}
.fokker-bizcard{padding:28px 28px;border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.07)}
.fokker-bizcard:hover{transform:translateY(-4px);box-shadow:0 22px 56px rgba(0,0,0,.12)}
.fokker-bizcard .bc-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}
.fokker-bizcard .bc-logo{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.fokker-bizcard .bc-logo img{width:100%;height:100%;object-fit:cover;display:block}
.fokker-bizcard .bc-logo svg{width:30px;height:30px}
.fokker-bizcard h3{font-size:26px;margin:0;font-weight:700;letter-spacing:-.3px;color:var(--terra)}
.fokker-bizcard h3 a{color:var(--terra)!important}
.fokker-bizcard h3 a:hover{color:#9d4d2f!important}
.fokker-bizcard .bc-tagline{font-size:14px;color:var(--ink);margin-top:4px;font-weight:500}
.fokker-bizcard .bc-desc{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 22px}
.fokker-bizcard .bc-rows{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 18px;list-style:none;padding:0}
.fokker-bizcard .bc-rows li{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink);line-height:1.4}
.fokker-bizcard .bc-rows li svg{width:16px;height:16px;color:var(--terra);flex-shrink:0}
.fokker-bizcard .bc-rows a{color:var(--ink);text-decoration:none}
.fokker-bizcard .bc-rows a:hover{color:var(--terra)}
.fokker-bizcard .tags{margin-top:0}
@media(max-width:760px){.fokker-bizcard{padding:24px 22px}}

/* === FOKKER-DETAIL PAGE === */
.fokker-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:24px 0 48px;align-items:center}
.gids-profile-head{grid-template-columns:1.5fr 1fr}
.fokker-head .photo{aspect-ratio:4/3;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lift);background:#eee}
.fokker-head .photo img{width:100%;height:100%;object-fit:cover;display:block}
.fokker-head .photo.is-logo{padding:22px;background:#f7f5ef}
.fokker-head .photo.is-logo img{object-fit:contain}
.fokker-head h1{font-size:42px;line-height:1.1;margin:0 0 10px;font-weight:700;letter-spacing:-.5px}
.gids-profile-head h1{font-size:52px;letter-spacing:-1px}
.fokker-head .place{font-size:14px;color:var(--terra);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:14px}
.fokker-head .quick-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.fokker-head .quick-tags span{font-size:13px;background:var(--card);border:1px solid var(--line);padding:6px 14px;border-radius:99px;color:var(--ink)}
.fokker-block{display:grid;grid-template-columns:2fr 1fr;gap:48px;padding:0 0 64px}
.fokker-block .sidebar{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 30px;height:fit-content;position:sticky;top:96px}
.fokker-block .sidebar h3{font-size:14px;margin:0 0 14px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--terra)}
.fokker-block .sidebar dl{margin:0;font-size:14px}
.fokker-block .sidebar dt{color:var(--muted);font-weight:500;margin-top:14px;font-size:12px;letter-spacing:.3px}
.fokker-block .sidebar dt:first-child{margin-top:0}
.fokker-block .sidebar dd{margin:2px 0 0;color:var(--ink);font-weight:600}
.mw-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:36px 0 12px}
.mw-gallery a{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#eee}
.mw-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.mw-gallery a:hover img{transform:scale(1.05)}
@media(max-width:760px){.mw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.mw-side{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:center;margin:20px 0}
.mw-side.reverse{grid-template-columns:minmax(0,1fr) 240px}
.mw-side img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block}
.mw-side h2{margin-top:0!important}
.mw-side p{margin-bottom:0!important}
@media(max-width:760px){.mw-side,.mw-side.reverse{grid-template-columns:1fr}.mw-side img{max-width:280px;margin:0 auto}}
.mw-divider{display:flex;justify-content:center;align-items:center;gap:10px;margin:56px 0 24px}
.mw-divider i{width:6px;height:6px;border-radius:50%;background:var(--terra);opacity:.45}
.mw-divider i:nth-child(2){opacity:.85;width:8px;height:8px}
.mw-puppy-status{display:inline-flex;align-items:center;gap:8px;background:var(--forest-soft);color:var(--forest);font-size:13px;font-weight:700;padding:6px 12px;border-radius:99px;margin-bottom:18px;letter-spacing:.2px}
.mw-puppy-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--forest);box-shadow:0 0 0 4px rgba(46,91,51,.15)}
.mw-sidebar-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--terra);color:#fff;font-weight:700;padding:12px 16px;border-radius:10px;text-decoration:none;margin-bottom:22px;transition:background .2s}
.mw-sidebar-cta:hover{background:#9d4d2f}
.mw-sidebar-cta::before{content:"\2709";font-size:16px}
.mw-sidebar-link{display:inline-flex;align-items:center;gap:6px;color:var(--terra);font-weight:700;text-decoration:none;border-bottom:2px solid var(--terra);padding-bottom:3px;font-size:15px;letter-spacing:.1px;transition:gap .2s,opacity .2s}
.mw-sidebar-link:hover{gap:10px;opacity:.75}
.mw-pup-box{border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:32px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.mw-pup-box + h3{margin-top:8px}
.mw-pup-box .mw-puppy-status{margin:0}
.mw-pup-box .mw-puppy-meta{font-size:14px;color:var(--muted);margin:0}
.mw-pup-box .mw-sidebar-link{margin-top:4px}
.mw-callout{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--terra);border-radius:12px;padding:28px 32px;margin:36px 0}
.mw-callout .lead{font-size:24px;line-height:1.3;color:var(--ink);font-weight:700;margin:0 0 14px;letter-spacing:-.3px}
.mw-callout p{font-size:16px;line-height:1.65;color:var(--ink);margin:0 0 12px}
.mw-werkwijze{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 6px}
.mw-wcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px}
.mw-wicon{width:42px;height:42px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;margin-bottom:14px}
.mw-wicon svg{width:20px;height:20px}
.mw-wcard h3{font-size:18px;margin:0 0 8px;font-weight:700;color:var(--ink)}
.mw-wcard p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.fokker-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:14px;transition:transform .2s,box-shadow .2s}
.fokker-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}
.fokker-card .photo{aspect-ratio:16/9;overflow:hidden;background:#eee}
.fokker-card .photo img{width:100%;height:100%;object-fit:cover;display:block}
.fokker-card .body{padding:18px 18px 16px}
.fokker-card .status{display:inline-flex;align-items:center;gap:6px;background:var(--forest-soft);color:var(--forest);font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;margin-bottom:10px;letter-spacing:.3px;text-transform:uppercase}
.fokker-card .status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--forest)}
.fokker-card .status.amber{background:#FAEFD0;color:#8B6515}
.fokker-card .status.amber::before{background:#8B6515}
.fokker-card .status.grey{background:#E8E6E0;color:#5A6451}
.fokker-card .status.grey::before{background:#5A6451}
.fokker-card .status.blue{background:#DEE7F1;color:#3A5B7E}
.fokker-card .status.blue::before{background:#3A5B7E}
.fokker-card h3{font-size:17px;margin:0 0 6px;font-weight:700;color:var(--ink)}
.fokker-card .loc{font-size:13px;color:var(--muted);margin:0 0 14px;line-height:1.5}
.fokker-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.fokker-card .actions a{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:none;transition:background .15s,border-color .15s}
.fokker-card .actions a:hover{background:var(--bg);border-color:var(--terra)}
.fokker-card .actions a.primary{background:var(--terra);color:#fff;border-color:var(--terra)}
.fokker-card .actions a.primary:hover{background:#9d4d2f;border-color:#9d4d2f}
.fokker-card .actions a svg{width:14px;height:14px;flex-shrink:0}
.fokker-card-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:32px 0}
.fokker-card-grid .fokker-card{margin:0;flex:0 1 260px;max-width:260px}
@media(max-width:560px){.fokker-card-grid{flex-direction:column;align-items:center}}
.fokker-card.horizontal{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);margin:28px auto;max-width:50%}
.fokker-card.horizontal .photo{aspect-ratio:1/1;height:100%}
.fokker-card.horizontal .body{padding:22px 24px;display:flex;flex-direction:column;justify-content:center}
.fokker-card.horizontal .actions{grid-template-columns:1fr;gap:6px}
@media(max-width:900px){.fokker-card.horizontal{max-width:100%}}
@media(max-width:760px){.fokker-card.horizontal{grid-template-columns:1fr}.fokker-card.horizontal .photo{aspect-ratio:16/9}}
@media(max-width:560px){.mw-werkwijze{grid-template-columns:1fr}}
.mw-frame{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);padding:16px 22px;background:var(--forest-soft);border-radius:12px}
.mw-frame-top{margin:8px 0 24px}
.mw-frame-bot{margin:40px 0 24px;background:transparent;border-top:1px solid var(--line);border-radius:0;padding:18px 0 4px;font-size:13px}
.mw-frame-tag{display:inline-block;background:#fff;color:var(--forest);font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;letter-spacing:.5px;text-transform:uppercase}
.mw-frame a{color:var(--forest);text-decoration:underline;text-decoration-color:rgba(46,91,51,.3);text-underline-offset:2px}

/* === KENNEL/CLUB BIG CARD === */
.bigclub{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 32px;display:flex;align-items:center;gap:20px;margin-bottom:20px}
.bigclub .badge{width:54px;height:54px;border-radius:14px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:24px;flex-shrink:0}
.bigclub h3{font-size:17px;margin:0 0 3px;font-weight:700}
.bigclub .meta{font-size:14px;color:var(--muted)}

/* === RASZOEKER QUIZ === */
.quiz-page{min-height:60vh;background:var(--bg)}
.quiz-inner{max-width:720px;margin:0 auto;padding:48px 32px 80px}
.quiz-header{text-align:center;margin-bottom:40px}
.quiz-title{font-size:44px;font-weight:800;color:var(--ink);margin:0 0 14px;letter-spacing:-.8px;line-height:1.1}
.quiz-title .highlight{color:var(--terra);font-style:italic;font-weight:800}
.quiz-subtitle{font-size:18px;color:var(--muted);line-height:1.6;margin:0;max-width:560px;margin-left:auto;margin-right:auto}
.quiz-container{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:36px 36px 32px;box-shadow:var(--shadow)}
.quiz-progress{height:4px;background:var(--line);border-radius:4px;margin-bottom:24px;overflow:hidden}
.quiz-progress-bar{height:100%;background:var(--terra);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}
.quiz-step{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:10px}
.quiz-question{font-size:26px;font-weight:700;color:var(--ink);margin:0 0 26px;line-height:1.25;letter-spacing:-.3px}
.quiz-options{display:flex;flex-direction:column;gap:12px}
.quiz-option{display:flex;align-items:center;gap:16px;width:100%;padding:18px 22px;background:var(--card);border:1.5px solid var(--line);border-radius:14px;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px rgba(26,31,27,.04)}
.qo-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;transition:all .25s;background:var(--card)}
.quiz-option:hover{border-color:var(--forest);background:var(--forest-soft);transform:translateX(6px);box-shadow:var(--shadow)}
.quiz-option:hover .qo-dot{border-color:var(--forest);background:var(--forest);box-shadow:inset 0 0 0 3px #fff}
.quiz-option:active{transform:translateX(6px) scale(.98)}

.quiz-results{margin-top:8px}
.results-title{font-size:30px;font-weight:800;color:var(--ink);text-align:center;margin:0 0 10px;letter-spacing:-.4px}
.results-subtitle{font-size:15px;color:var(--muted);text-align:center;margin:0 0 32px}
.results-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.result-card{display:flex;align-items:center;gap:18px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:inherit;transition:all .25s;box-shadow:0 1px 4px rgba(26,31,27,.04)}
.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--forest)}
.result-rank{width:38px;height:38px;display:grid;place-items:center;background:var(--forest);color:#fff;border-radius:50%;font-weight:800;font-size:15px;flex-shrink:0}
.result-card:nth-child(1) .result-rank{background:var(--terra)}
.result-card:nth-child(2) .result-rank{background:var(--forest)}
.result-img{width:80px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0;background:#eee}
.result-body{flex:1;min-width:0}
.result-name{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 3px;letter-spacing:-.2px}
.result-match{font-size:13px;font-weight:700;color:var(--terra);margin-bottom:5px;letter-spacing:.2px}
.result-intro{font-size:13px;color:var(--muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.results-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.quiz-disclaimer{margin:8px 0 24px;padding:16px 20px;background:var(--gold-soft);color:var(--ink);font-size:13px;line-height:1.6;border-radius:12px}
.quiz-disclaimer b{font-weight:700}
.quiz-gate{margin-top:4px}
.qg-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--terra);text-align:center;margin:0 0 14px}
.qg-teaser{margin-bottom:18px}
.qg-teaser .result-card{border:1.5px solid var(--terra);box-shadow:var(--shadow-lift)}
.qg-panel{background:var(--forest-soft);border:1px solid var(--line);border-radius:18px;padding:24px 26px;text-align:center}
.qg-lead{font-size:14.5px;line-height:1.6;color:var(--ink);margin:0 0 16px;max-width:460px;margin-left:auto;margin-right:auto}
.qg-lead b{font-weight:700;color:var(--forest)}
.qg-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.qg-row input[type=email]{flex:1;min-width:220px;max-width:320px;padding:13px 18px;border:1.5px solid var(--line);border-radius:99px;background:var(--card);font-family:inherit;font-size:15px;color:var(--ink)}
.qg-row input[type=email]::placeholder{color:var(--muted)}
.qg-row input[type=email]:focus{outline:none;border-color:var(--forest)}
.qg-row .btn.primary{flex-shrink:0}
.qg-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.qg-msg{display:block;font-size:13px;margin-top:10px;min-height:1px;line-height:1.4}
.qg-msg.err{color:var(--terra);font-weight:600}
.qg-msg.ok{color:var(--forest);font-weight:600}
.qg-skip{display:inline-block;margin-top:14px;background:none;border:0;padding:0;font-family:inherit;font-size:13px;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.qg-skip:hover{color:var(--ink)}

/* Placeholder-badge voor velden die fokker zelf invult via controleformulier */
.hint{display:inline-block;background:var(--terra-soft);color:var(--terra);font-size:10px;padding:2px 8px;border-radius:99px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-left:6px;vertical-align:1px}
::selection{background:var(--terra-soft);color:var(--ink)}

/* === Article-rendering uit rassen-bron/.txt === */
.ras-article{max-width:880px;margin:0 auto;padding:0 32px 64px}

/* === RAS-LAYOUT: 2-koloms artikel + sticky sidebar voor fokkers/asielen === */
.ras-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;max-width:1320px;margin:0 auto;padding:0 32px 64px;align-items:start}
.ras-layout .ras-article{max-width:none;margin:0;padding:0}
.ras-layout .article{max-width:none;margin:0;padding:0}
.ras-aside{display:flex;flex-direction:column;gap:24px;align-self:start}
.ras-aside .aside-lid{background:var(--forest-soft);border:1px solid #cfe0c7;border-radius:16px;padding:22px 24px;text-align:center}
.ras-aside .aside-lid h3{margin:0 0 6px;font-size:17px;color:var(--forest);letter-spacing:-.2px;line-height:1.25}
.ras-aside .aside-lid p{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--ink)}
.ras-aside .aside-lid .btn{width:100%;justify-content:center;font-size:13.5px;padding:12px 18px}
.ras-aside .inline-fokkers,.ras-aside .inline-asielen{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin:0}
.ras-aside .inline-fokkers h2,.ras-aside .inline-asielen h2{font-size:18px;margin:6px 0 6px;letter-spacing:-.2px}
.ras-aside .inline-fokkers .eyebrow,.ras-aside .inline-asielen .eyebrow{font-size:11px;letter-spacing:1.4px}
.ras-aside .inline-fokkers p,.ras-aside .inline-asielen p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 14px}
.ras-aside .fokker-list{display:flex;flex-direction:column;gap:10px}
.ras-aside .fokker-row{padding:10px 12px;font-size:13px}
.ras-aside .more-link{margin-top:6px;font-size:13px}
.ras-aside .aside-sectors{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.ras-aside .aside-sectors .eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:14px}
.ras-aside .sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ras-aside .sector-icon{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink);font-size:11.5px;font-weight:600;text-align:center;line-height:1.3;transition:transform .15s}
.ras-aside .sector-icon img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--forest-soft);padding:4px;transition:background .15s}
.ras-aside .sector-icon:hover{transform:translateY(-2px)}
.ras-aside .sector-icon:hover img{background:var(--terra-soft)}
.ras-aside .sector-icon:hover{color:var(--terra)}
.ras-aside .aside-categorieen,
.ras-aside .aside-themas{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:15px}
/* "Ontdek de hondenrassen" = primaire rasnavigatie: mag opvallen tussen de magazine-rubrieken */
.ras-aside .aside-categorieen:not(.aside-rubriek-box){background:#f2f8f0;border-color:#cfe2c9;box-shadow:0 8px 20px rgba(40,70,45,.10)}
.ras-aside .aside-categorieen:not(.aside-rubriek-box) .aside-cat-list a{font-weight:600}
.ras-aside .aside-categorieen:not(.aside-rubriek-box) .aside-cat-list a:hover{color:#2E5B33}
/* Zijbalk-CTA's: raszoeker (groene held + uitfadende rasfoto), karakterquiz, hondennamen */
.ras-aside .side-cta{position:relative;display:block;overflow:hidden;border-radius:14px;padding:14px 16px 13px;margin:0 0 9px;text-decoration:none;box-shadow:0 7px 18px rgba(40,70,45,.12);transition:box-shadow .15s ease,transform .15s ease}
.ras-aside .side-cta:hover{box-shadow:0 11px 24px rgba(40,70,45,.2);transform:translateY(-1px)}
.ras-aside .side-cta .sc-title,.ras-aside .side-cta .sc-sub,.ras-aside .side-cta .sc-btn{position:relative;z-index:1}
.ras-aside .side-cta .sc-title{display:block;font-size:15.5px;font-weight:800;line-height:1.22}
.ras-aside .side-cta .sc-sub{display:block;font-size:12.5px;line-height:1.4;margin:5px 0 11px;max-width:64%}
.ras-aside .side-cta .sc-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:7px 13px;border-radius:8px}
.ras-aside .side-cta-finder{background:linear-gradient(135deg,#2E5B33,#3c7a43);color:#fff}
.ras-aside .side-cta-leeftijd{background:linear-gradient(135deg,#B65A38,#c9764f);color:#fff}
.ras-aside .side-cta-leeftijd .sc-sub{opacity:.92;max-width:none}
.ras-aside .side-cta-leeftijd .sc-btn{background:#fff;color:#B65A38}
.ras-aside .side-cta-leeftijd:hover .sc-btn{background:#fbeee6}
.ras-aside .side-cta-finder .sc-sub{opacity:.92}
.ras-aside .side-cta-finder .sc-btn{background:#fff;color:#2E5B33}
.ras-aside .side-cta-finder:hover .sc-btn{background:#eef5ec}
.ras-aside .side-cta-finder .sc-photo{position:absolute;right:10px;bottom:10px;width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 9px rgba(0,0,0,.2);filter:brightness(1.1) contrast(1.06) saturate(1.05)}
.ras-aside .side-cta-quiz,.ras-aside .side-cta-names{background:#fff;border:1px solid #e4e0d6;color:#262626}
.ras-aside .side-cta-quiz .sc-sub,.ras-aside .side-cta-names .sc-sub{color:#6b6b6b;max-width:none}
.ras-aside .side-cta-quiz .sc-btn,.ras-aside .side-cta-names .sc-btn{background:#2E5B33;color:#fff}
.ras-aside .side-cta-quiz:hover .sc-btn,.ras-aside .side-cta-names:hover .sc-btn{background:#244726}
.ras-aside .side-cta-newsletter{background:linear-gradient(135deg,#1E3D24,#2E5B33 45%,#4C8A44);color:#fff}
.ras-aside .side-cta-newsletter:hover{transform:none;box-shadow:0 7px 18px rgba(40,70,45,.12)}
.ras-aside .side-cta-newsletter .sc-sub{opacity:.93;max-width:none;margin-bottom:10px}
.ras-aside .sc-nb-form{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}
.ras-aside .sc-nb-form input[type=email]{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-family:inherit}
.ras-aside .sc-nb-form input[type=email]::placeholder{color:rgba(255,255,255,.72)}
.ras-aside .sc-nb-form input[type=email]:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.2)}
.ras-aside .sc-nb-form .nb-foot-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ras-aside .sc-nb-form button{background:#fff;color:#2E5B33;border:0;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s}
.ras-aside .sc-nb-form button:hover{background:#eef5ec}
.ras-aside .sc-nb-form .nb-foot-msg{font-size:12px;line-height:1.4;color:rgba(255,255,255,.92)}
.ras-aside .sc-nb-form .nb-foot-msg.ok{color:#c8f0c9}
.ras-aside .sc-nb-form .nb-foot-msg.err{color:#ffd7cf}
.ras-aside .aside-categorieen .eyebrow,
.ras-aside .aside-themas .eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:14px}
.ras-aside .aside-cat-list{list-style:none;padding:0;margin:0}
.ras-aside .aside-cat-list li{margin:0}
.ras-aside .aside-cat-list a,
.ras-aside .aside-cat-list li strong{display:flex;align-items:center;gap:10px;padding:3px 0;color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;transition:color .15s,padding-left .15s}
.ras-aside .aside-cat-list a:hover{color:var(--terra);padding-left:4px}
/* Huidige pagina: geen bold, lichtere kleur — bullet kleurt de groep */
.ras-aside .aside-cat-list li strong{font-weight:500;color:var(--muted)}
/* Themas-bullet per groep — kleur identificeert visueel tot welke groep een landing behoort */
.ras-aside .aside-themas .aside-cat-list a::before,
.ras-aside .aside-themas .aside-cat-list li strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--terra);flex:0 0 auto}
.ras-aside .aside-themas .thg-formaat a::before,
.ras-aside .aside-themas .thg-formaat strong::before{background:#B65A38}
.ras-aside .aside-themas .thg-uiterlijk a::before,
.ras-aside .aside-themas .thg-uiterlijk strong::before{background:#4A7B8C}
.ras-aside .aside-themas .thg-karakter a::before,
.ras-aside .aside-themas .thg-karakter strong::before{background:#8E6A99}
.ras-aside .aside-themas .thg-rasgroep a::before,
.ras-aside .aside-themas .thg-rasgroep strong::before{background:#6B8E5A}
.ras-aside .aside-themas .thg-prestatie a::before,
.ras-aside .aside-themas .thg-prestatie strong::before{background:#C9A04A}
.ras-aside .aside-themas .thg-herkomst a::before,
.ras-aside .aside-themas .thg-herkomst strong::before{background:#5C6F8C}
.ras-aside .aside-themas .thg-vergelijken a::before,
.ras-aside .aside-themas .thg-vergelijken strong::before{background:#7B5D45}
@media(max-width:900px){
 .ras-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding:0 24px 64px}
 .ras-aside{position:static;min-width:0}
 .ras-layout .article,.ras-layout .ras-article{min-width:0}
 .article table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
 .article .artikel-rasthumb{float:none;display:block;width:100%;max-width:280px;margin:8px 0 16px}
}
.ras-hero-photo{margin:24px 0 32px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lift)}
.ras-hero-photo img{display:block;width:100%;height:auto}
.photo-credit{font-size:12px;color:var(--muted);text-align:right;padding:8px 16px;background:var(--bg);border-top:1px solid var(--line)}
.ras-article h1.article-h1{font-size:42px;line-height:1.1;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.ras-article p.article-intro{font-size:18px;line-height:1.7;color:var(--ink);margin:0 0 18px}
.ras-article p.article-intro:first-of-type{font-size:19px}
.ras-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin:24px 0 36px}
.ras-stats > div{padding:0}
.ras-stats dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:4px}
.ras-stats dd{font-size:15px;color:var(--ink);font-weight:600;margin:0;line-height:1.4}
.article-content h2{font-size:26px;margin:36px 0 14px;font-weight:700;letter-spacing:-.3px;line-height:1.2}
.article-content h3{font-size:19px;margin:26px 0 10px;font-weight:700;color:var(--ink)}
.article-content p{font-size:16px;line-height:1.75;color:var(--ink);margin:0 0 14px}
.article-content ul,.article-content ol{font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 16px;padding-left:24px}
.article-content li{margin-bottom:6px}
.article-content a{color:#C44C2A;text-decoration:none}
.article-content a:hover{color:#9b3a1f;text-decoration:underline;text-underline-offset:3px}
.article-content a[href*="welk-hondenras-past-bij-mij"]{color:#C44C2A;text-decoration:none}
.article-content a[href*="welk-hondenras-past-bij-mij"]:hover{color:#9b3a1f;text-decoration:underline}
.article-content strong{font-weight:700;color:var(--ink)}
.article-content .quick-answer{background:var(--forest-soft);border-left:3px solid var(--forest);border-radius:10px;padding:18px 22px;margin:20px 0;font-size:15px}
.article-content .quick-answer.rasnamen strong:first-child{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--forest);margin-bottom:6px;font-weight:700}
.article-content .quick-answer ul{margin:0;padding-left:18px;font-size:14px}
/* Rasfiche eigenschappen-widget (bp) */
.ras-aside .bp{background:#fff;border:1px solid #e3e3e3;border-radius:12px;overflow:hidden;font-size:12px;margin:0 0 18px}
.ras-aside .bp-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#2d2a26;color:#fff;font-size:13px}
.ras-aside .bp-header strong{font-weight:700}
.ras-aside .bp-help{margin-left:auto;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fff9;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.ras-aside .bp-help:hover{border-color:#fff;color:#fff}
.ras-aside .bp-tooltip{display:none;padding:12px 14px;background:#f8f6f2;border-bottom:1px solid #e3e3e3;font-size:12px;line-height:1.5;color:#5A6451}
.ras-aside .bp-tooltip.open{display:block}
.ras-aside .bp-tooltip p{margin:0 0 8px}
.ras-aside .bp-tooltip-close{font-size:11px;font-weight:600;color:#2E5B33;background:none;border:none;cursor:pointer;padding:0}
.ras-aside .bp-row{display:flex;align-items:center;gap:6px;padding:7px 14px;border-bottom:1px solid #f0f0ec}
.ras-aside .bp-row:last-child{border-bottom:none}
.ras-aside .bp-icon{font-size:13px;flex-shrink:0;width:18px;text-align:center}
.ras-aside .bp-label{font-weight:500;color:#5A6451;min-width:90px;flex-shrink:0}
.ras-aside .bp-bar{flex:1;height:4px;background:#ece9e2;border-radius:4px;overflow:hidden}
.ras-aside .bp-fill{height:100%;border-radius:4px}
.ras-aside .bp-val{font-weight:700;color:#1A1F1B;width:14px;text-align:right;flex-shrink:0}
.article-content .key-data{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px 22px;margin:20px 0;font-size:14px}
.article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;background:var(--card);border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.article-content th,.article-content td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.article-content th{background:var(--bg);font-weight:600;font-size:13px;letter-spacing:.3px}

/* Raszoeker-CTA-band (homepage + rasfiches) */
.raszoeker-cta{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:40px 48px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}
.raszoeker-cta-text .eyebrow{margin-bottom:10px}
.raszoeker-cta-text h2{font-size:28px;margin:0 0 8px;font-weight:700;letter-spacing:-.3px}
.raszoeker-cta-text p{color:var(--muted);font-size:16px;line-height:1.6;margin:0;max-width:560px}
.raszoeker-cta .btn{padding:16px 28px;font-size:15px;white-space:nowrap}

.raszoeker-inline{background:var(--forest-soft);border-radius:18px;padding:32px 36px;text-align:center;margin:0 0 32px}
.raszoeker-inline .eyebrow{margin-bottom:8px;color:var(--forest)}
.raszoeker-inline h3{font-size:22px;margin:0 0 10px;font-weight:700;letter-spacing:-.2px}
.raszoeker-inline p{color:var(--muted);font-size:15px;line-height:1.55;margin:0;max-width:520px;margin-left:auto;margin-right:auto}
.raszoeker-inline p a{color:#C44C2A !important;font-weight:500;text-decoration:underline !important;text-decoration-color:#C44C2A !important;text-decoration-thickness:2px;text-underline-offset:3px;transition:color .15s}
.raszoeker-inline p a:hover{color:#9b3a1f !important}

.ras-filter-banner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--terra-soft);border-radius:16px;padding:20px 28px;margin:0 0 28px}
.ras-filter-banner .eyebrow{margin-bottom:4px;color:var(--terra)}
.ras-filter-banner h3{font-size:20px;margin:0;font-weight:700;letter-spacing:-.2px}
.ras-filter-banner .btn{padding:10px 18px;font-size:13px}
.no-match-message{background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:32px 28px;text-align:center;margin:24px 0}
.no-match-message p{margin:0;color:var(--muted);font-size:15px}
.no-match-message a{color:var(--forest);font-weight:600}

.inline-fokkers,.inline-asielen{margin:48px 0 0;padding-top:36px;border-top:1px solid var(--line)}
.inline-fokkers .eyebrow,.inline-asielen .eyebrow{margin-bottom:8px}
.inline-fokkers h2,.inline-asielen h2{font-size:24px;margin:0 0 8px;font-weight:700;letter-spacing:-.3px}
.inline-fokkers > p,.inline-asielen > p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 20px}
.inline-fokkers .more-link,.inline-asielen .more-link{margin:18px 0 0;font-size:14px;font-weight:600}
.inline-asielen{border-top-color:var(--terra-soft)}
.inline-asielen .fokker-row .ic{background:var(--terra-soft);color:var(--terra)}

.puppy-cta{background:var(--terra-soft);border-radius:18px;padding:32px 36px;margin:0 0 32px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.puppy-cta .eyebrow{margin-bottom:8px;color:var(--terra)}
.puppy-cta h3{font-size:22px;margin:0 0 8px;font-weight:700;letter-spacing:-.2px}
.puppy-cta p{color:var(--muted);font-size:15px;line-height:1.55;margin:0}
.puppy-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:760px){.puppy-cta{grid-template-columns:1fr;text-align:center}.puppy-cta-actions{justify-content:center}}

@media(max-width:900px){
 .raszoeker-cta{grid-template-columns:1fr;padding:28px 24px;text-align:center}
 .raszoeker-cta-text p{margin-left:auto;margin-right:auto}
 .raszoeker-inline{padding:24px 22px}
}

.zoeker-seo{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.zoeker-seo h2{font-size:24px;font-weight:700;color:var(--ink);margin:32px 0 12px;letter-spacing:-.3px;line-height:1.25}
.zoeker-seo h2:first-child{margin-top:0}
.zoeker-seo p{font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 14px}
.zoeker-seo ul{font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 14px;padding-left:24px}
.zoeker-seo li{margin-bottom:6px}
.zoeker-seo a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.zoeker-seo a:hover{color:var(--terra);text-decoration-color:var(--terra)}

@media(max-width:900px){
 .hero-wrap{grid-template-columns:1fr;gap:36px}
 .hero h1{font-size:34px}
 .articles{grid-template-columns:repeat(2,1fr);gap:18px}
 .recent-grid{grid-template-columns:1fr}
 .signup-grid{grid-template-columns:repeat(2,1fr)}
 .tools-detail{grid-template-columns:1fr}
 .four04-grid{grid-template-columns:1fr}
 .four04-code{font-size:96px}
 .four04 h1{font-size:30px}
 .four04-search{flex-direction:column;border-radius:14px}
 .four04-search input{border-radius:99px}
 .prijs-grid{grid-template-columns:1fr;gap:18px}
 .prijs-card-featured{transform:none}
 .anders-grid{grid-template-columns:1fr}
 .faq-grid{grid-template-columns:1fr}
 .aanmeld-hero h1{font-size:30px}
 .aanmeld-trilang{font-size:14px}
 .vform-typekeuze{grid-template-columns:1fr}
 .vform-row{grid-template-columns:1fr}
 .vform-row:has(>label:nth-child(3)){grid-template-columns:1fr}
 .cluster-top-cta{flex-direction:column;align-items:stretch;text-align:center}
 .trust-strip{grid-template-columns:repeat(2,1fr)}
 .cluster-grid{grid-template-columns:repeat(2,1fr)}
 .persona-grid{grid-template-columns:1fr}
 .pro-block{grid-template-columns:1fr;padding:36px}
 .pro-block.pro-cta{grid-template-columns:1fr;gap:22px}
 .addr{padding:36px 32px}
 footer .cols{grid-template-columns:1fr 1fr}
 .ras-head,.ras-info,.fokker-head,.fokker-block{grid-template-columns:1fr;gap:24px}
 .fokker-head{grid-template-columns:1fr!important}
 .ras-head h1,.fokker-head h1{font-size:34px}
 .fokker-head h1{font-size:34px!important}
 .article p,.article ul,.article ol{font-size:16px}
 .ras-info .sidebar,.fokker-block .sidebar{position:static}
 .fokker-block .sidebar dd,.fokker-block .sidebar dd a{min-width:0;overflow-wrap:anywhere;word-break:break-word}
 .fokker-list{grid-template-columns:1fr}
 .quiz-inner{padding:32px 18px 64px}
 .quiz-title{font-size:30px}
 .quiz-subtitle{font-size:16px}
 .quiz-container{padding:24px 22px 22px}
 .quiz-question{font-size:20px}
 .quiz-option{padding:14px 16px;font-size:14px;gap:12px}
 .results-title{font-size:24px}
 .result-card{flex-wrap:wrap;padding:14px}
 .result-img{width:64px;height:64px}
 .result-rank{width:32px;height:32px;font-size:13px}
 .result-name{font-size:16px}
 .qg-panel{padding:18px 16px}
 .qg-row input[type=email]{min-width:0;width:100%;max-width:none}
 .qg-row .btn.primary{width:100%;justify-content:center}
 .zoeker-seo h2{font-size:20px}
 .zoeker-seo p,.zoeker-seo ul{font-size:15px}
}

/* === COI-berekening tool === */
.coi-page{max-width:1100px;margin:0 auto;padding:32px}
.coi-info{background:var(--gold-soft);border-radius:14px;padding:18px 24px;margin:0 0 36px;font-size:14px;line-height:1.6}
.coi-info b{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;font-size:12px;display:block;margin-bottom:6px}
.coi-form{margin:0 0 36px}
.coi-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;gap:18px;align-items:start;margin:0 0 28px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.coi-col{display:flex;flex-direction:column;gap:8px;min-height:0}
.coi-col-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--terra);margin:0 0 4px}
.coi-col input{font:14px Inter,sans-serif;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:100%}
.coi-col input:focus{outline:0;border-color:var(--forest);background:var(--card)}
.coi-col input.coi-common{background:#FDE6E0;border-color:#C44C2A;color:#9b3a1f;font-weight:700}
.coi-pair,.coi-quad{display:flex;flex-direction:column;gap:6px;padding:6px 0 6px 8px;border-left:2px solid var(--line)}
.coi-quad{padding-left:14px}
.coi-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.coi-actions .note{font-size:12px;color:var(--muted)}
.coi-result{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px 36px;margin:0 0 32px;box-shadow:var(--shadow)}
.coi-verdict-badge{display:inline-block;padding:6px 16px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
.coi-verdict-badge.ok{background:var(--forest-soft);color:var(--forest)}
.coi-verdict-badge.warn{background:var(--gold-soft);color:var(--gold)}
.coi-verdict-badge.bad{background:#FDE6E0;color:#9b3a1f}
.coi-percentage{font-size:54px;font-weight:800;letter-spacing:-1.5px;line-height:1;margin:0 0 8px}
.coi-percentage.ok{color:var(--forest)}
.coi-percentage.warn{color:var(--gold)}
.coi-percentage.bad{color:#C44C2A}
.coi-verdict-text{font-size:16px;color:var(--ink);margin:0 0 28px;line-height:1.5}
.coi-result h2{font-size:20px;font-weight:700;margin:28px 0 12px;letter-spacing:-.2px}
.coi-common-list{display:flex;flex-direction:column;gap:10px}
.coi-common-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--bg);border-radius:10px;border:1px solid var(--line)}
.coi-common-row b{color:var(--ink);font-weight:700}
.coi-common-row .meta{font-size:12px;color:var(--muted);margin-top:2px}
.coi-common-row .pct{font-weight:700;color:#C44C2A;font-size:16px}
.coi-check{font-size:14px;line-height:1.7;color:var(--ink)}
.coi-check ul{margin:8px 0;padding-left:22px}
.coi-check li{margin-bottom:6px}
@media(max-width:900px){
 .coi-grid{grid-template-columns:1fr;gap:12px}
 .coi-page{padding:20px}
 .coi-percentage{font-size:40px}
}

/* === Hond & Kennis categorie-nav (bento) === */
.kennis-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;gap:16px;margin:28px 0 56px}
.kennis-cat{position:relative;overflow:hidden;border-radius:18px;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 22px 20px;background:var(--card);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;isolation:isolate;cursor:pointer}
.kennis-cat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.kennis-cat .kc-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.kennis-cat .kc-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.kennis-cat:hover .kc-photo img{transform:scale(1.05)}
.kennis-cat .kc-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,31,27,.05) 0%,rgba(26,31,27,.55) 70%,rgba(26,31,27,.78) 100%)}
.kennis-cat .kc-tag{position:absolute;top:18px;left:18px;padding:5px 11px;border-radius:999px;background:var(--card);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--ink);box-shadow:var(--shadow)}
.kennis-cat h3{margin:0 0 4px;font-size:22px;line-height:1.2;font-weight:700;color:#fff;letter-spacing:-.3px}
.kennis-cat .kc-sub{margin:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.88)}

/* Featured (puppy) — spans 2x2 */
.kennis-cat.kc-featured{grid-column:span 2;grid-row:span 2;padding:30px 30px 28px}
.kennis-cat.kc-featured h3{font-size:34px;letter-spacing:-.6px;margin:0 0 6px}
.kennis-cat.kc-featured .kc-sub{font-size:15px;max-width:480px}
.kennis-cat.kc-featured .kc-tag{top:24px;left:24px}

/* Wide tile — spans 2 cols, 1 row */
.kennis-cat.kc-wide{grid-column:span 2}
.kennis-cat.kc-wide h3{font-size:26px;letter-spacing:-.4px}
.kennis-cat.kc-wide .kc-sub{max-width:520px}

/* Color-accent strip per cat (links bovenaan kleurbalk) */
.kennis-cat::before{content:"";position:absolute;top:0;left:0;width:5px;height:60px;background:var(--kc-color,var(--forest));z-index:1;border-radius:0 0 5px 0}
.kennis-cat[data-color="forest"]{--kc-color:var(--forest)}
.kennis-cat[data-color="terra"]{--kc-color:var(--terra)}
.kennis-cat[data-color="sky"]{--kc-color:var(--sky)}
.kennis-cat[data-color="gold"]{--kc-color:var(--gold)}
.kennis-cat[data-color="plum"]{--kc-color:var(--plum)}
.kennis-cat[data-color="rose"]{--kc-color:var(--rose)}

/* "Binnenkort" badge — voor toekomstige sub-pagina's */
.kennis-cat.kc-soon::after{content:"Binnenkort";position:absolute;top:18px;right:18px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.92);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--muted);z-index:2}

@media(max-width:900px){
 .kennis-cats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px}
 .kennis-cat.kc-featured{grid-column:span 2;grid-row:span 1;padding:22px}
 .kennis-cat.kc-featured h3{font-size:26px}
 .kennis-cat.kc-wide{grid-column:span 2}
 .kennis-cat h3{font-size:18px}
}
@media(max-width:560px){
 .kennis-cats{grid-template-columns:1fr;grid-auto-rows:170px}
 .kennis-cat.kc-featured,.kennis-cat.kc-wide{grid-column:span 1}
}

/* === Mobile/tablet nav hamburger + responsive header (≤900px) === */
.nh-burger{display:none}
@media(max-width:900px){
 .wrap{padding:0 18px}
 header.site .wrap.nav{position:relative;height:auto;min-height:60px;flex-wrap:wrap;gap:0;padding-top:12px;padding-bottom:12px;align-items:center}
 .brand{font-size:22px;flex:0 0 auto}
 .nh-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;cursor:pointer;margin-left:auto;padding:8px;border-radius:8px;border:1px solid transparent}
 .nh-burger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .15s}
 .nh-burger:hover{background:rgba(0,0,0,.04)}
 header.site .nav ul,
 header.site .nav .login-btn,
 header.site .nav .profile-btn{display:none}
 #nh-nav-toggle:checked ~ ul{display:flex;flex-direction:column;flex:1 0 100%;gap:0;padding:8px 0 4px;margin:14px 0 0;border-top:1px solid var(--line)}
 #nh-nav-toggle:checked ~ ul li{padding:0;margin:0}
 #nh-nav-toggle:checked ~ ul li a{display:block;padding:14px 4px;font-size:16px;border-bottom:1px solid var(--line)}
 #nh-nav-toggle:checked ~ .login-btn{display:inline-block;margin:14px 0 4px 4px}
 #nh-nav-toggle:checked ~ .profile-btn{display:inline-block;margin:4px 0 6px 4px}
 #nh-nav-toggle:checked ~ .nh-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 #nh-nav-toggle:checked ~ .nh-burger span:nth-child(2){opacity:0}
 #nh-nav-toggle:checked ~ .nh-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* === Mobile typografie: voorkom horizontale overflow van lange H1's === */
@media(max-width:760px){
 .page-head h1,.ras-head h1,.fokker-head h1,.hero h1,.aanmeld-hero h1,.four04 h1,.ras-article h1.article-h1,.article h1{font-size:34px;line-height:1.15;overflow-wrap:anywhere}
}
@media(max-width:480px){
 .page-head h1,.ras-head h1,.fokker-head h1,.hero h1,.aanmeld-hero h1,.four04 h1,.ras-article h1.article-h1,.article h1{font-size:28px}
 .fokker-head h1{font-size:28px!important}
}
/* Globale veiligheid tegen horizontale scroll */
html,body{overflow-x:hidden;max-width:100%}

/* === Compactere grids op kleinere viewports === */
@media(max-width:600px){
 .ras-grid{grid-template-columns:repeat(2,1fr);gap:14px}
 .ras-grid .ras-card h3{font-size:14px;line-height:1.25}
 .ras-grid .ras-card .meta{padding:12px 14px}
 .ras-card .ras-ex{font-size:13px;line-height:1.45}
}
@media(max-width:420px){
 .articles{grid-template-columns:1fr}
}

/* === Fokker-CTA op rasfiches === */
.ras-aside .aside-fokker-cta{background:var(--forest);color:#fff;border-radius:16px;padding:22px 24px;margin-bottom:20px;box-shadow:var(--shadow-lift)}
.ras-aside .aside-fokker-cta .eyebrow{font-size:11px;letter-spacing:1.4px;color:var(--terra-soft);margin-bottom:10px;text-transform:uppercase;font-weight:600}
.ras-aside .aside-fokker-cta h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.2px}
.ras-aside .aside-fokker-cta p{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:#e7f0e2}
.ras-aside .aside-fokker-cta .btn.primary{display:inline-flex;align-items:center;gap:6px;background:var(--terra);color:#fff;border-radius:99px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s}
.ras-aside .aside-fokker-cta .btn.primary::after{content:"→";transition:transform .15s}
.ras-aside .aside-fokker-cta .btn.primary:hover{background:#9b4b2e;transform:translateY(-1px);color:#fff}
.ras-aside .aside-fokker-cta .btn.primary:hover::after{transform:translateX(3px)}

/* === /word-<type>/ register-form layout (form links + voordelen-side rechts) === */
.word-signup{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch;max-width:1080px;margin:24px auto 0}
.word-signup--single{grid-template-columns:minmax(0,760px);justify-content:center}
.word-signup--single .signup-cta{justify-content:center;margin-top:20px}
.word-form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px 34px;box-shadow:var(--shadow-lift);display:flex;flex-direction:column}
.word-form h2{margin:0 0 20px;font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.3px}
.word-form label{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:14px}
.word-form label small{color:var(--muted);font-weight:400}
.word-form input{display:block;width:100%;margin-top:6px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:15px Inter,sans-serif;background:#fff;color:var(--ink);transition:border-color .15s}
.word-form input:focus{outline:none;border-color:var(--forest)}
.word-form button.btn.primary{width:100%;padding:14px 22px;font-size:15px;font-weight:700;border-radius:99px;margin-top:6px;background:var(--terra);color:#fff;border:none;cursor:pointer;transition:background .15s,transform .15s}
.word-form button.btn.primary:hover{background:#9b4b2e;transform:translateY(-1px)}
.word-form .form-foot{margin:18px 0 0;font-size:13.5px;color:var(--muted);text-align:center}
.word-form .form-foot a{color:var(--forest);font-weight:600}
.word-side{background:transparent;border-radius:0;padding:0;display:flex;flex-direction:column}
.word-side>.sumcard{flex:1;display:flex;flex-direction:column}
.word-side h3{margin:0 0 16px;font-size:18px;font-weight:700;color:var(--forest);letter-spacing:-.2px}
.word-bullets{list-style:none;padding:0;margin:0 0 22px;flex:1}
.word-bullets li{position:relative;padding:0 0 12px 26px;font-size:14.5px;line-height:1.55;color:var(--ink)}
.word-bullets li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--terra)}
.word-bullets li b{font-weight:700;color:var(--forest)}
.word-side .word-price{margin:0;padding-top:18px;border-top:1px solid rgba(46,91,51,.18);font-size:13.5px;color:var(--forest);font-weight:700}
@media(max-width:780px){.word-signup{grid-template-columns:1fr;gap:20px}}

/* === /word-<type>/ + /leden/ : conversie-gerichte hero + voordelen-grid (legacy) === */
.word-hero{position:relative;background:linear-gradient(135deg,#fbf8f1 0%,#f5ecd9 100%);padding:56px 0 72px;overflow:hidden}
.word-hero::before{content:"";position:absolute;top:-120px;right:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,var(--terra-soft) 0%,transparent 70%);opacity:.45;pointer-events:none}
.word-hero::after{content:"";position:absolute;bottom:-160px;left:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,var(--forest-soft) 0%,transparent 70%);opacity:.35;pointer-events:none}
.word-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:start;max-width:1140px;margin:0 auto;padding:0 28px}
.word-hero-text{display:flex;flex-direction:column;gap:18px}
.word-hero-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.word-hero-eyebrow .label{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:var(--forest);font-weight:700}
.word-hero-eyebrow .pill{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 14px;border-radius:99px;line-height:1.4}
.word-hero-eyebrow .pill.gratis{background:var(--forest-soft);color:var(--forest)}
.word-hero-eyebrow .pill.betalend{background:var(--terra);color:#fff}
.word-hero-text h1{font-size:44px;line-height:1.08;font-weight:700;color:var(--ink);letter-spacing:-.7px;margin:0}
.word-hero-text .lead{font-size:17px;line-height:1.55;color:var(--ink);opacity:.82;margin:0;max-width:48ch}
.word-hero-illo{margin-top:4px;display:flex;align-items:center;gap:14px}
.word-hero-illo img{width:96px;height:96px;border-radius:50%;background:#fff;padding:10px;box-shadow:var(--shadow-lift);object-fit:contain}
.word-hero-illo .illo-cap{font-size:13.5px;color:var(--forest);font-weight:600;max-width:24ch}

.word-form{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px 36px;box-shadow:0 24px 60px -28px rgba(26,31,27,.22)}
.word-form h2{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.2px}
.word-form .form-sub{margin:0 0 22px;font-size:13.5px;color:var(--muted)}
.word-form label{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:14px}
.word-form label small{color:var(--muted);font-weight:400}
.word-form input{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:15px Inter,sans-serif;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.word-form input:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px rgba(46,91,51,.12)}
.word-form button.btn.primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 22px;font-size:15.5px;font-weight:700;border-radius:99px;margin-top:6px;background:var(--terra);color:#fff;border:none;cursor:pointer;box-shadow:0 14px 30px -12px rgba(182,90,56,.7);transition:transform .15s,background .15s}
.word-form button.btn.primary:hover{background:#9b4b2e;transform:translateY(-2px)}
.word-form .form-foot{margin:18px 0 0;font-size:13.5px;color:var(--muted);text-align:center}
.word-form .form-foot a{color:var(--forest);font-weight:600}

/* Voordelen-grid (gedeeld /word-X/ + /leden/) */
.word-features{padding:64px 0}
.word-features .eyebrow{margin-bottom:8px}
.word-features h2{margin:0 0 10px}
.word-features .sub{margin-bottom:36px}
.word-features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.word-feature{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column}
.word-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--terra-soft)}
.word-feature .ic{width:46px;height:46px;border-radius:50%;background:var(--forest-soft);color:var(--forest);display:grid;place-items:center;margin-bottom:16px;transition:background .15s,color .15s}
.word-feature:hover .ic{background:var(--terra);color:#fff}
.word-feature .ic svg{width:22px;height:22px}
.word-feature h3{margin:0 0 8px;font-size:16.5px;font-weight:700;color:var(--ink);letter-spacing:-.2px;line-height:1.3}
.word-feature p{margin:0;font-size:14px;line-height:1.55;color:var(--ink);opacity:.78}

@media(max-width:1024px){.word-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){
 .word-hero{padding:36px 0 56px}
 .word-hero-grid{grid-template-columns:1fr;gap:36px;padding:0 22px}
 .word-hero-text h1{font-size:32px}
 .word-form{padding:26px 26px}
}
@media(max-width:540px){.word-features-grid{grid-template-columns:1fr}}

/* === /leden/-pagina: voordelen-grid === */
.leden-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.leden-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;flex-direction:column}
.leden-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--terra-soft)}
.leden-card .leden-ic{width:46px;height:46px;border-radius:50%;background:var(--forest-soft);color:var(--forest);display:grid;place-items:center;margin-bottom:16px}
.leden-card .leden-ic svg{width:22px;height:22px}
.leden-card h3{margin:0 0 8px;font-size:16.5px;font-weight:700;color:var(--ink);letter-spacing:-.2px;line-height:1.3}
.leden-card p{margin:0;font-size:14px;line-height:1.55;color:var(--ink);opacity:.78}
@media(max-width:1024px){.leden-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.leden-grid{grid-template-columns:1fr}}

/* Fokker-slot onderaan rasfiche — biz-card + mini-CTA naast elkaar, of mini-CTA alleen */
.fokker-slot{margin:36px auto 8px;max-width:1080px}
.fokker-slot.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.fokker-slot.pair > .adres-card.fokker-bizcard{max-width:none;margin:0}
.fokker-slot.single{display:flex;justify-content:center}
.fokker-slot.single .fokker-cta-mini{max-width:520px;width:100%}

.fokker-cta-mini{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--terra);border-radius:16px;padding:28px 30px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}
.fokker-cta-mini .fcm-pill{display:inline-block;background:var(--forest-soft);color:var(--forest);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:14px}
.fokker-cta-mini h3{margin:0 0 10px;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.2px;line-height:1.25}
.fokker-cta-mini p{margin:0 0 18px;font-size:14.5px;line-height:1.55;color:var(--ink);opacity:.78;flex:1}
.fokker-cta-mini .btn.primary{display:inline-flex;align-items:center;gap:6px;background:var(--terra);color:#fff;border-radius:99px;padding:11px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;box-shadow:0 8px 20px -8px rgba(182,90,56,.55)}
.fokker-cta-mini .btn.primary::after{content:"→";transition:transform .15s}
.fokker-cta-mini .btn.primary:hover{background:#9b4b2e;transform:translateY(-1px);color:#fff}
.fokker-cta-mini .btn.primary:hover::after{transform:translateX(3px)}

@media(max-width:720px){
 .fokker-slot.pair{grid-template-columns:1fr}
 .fokker-cta-mini{padding:22px 22px}
}

/* Gedeeld sidebar-menu: pro adresblok + hondenrassen + Hond & Kennis */
.nh-dir{border:1px solid #e7e2d6;border-radius:14px;background:#fff;padding:6px}
.nh-dir-head{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#2E5B33;padding:11px 12px 9px}
.nh-dir-row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;color:#2b2e2a;text-decoration:none;font-size:14.5px;font-weight:500;line-height:1;transition:background .12s,color .12s}
.nh-dir-row svg{width:18px;height:18px;flex-shrink:0;stroke:#2E5B33;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.nh-dir-row:hover{background:#f1f5ef;color:#143f36}
.nh-dir-all{display:block;padding:11px 12px 9px;margin-top:3px;border-top:1px solid #efeadf;color:#B65A38;font-weight:700;font-size:13px;text-decoration:none}
.nh-dir-all:hover{text-decoration:underline}
/* gekleurde band achter elke sidebar-hoofding */
.ras-aside .eyebrow,.nh-dir-head{background:#e7efe3;color:#1f4a28;border-radius:9px;padding:8px 12px;margin:0 0 9px;font-size:11px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.ras-aside .eyebrow a{color:#1f4a28;text-decoration:none}
.ras-aside .eyebrow a:hover{text-decoration:underline}
.nh-dir{padding:6px 6px 8px}
/* iets groter lettertype in het menu */
.nh-dir-row{font-size:16px}
/* Fokker-CTA-kaartje (groene accenten i.p.v. terracotta-vlak) */
.aside-fok-card{display:block;background:#fff;border:1px solid #e4e0d6;border-top:3px solid #2E5B33;border-radius:12px;padding:15px 16px 16px;margin:0 0 16px;text-decoration:none;box-shadow:0 6px 16px rgba(40,70,45,.10);transition:box-shadow .15s ease,transform .15s ease}
.aside-fok-card:hover{box-shadow:0 11px 24px rgba(40,70,45,.18);transform:translateY(-1px)}
.aside-fok-card .afc-eyebrow{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2E5B33;margin:0 0 6px}
.aside-fok-card .afc-title{display:block;font-size:16px;font-weight:800;color:#262626;line-height:1.25;margin:0 0 5px}
.aside-fok-card .afc-text{display:block;font-size:13.5px;line-height:1.5;color:#6b6b6b;margin:0 0 13px}
.aside-fok-card .afc-btn{display:inline-flex;align-items:center;gap:6px;background:#2E5B33;color:#fff;font-size:13.5px;font-weight:700;padding:9px 15px;border-radius:8px;line-height:1}
.aside-fok-card:hover .afc-btn{background:#244726}
.aside-fok-card .afc-btn span{transition:transform .15s ease}
.aside-fok-card:hover .afc-btn span{transform:translateX(3px)}
.ras-aside .aside-cat-list li a,.ras-aside .aside-cat-list li strong{font-size:16px;line-height:1.45;padding:5px 0}
.ras-aside .eyebrow,.nh-dir-head{font-size:12px}

/* === Slot-rij onder de rasfiche: [fokker(s)] [uw kennel hier] [adoptiehond] ===
   3 gelijke smal-hoge kaartjes die binnen de tekstkolom blijven (geen uitbraak
   voorbij de zijbalk): de kaartjes groeien zodat ze samen exact de kolombreedte
   vullen, dus hun randen lijnen uit met de tekst erboven. */
.fokker-slot.slot-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:22px;align-items:stretch;max-width:none;margin:36px 0 8px}
.fokker-slot.slot-row > *{flex:1 1 250px;max-width:300px;margin:0}
.slot-fokker{display:flex}
.slot-fokker .fb-fokkers{display:flex;margin:0;width:100%}
.slot-fokker .fb-fokkers .fkaart{max-width:none;width:100%;min-height:0}
.slot-fokker .fb-fokkers .fk-body{padding-bottom:20px}
/* Compactere velden op het fokker-kaartje in de smalle rasfiche-rij (geldt ook voor de
   verborgen velden die bij andere fokkers verschijnen: website, Facebook, ...). De
   /fokkers/-lijst blijft ongemoeid. Specificiteit 0,3,0 wint van de partial-inline-stijl. */
.slot-fokker .fb-fokkers .fk-naam{font-size:21px}
.slot-fokker .fb-fokkers .fk-desc{font-size:14px;line-height:1.5;margin-bottom:8px}
.slot-fokker .fb-fokkers .fk-row{padding:3px 0;gap:11px}
.slot-fokker .fb-fokkers .fk-ico{flex:0 0 17px}
.slot-fokker .fb-fokkers .fk-ico svg{width:17px;height:17px}
.slot-fokker .fb-fokkers .fk-txt{font-size:13.5px;line-height:1.35}
/* CTA-kaartje in dezelfde kaartvorm als de andere twee; onder-padding gelijk zodat de knoppen op gelijke hoogte staan */
.fokker-slot.slot-row .fokker-cta-mini{max-width:300px;width:auto;background:#fff;border:1px solid #ece7df;border-left:4px solid var(--terra);border-radius:18px;box-shadow:0 8px 26px rgba(40,30,15,.07);padding:24px 22px 20px}
/* Pre-positie van de losse CTA (vóór t.js de rij vult): al smal + links, zodat hij niet verspringt */
.fokker-slot.single{justify-content:flex-start}
.fokker-slot.single .fokker-cta-mini{max-width:300px}
/* CTA-knop rechthoekig + volle breedte, gelijk aan de fokker- en adoptie-knop (geen pil).
   align-self:stretch want de CTA-kaart heeft align-items:flex-start (knop rekt anders niet mee) */
.fokker-slot .fokker-cta-mini .btn.primary{display:flex;justify-content:center;align-self:stretch;border-radius:8px;box-shadow:none}

/* Adoptie-kaart = twin van het fokker-kaartje: foto (3:2) boven, naam + asiel eronder,
   bijschrift + groene knop onderaan (knop op gelijke hoogte met de andere twee) */
.adoptie-mini{background:#fff;border:1px solid #ece7df;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(40,30,15,.07);display:flex;flex-direction:column;padding:0}
.ad-photo{display:block;line-height:0;background:#eef1ee}
.ad-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.ad-body{padding:14px 20px 20px;display:flex;flex-direction:column;flex:1}
.ad-naam{margin:0 0 3px;font-size:22px;line-height:1.15;font-weight:800;color:#2c2a26}
.ad-naam a{color:inherit;text-decoration:none}
.ad-naam a:hover{text-decoration:underline}
.ad-asiel{margin:0 0 12px;font-size:14.5px;line-height:1.45;color:#6b6b6b}
.ad-bron{margin-top:auto;margin-bottom:10px;font-size:12px;color:#9a958c}
.ad-btn{display:block;text-align:center;background:#2e5b33;color:#fff;font-weight:700;font-size:15px;padding:11px 16px;border-radius:8px;text-decoration:none}
.ad-btn:hover{background:#244726;color:#fff}

@media(max-width:900px){.fokker-slot.slot-row{margin-right:0}}
@media(max-width:680px){.fokker-slot.slot-row > *{flex-basis:100%;max-width:none}}

/* ============================================================
   Nieuw hoofdmenu (mega-menu) — namespaced .hx-  (2026-07)
   Bron: partials/header.html · gesynct via scripts/sync_header.py
   ============================================================ */
header.site{overflow:visible;z-index:100}
.hx-bar{display:flex;align-items:center;gap:22px;height:76px}
.hx-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;text-decoration:none}
.hx-mark{height:46px;width:auto;display:block}
.hx-brandtext{display:flex;flex-direction:column;line-height:1.05}
.hx-name{font-size:20px;font-weight:800;color:var(--forest);letter-spacing:-.2px}
.hx-tag{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:3px}
.hx-nav{display:flex;align-items:center;gap:2px}
.hx-item{position:relative}
.hx-item>a{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:14.5px;font-weight:600;color:var(--ink);border-radius:9px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.hx-caret{width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.hx-item:hover>a,.hx-item:focus-within>a{background:var(--forest-soft);color:var(--forest)}
.hx-item:hover .hx-caret,.hx-item:focus-within .hx-caret{transform:rotate(225deg) translateY(2px);border-color:var(--forest)}
.hx-item::after{content:"";position:absolute;top:100%;left:0;width:100%;height:13px}
.hx-mega{position:absolute;top:calc(100% + 10px);left:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lift);padding:18px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s;min-width:460px;z-index:60}
.hx-item:hover .hx-mega,.hx-item:focus-within .hx-mega{opacity:1;visibility:visible;transform:translateY(0)}
.hx-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}
.hx-col h4{margin:2px 0 7px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--terra);font-weight:700}
.hx-col a{display:block;padding:7px 9px;border-radius:8px;font-size:14px;color:var(--ink);text-decoration:none;transition:background .12s}
.hx-col a:hover{background:var(--forest-soft);color:var(--forest)}
.hx-spacer{flex:1 1 auto}
.hx-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.hx-login{font-size:14px;font-weight:700;color:var(--forest);padding:9px 10px;text-decoration:none;white-space:nowrap}
.hx-news{font-size:14px;font-weight:700;color:#fff;background:var(--forest);border:1.5px solid var(--forest);padding:9px 18px;border-radius:99px;text-decoration:none;white-space:nowrap;transition:background .15s}
.hx-news:hover{background:#234524}
.hx-burger{display:none}
.hx-mobile{display:none}
@media(max-width:1280px){
  .hx-bar{height:64px;gap:12px}
  .hx-nav,.hx-actions{display:none}
  .hx-burger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:auto;border-radius:10px;background:var(--forest-soft);cursor:pointer}
  .hx-burger span,.hx-burger span::before,.hx-burger span::after{content:"";display:block;width:20px;height:2px;background:var(--forest);border-radius:2px;position:relative}
  .hx-burger span::before{position:absolute;top:-6px}
  .hx-burger span::after{position:absolute;top:6px}
  .hx-toggle:checked ~ .hx-mobile{display:block}
  .hx-mobile{padding:6px 0 14px}
  .hx-mobile a{display:block;padding:13px 4px;font-size:16px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}
  .hx-macc{border-bottom:1px solid var(--line)}
  .hx-macc>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 4px;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer}
  .hx-macc>summary::-webkit-details-marker{display:none}
  .hx-macc>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;flex:0 0 auto;margin-right:5px}
  .hx-macc[open]>summary::after{transform:rotate(-135deg)}
  .hx-mobile .hx-macc>a{padding:11px 4px 11px 20px;font-size:14.5px;font-weight:500;color:var(--muted);border-bottom:0}
  .hx-mobile .hx-macc>a:last-child{padding-bottom:15px}
  .hx-m-news{color:var(--forest) !important}
  .hx-name{font-size:18px}.hx-tag{display:none}
}
/* Artikel: voor/nadelen-grid + FAQ-accordeon */
.article .vn-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.article .vn-col{border-radius:14px;padding:16px 20px}
.article .vn-pro{background:#eef5ec;border:1px solid #cfe0c6}
.article .vn-con{background:#fbeeea;border:1px solid #f0d5cb}
.article .vn-col h3{margin:0 0 8px;font-size:16px}
.article .vn-col ul{margin:0;padding-left:20px}
.article .vn-col li{margin:5px 0;line-height:1.5}
.article .fw-faq details{border-bottom:1px solid var(--line,#e7e7e7)}
.article .fw-faq summary{cursor:pointer;padding:13px 2px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
.article .fw-faq summary::-webkit-details-marker{display:none}
.article .fw-faq summary::after{content:"+";color:#999;font-weight:400}
.article .fw-faq details[open] summary::after{content:"\2212"}
.article .fw-faq details>div{padding:0 2px 14px;line-height:1.6}
@media(max-width:640px){.article .vn-grid{grid-template-columns:1fr}}

/* Puppycursus-CTA in de rasfiche (na de TOC) */
.ras-cursus-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#eef3ea;border:1px solid #d3e2cc;border-radius:16px;padding:20px 22px;margin:6px 0 26px}
.ras-cursus-cta .rcc-body{flex:1 1 300px;min-width:0}
.ras-cursus-cta .rcc-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#2E5B33;margin:0 0 6px}
.ras-cursus-cta .rcc-title{display:block;font-weight:800;font-size:19px;line-height:1.25;margin:0 0 6px;color:#1f3320}
.ras-cursus-cta .rcc-text{font-size:14.5px;line-height:1.55;color:#3f4a3f;margin:0}
.ras-cursus-cta .rcc-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:#EC008B;color:#fff;font-weight:800;font-size:15px;text-decoration:none;padding:13px 22px;border-radius:99px;box-shadow:0 8px 20px rgba(236,0,139,.26);white-space:nowrap;transition:transform .15s}
.ras-cursus-cta .rcc-btn:hover{transform:translateY(-2px)}
@media(max-width:560px){.ras-cursus-cta{gap:14px;padding:18px}.ras-cursus-cta .rcc-btn{width:100%;justify-content:center}}
.ras-cursus-cta.in-grid{grid-column:1/-1;margin:0}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,"Source Sans 3","Helvetica Neue",system-ui,sans-serif}a{color:var(--forest);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1280px;margin:auto;padding:0 32px}
.site-header{position:sticky;top:0;z-index:20;background:#fafaf7f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-row{display:flex;align-items:center;gap:28px;min-height:76px}.brand{display:flex;align-items:center;gap:11px;color:var(--forest);white-space:nowrap}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--forest);color:#fff;font-size:22px;font-weight:800}.brand-name{display:block;font-size:20px;font-weight:800;line-height:1.05}.brand-sub{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.nav a{padding:10px 12px;border-radius:9px;color:var(--ink);font-size:14px;font-weight:650}.nav a:hover,.nav a[aria-current=page]{color:var(--forest);background:var(--forest-soft);text-decoration:none}
.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--terra)}.hero{padding:60px 0 70px;display:grid;grid-template-columns:1fr 1.02fr;gap:54px;align-items:center}.hero h1{font-size:clamp(38px,4vw,56px);line-height:1.12;letter-spacing:-1px;margin:12px 0 20px}.hero p{font-size:18px;max-width:580px;color:var(--muted)}.hero img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:25px;box-shadow:var(--shadow)}.button{display:inline-block;border-radius:99px;background:var(--terra);color:white;padding:13px 23px;font-weight:750;margin-top:14px}.button:hover{color:white;background:#964b30;text-decoration:none}.section{padding:42px 0 72px}.section.alt{background:#f1ece0}.section h2{font-size:clamp(29px,3vw,38px);line-height:1.2;margin:10px 0 12px}.intro{color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.card{display:block;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 4px 22px #1a1f1b0f;color:var(--ink)}.card:hover{text-decoration:none;box-shadow:var(--shadow)}.card img{width:100%;height:260px;object-fit:cover;display:block}.card-content{padding:22px 24px 26px}.card h3{font-size:24px;line-height:1.25;margin:9px 0}.card p{color:var(--muted);margin:0}.card-link{display:inline-block;margin-top:16px;color:var(--terra);font-weight:750}
.article-header{max-width:840px;margin:56px auto 0;padding:0 28px}.article-header h1{font-size:clamp(36px,4vw,54px);line-height:1.15;letter-spacing:-.7px;margin:12px 0 16px}.article-deck{font-size:20px;color:var(--muted)}.article-figure{max-width:1040px;padding:0 28px;margin:30px auto 28px}.article-figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px}.credit{font-size:12px;color:var(--muted);margin-top:6px}.article-body{max-width:760px;padding:0 28px;margin:0 auto 72px;font-size:17px}.article-body p{margin:0 0 18px}.article-body h2{font-size:29px;line-height:1.25;margin:42px 0 13px}.note{background:var(--forest-soft);border-left:4px solid var(--forest);padding:18px 20px;border-radius:0 12px 12px 0;margin:32px 0}.site-footer{background:#223b27;color:#e7f0e2;padding:38px 0}.site-footer a{color:#fff}
.article-body p a,.article-body li a,.breed-context-link a,.names-advice a,.names-faq a{color:#C44C2A;font-weight:700;text-decoration:none}.article-body p a:hover,.article-body li a:hover,.breed-context-link a:hover,.names-advice a:hover,.names-faq a:hover{color:#9b3a1f;text-decoration:none}
.article-body h3{margin:27px 0 9px;font-size:21px;line-height:1.3}.breed-facts{margin:29px 0 38px;padding:22px 24px;border:1px solid #cfdcc9;border-radius:16px;background:#f2f7ef}.article-body .breed-facts h2{margin:0 0 15px;font-size:24px}.breed-facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}.breed-facts dl>div{display:grid;grid-template-columns:minmax(108px,.8fr) 1.2fr;gap:10px;padding:9px 0;border-top:1px solid #dbe5d6}.breed-facts dt{color:var(--muted);font-size:13px;font-weight:700}.breed-facts dd{margin:0;color:var(--ink);font-size:14px;font-weight:650}.breed-faq{margin-top:48px}.breed-faq h3{padding-top:12px;border-top:1px solid var(--line)}
.article-body .quick-answer{margin:20px 0;padding:18px 22px;border-left:3px solid var(--forest);border-radius:10px;background:var(--forest-soft);font-size:15px}.article-body .breed-recognition>strong{display:block;margin-bottom:6px;color:var(--forest);font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.article-body .breed-recognition ul{margin:0;padding-left:18px;font-size:14px}.article-body .breed-recognition li{margin-bottom:4px}.article-body .breed-recognition li:last-child{margin-bottom:0}
.article-body .breed-standard-source{margin-top:-6px;color:var(--muted);font-size:13px}
.article-body .breed-summary-list{margin:8px 0 24px;padding-left:1.4rem}.article-body .breed-summary-list li{margin-bottom:7px}.article-body .breed-summary-list strong{color:var(--ink)}
.article-figure.portrait{max-width:650px}.article-figure.portrait img{aspect-ratio:auto;height:auto;object-fit:contain}
.breed-inline-photo{display:block;max-width:100%;margin:34px auto 42px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.breed-inline-photo img{display:block;width:100%;height:auto;background:#eee}.breed-inline-photo figcaption{padding:8px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;font-style:italic;text-align:center}
.category-index-header{padding-bottom:22px}.category-index-header p{max-width:820px}.category-index-header .category-count{margin-top:18px;color:var(--accent);font-size:14px;font-weight:800}.category-card-section{padding-top:16px}
.magazine-rubrics{padding-top:34px}.magazine-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:25px}.magazine-topic-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow);color:var(--ink);transition:transform .2s,box-shadow .2s}.magazine-topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);color:var(--ink);text-decoration:none}.magazine-topic-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.magazine-topic-card>div{padding:25px 27px 28px}.magazine-topic-card h2{margin:0 0 9px;font-size:22px;line-height:1.25}.magazine-topic-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.magazine-topic-card span{display:inline-block;margin-top:15px;color:var(--forest);font-size:13px;font-weight:800}.category-card-section .grid,.magazine-latest .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card-section .card img,.magazine-latest .card img{height:auto;aspect-ratio:16/10}
.image-license{font-size:12px;color:var(--muted);margin:10px 0 0}.image-license a{color:var(--forest);text-decoration:underline}
@media(max-width:760px){.header-row{align-items:flex-start;flex-direction:column;gap:5px;padding-top:12px;padding-bottom:12px}.nav{margin-left:0}.nav a{padding:7px 9px}.hero{grid-template-columns:1fr;gap:28px;padding-top:34px}.hero img{max-height:390px}.grid{grid-template-columns:1fr}.card img{height:220px}}
.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.button-outline{background:transparent;color:var(--forest);border:1.5px solid var(--forest)}.button-outline:hover{background:var(--forest-soft);color:var(--forest)}.hero-caption{font-size:14px!important;margin-top:19px;color:var(--muted)}
.wrap.hero{padding-left:32px;padding-right:32px}
.quick-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:16px 20px;background:var(--forest);border-radius:17px;box-shadow:var(--shadow);margin-bottom:18px}.quick-nav a{color:#fff;font-size:13px;font-weight:700;padding:8px 12px;border-radius:8px}.quick-nav a:hover{background:#ffffff26;text-decoration:none}
.featured{padding-top:60px}.feature-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:20px;box-shadow:0 4px 22px #1a1f1b0f}.feature-card>a{height:100%}.feature-card img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover}.feature-card>div{padding:35px 40px}.feature-card h2{font-size:clamp(30px,3vw,41px);margin:0 0 16px}.feature-card h2 a{color:var(--ink)}.feature-card p{font-size:17px;color:var(--muted)}
.breed-index-header{padding-top:58px}.breed-index-header h1{font-size:clamp(36px,4vw,54px);line-height:1.15;letter-spacing:-.7px;margin:12px 0 16px}.breed-index-header p{max-width:850px;margin:0;color:var(--muted);font-size:18px}.breed-index-section{padding-top:34px}.breed-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.breed-filter-all{padding:8px 16px;border:1px solid transparent;border-radius:8px;background:#f4f6f4;color:var(--ink);font:600 14px/1.4 inherit;cursor:pointer}.breed-filter-all:hover{background:#e6eae3}.breed-filter-all.on{background:var(--forest);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}.breed-alphabet{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px}.breed-alphabet button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #e2d8c4;border-radius:9px;background:#fff;color:#3a3631;font:700 15px/1 inherit;cursor:pointer;transition:all .15s;padding:0}.breed-alphabet button:hover{border-color:var(--terra);color:var(--terra)}.breed-alphabet button.on{background:var(--forest);border-color:var(--forest);color:#fff}.breed-filter-heading{margin:0 0 22px;font-size:26px}.breed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:0}.breed-card{display:block;color:var(--ink);background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.breed-card:hover{transform:translateY(-4px);box-shadow:0 13px 38px rgba(28,38,29,.14);text-decoration:none}.breed-card[hidden]{display:none}.breed-card img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;transition:transform .35s}.breed-card:hover img{transform:scale(1.04)}.breed-card>div{padding:18px 22px 22px}.breed-card h3{font-size:18px;margin:0 0 6px}.breed-card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.breeds-without-photo{margin-top:56px}.breeds-without-photo>h2{font-size:22px;margin:0 0 8px}.breeds-without-photo>p{color:var(--muted);margin:0 0 24px}.breed-grid.no-photos{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.breed-card.no-photo>div{padding:16px 22px}.breed-card.no-photo h3{font-size:16px;margin:0}.more-link{margin:22px 0 0;font-weight:700}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.topic{display:block;background:white;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:inherit}.topic:hover,.topic:focus-visible{border-color:var(--forest);box-shadow:0 6px 22px rgba(0,0,0,.08);text-decoration:none}.topic h3{font-size:19px;margin:0 0 6px}.topic p{font-size:14px;color:var(--muted);margin:0}
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.related-grid .card img{height:190px}.related-grid .card h3{font-size:21px}
.nc-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--forest);color:#fff;font-size:20px;font-weight:800;line-height:1}
.editorial-signature{display:flex;align-items:center;gap:16px;margin-top:46px;padding:21px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
.editorial-avatar{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--forest-soft);color:var(--forest);font-size:16px;font-weight:800}
.editorial-signature strong{display:block;line-height:1.35}.editorial-signature p{margin:5px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.hx-mega::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px}
.hx-mega{transform:none;transition:opacity .18s,visibility .18s}
.hx-brand:hover{text-decoration:none}
@media(max-width:760px){.related-grid{grid-template-columns:1fr}}
@media(max-width:900px){.magazine-topic-grid,.category-card-section .grid,.magazine-latest .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.magazine-topic-grid,.category-card-section .grid,.magazine-latest .grid{grid-template-columns:1fr}}
@media(max-width:900px){.breed-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.breed-grid.no-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.feature-card{grid-template-columns:1fr}.feature-card img{height:260px;min-height:0}.feature-card>div{padding:25px}.quick-nav{overflow-x:auto;flex-wrap:nowrap}.quick-nav a{white-space:nowrap}}@media(max-width:500px){.breed-grid,.topic-grid{grid-template-columns:1fr 1fr;gap:14px}.breed-card>div{padding:13px 14px 16px}.breed-card h3{font-size:15px;line-height:1.3}.breed-card p{font-size:13px;line-height:1.45}.topic{padding:15px}}
.article-body ul{padding-left:1.4rem;margin:8px 0 24px}.article-body li{padding-left:.2rem;margin:0 0 9px;line-height:1.55}.article-body li::marker{color:var(--forest)}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:40;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--forest);color:#fff;box-shadow:0 8px 24px rgba(20,42,25,.25);font:800 24px/1 system-ui,sans-serif;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.back-to-top:hover,.back-to-top:focus-visible{background:var(--terra);transform:translateY(0)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:600px){.back-to-top{right:14px;bottom:14px;width:44px;height:44px;font-size:22px}}
.article-sources{margin:34px 0 26px;padding:16px 18px;background:#f7f4ed;border:1px solid var(--line);border-radius:12px;font-size:14px;color:var(--muted)}.article-sources strong{display:block;color:var(--ink);margin-bottom:6px}.article-sources ul{margin:0;padding-left:1.2rem}.article-sources li{margin:0}.article-sources a{font-weight:700}
.article-reading-layout{display:grid;grid-template-columns:minmax(0,760px) 310px;gap:48px;align-items:start;max-width:1180px;margin:0 auto 72px;padding:0 28px}
.article-main-column{min-width:0}
.article-reading-layout-full .article-main-column>.article-header{max-width:none;margin:56px 0 0;padding:0}
.article-reading-layout-full .article-main-column>.article-figure{max-width:none;margin:30px 0 28px;padding:0}
.article-reading-layout-full .article-main-column>.article-figure:first-child{margin-top:56px}.article-reading-layout-full .article-main-column>.article-figure+.article-header-after-hero{margin-top:26px}
.article-reading-layout-full .breed-back-link{display:inline-block;margin-top:50px;color:var(--forest);font-weight:700}.article-reading-layout-full .breed-back-link+.article-figure{margin-top:18px}
.article-reading-layout-full .article-main-column>.article-figure img{height:auto;max-height:500px}
.article-reading-layout-full>.article-sidebar{margin-top:56px}
.article-reading-layout .article-body{max-width:none;margin:0;padding:0}
.article-reading-layout .article-body h2{scroll-margin-top:105px}
.article-sidebar{position:static;display:flex;flex-direction:column;gap:16px;min-width:0}
.article-side-box{padding:18px 20px 19px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.article-side-box h2{margin:0 0 10px;padding:7px 10px;border-radius:8px;background:#e7efe3;color:#1f4a28;font-size:12px;line-height:1.25;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.article-side-box ul{list-style:none;margin:0;padding:0}
.article-side-box li{margin:0;border-bottom:1px solid #ece8df}
.article-side-box li:last-child{border-bottom:0}
.article-side-box li a{display:block;padding:8px 3px;color:var(--ink);font-size:14px;line-height:1.35;font-weight:550}
.article-side-box li a:hover{color:var(--forest);text-decoration:none;padding-left:7px}
.article-toc li a{font-size:13.5px}
.breed-toc{margin:24px 0 22px;padding:10px 18px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;font-size:15px}.breed-toc summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:16px;font-weight:700}.breed-toc summary::-webkit-details-marker{display:none}.breed-toc summary::before{content:"▸";color:#777;font-size:13px;transition:transform .15s ease}.breed-toc[open] summary::before{transform:rotate(90deg)}.breed-toc[open] summary{margin-bottom:8px}.article-body .breed-toc-list{margin:0;padding:0 0 0 3px;list-style:none}.article-body .breed-toc-list>li{margin:3px 0;padding:0}.breed-toc a{color:inherit;font-weight:500;text-decoration:none}.breed-toc a:hover{text-decoration:underline}.article-body .breed-toc-faq{margin:5px 0 7px;padding-left:18px;list-style:disc}.article-body .breed-toc-faq li{margin:2px 0;padding:0;color:#555;font-size:14px}
.article-side-races{background:#f2f8f0;border-color:#cfe2c9}
.article-side-all{display:inline-block;margin-top:13px;color:var(--forest);font-size:13px;font-weight:800}
@media(max-width:960px){.article-reading-layout{grid-template-columns:minmax(0,1fr);gap:34px}.article-sidebar{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.article-reading-layout-full>.article-sidebar{margin-top:0}}
@media(max-width:760px){.article-reading-layout{padding:0 20px}.article-sidebar{grid-template-columns:1fr}.article-side-box{padding:17px 18px}.breed-facts{padding:18px}.breed-facts dl{grid-template-columns:1fr}.breed-facts dl>div{grid-template-columns:minmax(98px,.7fr) 1.3fr}}

/* Vaste rechterkolom: dezelfde volgorde op alle magazineartikelen. */
.side-feature,.side-contest,.side-shop{display:block;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--ink);box-shadow:0 4px 18px rgba(20,45,28,.07)}
.side-feature:hover,.side-contest:hover,.side-shop:hover{color:var(--ink);text-decoration:none;box-shadow:0 10px 28px rgba(20,45,28,.12)}
.side-feature{padding:21px 20px}
.side-feature strong,.side-shop strong{display:block;font-size:18px;line-height:1.22}
.side-feature span{display:block;margin:8px 0 11px;color:var(--muted);font-size:13px;line-height:1.5}
.side-feature b,.side-shop b,.side-contest b{color:var(--forest);font-size:13px}
.side-feature-quiz{background:linear-gradient(145deg,#e9f2e5,#fbfcf7);border-color:#cbdcc5}
.side-feature-names{background:#fff8e9;border-color:#ead9b4}
.side-contest{position:relative;min-height:245px;background:#173a27}
.side-contest img{display:block;width:100%;height:245px;object-fit:cover;object-position:center}
.side-contest::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(8,29,18,.92))}
.side-contest>span{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:22px 20px;color:#fff}
.side-contest small{display:block;margin-bottom:4px;color:#ead39d;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.side-contest strong{display:block;font:700 27px/1.05 Georgia,"Times New Roman",serif}
.side-contest b{display:block;margin-top:9px;color:#fff}
.side-newsletter{overflow:hidden;border:1px solid #cbdcc5;border-radius:15px;background:#fff}
.side-newsletter-head{padding:19px 20px 17px;background:#315f38;color:#fff}
.side-newsletter-head span{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;opacity:.82}
.side-newsletter-head h2{margin:5px 0 0;color:#fff;font:700 21px/1.16 Georgia,"Times New Roman",serif}
.side-newsletter-body{padding:18px 20px 20px}
.side-newsletter-body p{margin:0 0 13px;color:var(--muted);font-size:13px;line-height:1.5}
.side-newsletter-body form{display:grid;gap:8px}
.side-newsletter-body label{font-size:12px;font-weight:750}
.side-newsletter-body input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #c9c9c2;border-radius:8px;background:#f7f7f3;color:#666}
.side-newsletter-body button{min-height:42px;border:0;border-radius:8px;background:#7d9881;color:#fff;font-weight:800}
.side-newsletter-body small{display:block;margin-top:11px;color:#6f746e;font-size:10.5px;line-height:1.4}
.side-newsletter-body .side-newsletter-consent{display:grid;grid-template-columns:17px 1fr;gap:8px;align-items:start;margin:4px 0 3px;color:#60655f;font-size:10.5px;font-weight:500;line-height:1.4}.side-newsletter-body .side-newsletter-consent input{width:15px;height:15px;min-height:0;margin:1px 0 0;padding:0;accent-color:var(--forest)}.side-newsletter-body .side-newsletter-consent a{color:var(--forest);font-weight:750}

/* Newsletterpagina: dezelfde opbouw als NieuweHond.be. */
.newsletter-banner{margin:14px 0 2px}
.newsletter-banner img{display:block;width:100%;height:auto;border-radius:16px}
.newsletter-intro{max-width:760px;margin:24px auto 4px;padding:0 22px;text-align:center}
.newsletter-intro h1{font-size:29px;line-height:1.2;letter-spacing:-.4px;margin:0 0 12px;color:var(--ink)}
.newsletter-intro p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 auto;max-width:60ch}
.newsletter-wrap{max-width:600px;margin:0 auto;padding:14px 0 34px}
.newsletter-card{background:#fff;border:1.5px solid var(--forest);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lift)}
.newsletter-body{padding:24px 30px 30px}
.newsletter-form-sub{font-size:14px;color:var(--muted);margin:0 0 16px}
.newsletter-field{margin:0 0 14px}
.newsletter-field label{display:block;font-weight:600;margin:0 0 6px;font-size:15px}
.newsletter-field input{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #d7d3ca;border-radius:12px;font-size:16px;font-family:inherit;background:#fff}
.newsletter-field input:focus{outline:2px solid var(--terra);border-color:var(--terra)}
.newsletter-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.newsletter-consent{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;margin:4px 0 14px;color:#5f5a50;font-size:13px;line-height:1.45;cursor:pointer}
.newsletter-consent input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--forest)}
.newsletter-consent a{color:var(--forest);font-weight:700}
.newsletter-submit{display:flex;align-items:center;justify-content:center;width:100%;font-size:17px;padding:15px;text-align:center;background:#EC008B!important;border-color:#EC008B!important;color:#fff!important}
.newsletter-submit:hover{background:#cf007a!important;border-color:#cf007a!important;color:#fff!important}
.newsletter-note{font-size:12.5px;color:#8a8577;text-align:center;margin:12px 2px 0;line-height:1.5}
.newsletter-message{display:none;padding:15px 17px;border-radius:12px;font-size:15.5px;line-height:1.5;margin:0 0 14px}
.newsletter-message.ok{display:block;background:var(--forest-soft);border:1px solid #cfe3cf;color:var(--forest)}
.newsletter-message.err{display:block;background:var(--rose-soft);border:1px solid #f0cfc9;color:#a33}

/* Footer */
footer.site .cols{grid-template-columns:1.35fr 1fr 1.15fr 1.15fr}
.footer-brand-intro{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.footer-brand-intro>img{display:block;width:48px;height:48px;flex:0 0 48px;object-fit:contain}
.footer-brand-intro strong{display:block;color:#fff;font:700 17px/1.2 Georgia,"Times New Roman",serif}
.footer-brand-intro p{max-width:225px;margin:3px 0 0;font-size:12.5px;line-height:1.45}
.footer-newsletter-consent{display:flex;align-items:flex-start;gap:7px;color:rgba(255,255,255,.76);font-size:11.5px;line-height:1.35}
.footer-newsletter-consent input{width:15px;height:15px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--terra)}
.nb-foot .newsletter-message{margin:2px 0 0;padding:0;background:none;border:0;color:rgba(255,255,255,.82);font-size:12px}
.nb-foot .newsletter-message.ok{color:#a9e0ad}
.nb-foot .newsletter-message.err{color:#f2b8b0}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Vaste informatiepagina's, volgens dezelfde opbouw als NieuweHond.be. */
.static-page{padding-bottom:72px}
.static-page-intro{font-size:19px!important;color:var(--muted);line-height:1.65!important;margin:0 0 24px!important}
.static-page h2{margin-top:34px}
.static-page h3{margin-top:26px}
.static-page p,.static-page li{line-height:1.72}
.brand-page{padding-top:24px}
.brand-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.brand-download-card{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.brand-logo-stage{display:flex;min-height:160px;align-items:center;justify-content:center;padding:14px;border-radius:10px;background:#faf8f2}
.brand-logo-stage img,.brand-code-preview img{display:block;max-width:100%;height:auto}
.brand-download-card h2{margin:15px 0 12px;font-size:20px}
.brand-download-card .btn{align-self:flex-start}
.brand-section-title{margin-top:42px}
.brand-code-list{display:grid;gap:16px;margin-top:18px}
.brand-code-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.brand-code-preview{display:flex;min-height:90px;align-items:center;justify-content:center;padding:14px;border-radius:8px;background:#faf8f2}
.brand-code-copy h3{margin:0 0 7px;font-size:16px}
.brand-code-copy textarea{width:100%;box-sizing:border-box;margin:0 0 9px;padding:10px;border:1px solid #d6cdb7;border-radius:8px;background:#fff;font:400 12.5px/1.5 monospace;resize:vertical}
.sitemap-section{margin-top:34px}
.sitemap-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;padding:0;list-style:none}
.sitemap-list li{margin:0}
.sitemap-list a{font-weight:700}
.sitemap-list-dense{grid-template-columns:repeat(4,minmax(0,1fr))}
.sm-sec{margin-top:34px}
.sm-sec h2{display:flex;align-items:center;gap:10px}
.sm-n{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:var(--forest-soft);color:var(--forest);font-size:.75rem}
.sm-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;padding:0;list-style:none}
.sm-list li{margin:0}
.sm-list a{font-weight:700}
.sm-list-dense{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){footer.site .cols{grid-template-columns:1fr 1fr}.brand-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sitemap-list-dense{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.brand-download-grid,.sitemap-list,.sitemap-list-dense,.sm-list,.sm-list-dense{grid-template-columns:1fr}.brand-code-card{grid-template-columns:1fr}.brand-code-preview{min-height:120px}}
@media(max-width:600px){footer.site .cols{grid-template-columns:1fr}.footer-brand-intro p{max-width:none}}
.newsletter-expect{max-width:760px;margin:20px auto 46px;padding:26px 22px 0}
.newsletter-expect h2{font-size:24px;margin:0 0 12px;letter-spacing:-.3px}
.newsletter-expect p{font-size:16px;line-height:1.65;color:var(--ink);margin:0}
@media(max-width:820px){.newsletter-intro h1{font-size:23px}}
@media(max-width:560px){.newsletter-body{padding:22px 20px 26px}}
.side-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.side-shop img{display:block;width:100%;height:142px;object-fit:cover}
.side-shop>span{display:block;padding:17px 19px 19px}
.side-shop small{display:block;margin:7px 0 10px;color:var(--muted);font-size:12.5px;line-height:1.45}
.side-cta{position:relative;display:block;overflow:hidden;margin:0;border-radius:14px;padding:14px 16px 13px;color:var(--ink);text-decoration:none;box-shadow:0 7px 18px rgba(40,70,45,.12);transition:box-shadow .15s ease,transform .15s ease}
.side-cta:hover{color:inherit;text-decoration:none;box-shadow:0 11px 24px rgba(40,70,45,.2);transform:translateY(-1px)}
.side-cta .sc-title,.side-cta .sc-sub,.side-cta .sc-btn{position:relative;z-index:1}
.side-cta .sc-title{display:block;font-size:15.5px;font-weight:800;line-height:1.22}
.side-cta .sc-sub{display:block;max-width:64%;margin:5px 0 11px;font-size:12.5px;line-height:1.4}
.side-cta .sc-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;font-size:13px;font-weight:700}
.side-cta-finder{background:linear-gradient(135deg,#2e5b33,#3c7a43);color:#fff}
.side-cta-finder:hover{color:#fff}
.side-cta-finder .sc-sub{opacity:.92}
.side-cta-finder .sc-btn{background:#fff;color:#2e5b33}
.side-cta-finder:hover .sc-btn{background:#eef5ec}
.side-cta-finder .sc-photo{position:absolute;right:10px;bottom:10px;width:72px;height:72px;object-fit:cover;border:2px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 3px 9px rgba(0,0,0,.2);filter:brightness(1.1) contrast(1.06) saturate(1.05)}
.side-contest-promo{display:block;width:100%;overflow:hidden;border-radius:14px;box-shadow:0 7px 18px rgba(40,70,45,.12);transition:box-shadow .15s ease,transform .15s ease}
.side-contest-promo:hover{box-shadow:0 11px 24px rgba(40,70,45,.2);transform:translateY(-1px)}
.side-contest-promo:focus-visible{outline:3px solid var(--forest);outline-offset:3px}
.side-contest-promo img{display:block;width:100%;height:auto}
.side-cta-names{border:1px solid #e4e0d6;background:#fff;color:#262626}
.side-cta-names .sc-sub{max-width:none;color:#6b6b6b}
.side-cta-names .sc-btn{background:#2e5b33;color:#fff}
.side-cta-names:hover .sc-btn{background:#244726}
.side-cta-age{border:1px solid #d7c59d;background:linear-gradient(145deg,#fff9eb,#f2ead4);color:#2d302a}
.side-cta-age .sc-sub{max-width:none;color:#656158}
.side-cta-age .sc-btn{background:#b65a38;color:#fff}
.side-cta-age:hover .sc-btn{background:#94472d}

/* Hondennamen, test en concours op de Franse hondensite. */
.dog-names-page,.tool-page{max-width:1200px;margin:0 auto;padding:34px 28px 78px}
.names-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 24px;color:var(--muted);font-size:13px}
.names-breadcrumb a{font-weight:700}
.article-breadcrumb{width:100%;max-width:1180px;margin:24px auto 0;padding:0 28px}
.dog-names-hero,.dog-guide-hero{display:grid;grid-template-columns:1fr .9fr;gap:44px;align-items:center;padding:30px 0 38px}
.dog-names-hero h1,.dog-guide-hero h1,.tool-page>header h1{margin:8px 0 17px;font-size:clamp(37px,4.6vw,57px);line-height:1.08;letter-spacing:-.035em}
.dog-names-hero p,.dog-guide-hero p,.tool-page>header>p{max-width:700px;color:var(--muted);font-size:17px}
.dog-names-hero figure{margin:0}.dog-names-hero img,.dog-guide-hero>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:var(--shadow-lift)}
.dog-names-hero figcaption{margin:6px 8px 0;color:var(--muted);font-size:11px}
.dog-name-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 42px}
.dog-name-guides a{min-height:128px;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}
.dog-name-guides a:hover{text-decoration:none;border-color:#9bb69c;box-shadow:var(--shadow)}
.dog-name-guides strong{display:block;margin-bottom:7px;font-size:18px}.dog-name-guides span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.dog-names-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:48px;align-items:start}
.dog-names-content h2{margin:0 0 12px;font-size:32px;line-height:1.2}.dog-names-content>section>p{max-width:800px;color:var(--muted)}
.dog-names-sidebar{display:flex;flex-direction:column;gap:16px}
.dog-name-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 16px;padding:19px;border:1px solid #cfdcc9;border-radius:14px;background:#f2f7ef}
.dog-name-filters label{font-size:12px;font-weight:800}.dog-name-filters select{display:block;width:100%;min-height:43px;margin-top:6px;padding:8px 32px 8px 10px;border:1px solid #becbb9;border-radius:8px;background:#fff;color:var(--ink)}
.dog-name-random{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:0 0 17px;padding:18px 20px;border-radius:14px;background:#fff7e6;border:1px solid #ead8af}
.dog-name-random h3{margin:0 0 3px;font-size:18px}.dog-name-random p{margin:0;color:var(--muted);font-size:13px}.dog-name-random button{min-height:42px;padding:9px 15px;border:0;border-radius:9px;background:var(--forest);color:#fff;font-weight:800;cursor:pointer}.dog-name-random strong{grid-column:1/-1;min-height:28px;color:var(--terra);font:700 27px/1.1 Georgia,"Times New Roman",serif}
.dog-name-count{margin:11px 0;color:var(--muted);font-size:13px;font-weight:700}.dog-name-empty{padding:12px;border-radius:8px;background:#fff1ec;color:#7b3625}
.dog-name-alphabet{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 30px}.dog-name-alphabet a{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#e7efe3;color:var(--forest);font-weight:800}.dog-name-alphabet a:hover{background:var(--forest);color:#fff;text-decoration:none}
.dog-name-directory{column-count:2;column-gap:28px}.dog-name-letter{break-inside:avoid;margin:0 0 25px;padding:0 0 18px;border-bottom:1px solid var(--line)}.dog-name-letter h3{margin:0 0 9px;color:var(--forest);font-size:21px}.dog-name-letter ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 12px;list-style:none;margin:0;padding:0}.dog-name-letter li{font-size:14px;line-height:1.45}.dog-name-letter[hidden]{display:none}
.names-advice,.names-faq{margin-top:48px}.names-advice h3{margin:25px 0 7px;font-size:21px}.names-advice p{max-width:780px}.names-faq details{border-top:1px solid var(--line);padding:15px 0}.names-faq details:last-child{border-bottom:1px solid var(--line)}.names-faq summary{font-weight:800;cursor:pointer}.names-faq details p{margin:11px 0 0;color:var(--muted)}
.dog-name-favorites{margin:0 0 38px}.dog-name-favorites>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dog-name-favorites article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.dog-name-favorites h3{margin:0 0 10px}.dog-name-favorites ul{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;list-style:none;margin:0;padding:0;color:var(--muted);font-size:14px}
.dog-name-toc{margin:0 0 38px;padding:23px 26px;border:1px solid #cfdcc9;border-radius:16px;background:#f2f7ef}.dog-name-toc>strong{display:block;margin-bottom:12px;color:var(--forest);font-size:19px}.dog-name-toc ol{columns:2;column-gap:38px;margin:0;padding-left:21px}.dog-name-toc li{break-inside:avoid;margin:0 0 7px;padding-left:3px}.dog-name-toc a{color:var(--ink);font-size:14px;font-weight:650}.dog-name-toc a:hover{color:var(--forest)}
.dog-name-inspiration{scroll-margin-top:105px;margin:0 0 38px}.dog-name-inspiration h2{margin-bottom:9px}.dog-name-inspiration>p{margin:0 0 15px;color:var(--muted)}.dog-name-inspiration ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 12px;list-style:none;margin:0;padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:#fff}.dog-name-inspiration li{font-size:14px}
.tool-page>header{max-width:820px;margin:24px auto 35px;text-align:center}.quiz-page .quiz-title .highlight,.quiz-page .result-match{color:#ec008b}.quiz-page .quiz-progress-bar,.quiz-page .btn.primary{border-color:#ec008b;background:#ec008b}.quiz-page .btn.primary:hover{border-color:#cf007b;background:#cf007b}.quiz-page .result-card:first-child .result-rank{background:#ec008b}.quiz-page .names-breadcrumb{margin-bottom:28px}.result-img-placeholder{display:grid;place-items:center;font-size:1.65rem}.tool-note{max-width:720px;margin:18px auto;color:var(--muted);font-size:12px;text-align:center}
.quiz-editorial{max-width:900px;margin:58px auto 20px;padding:45px 48px;border-top:3px solid var(--forest);background:#fff;box-shadow:0 5px 24px rgba(25,48,31,.07)}.quiz-editorial h2{margin:40px 0 12px;font:700 31px/1.18 Georgia,"Times New Roman",serif}.quiz-editorial>.eyebrow+h2{margin-top:8px}.quiz-editorial h3{margin:27px 0 7px;font-size:20px;line-height:1.3}.quiz-editorial p{margin:0 0 17px;color:#3f453f;font-size:16.5px;line-height:1.75}.quiz-editorial p a{color:var(--terra);font-weight:750}.quiz-question-grid{margin:38px -18px;padding:28px 30px;border-radius:16px;background:#f1f6ee}.quiz-question-grid h2{margin:0 0 19px}.quiz-question-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.quiz-question-grid p{font-size:15px}.quiz-editorial-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 40px}.quiz-editorial-links a{display:block;padding:19px;border:1px solid var(--line);border-radius:13px;background:#fbfaf6;color:var(--ink)}.quiz-editorial-links a:hover{text-decoration:none;border-color:#b7c9b2;box-shadow:var(--shadow)}.quiz-editorial-links strong,.quiz-editorial-links span{display:block}.quiz-editorial-links strong{margin-bottom:7px;color:var(--forest);font-size:16px;line-height:1.3}.quiz-editorial-links span{color:var(--muted);font-size:12.5px;line-height:1.5}
.age-page-header{max-width:900px;margin:20px 0 38px}.age-page-header h1{max-width:850px;margin:8px 0 16px;font-size:clamp(36px,4.5vw,55px);line-height:1.1;letter-spacing:-.035em}.age-page-header>p:last-child{max-width:790px;color:var(--muted);font-size:18px}.dog-age-card{overflow:hidden;border:1px solid #d8ddcf;border-radius:18px;background:#fff;box-shadow:var(--shadow);margin-bottom:46px}.dog-age-card form{padding:28px}.dog-age-card fieldset{margin:0 0 25px;padding:0;border:0}.dog-age-card legend{margin:0 0 4px;color:var(--ink);font:700 25px/1.2 Georgia,"Times New Roman",serif}.dog-age-card fieldset>p{margin:0 0 15px;color:var(--muted);font-size:14px}.dog-age-date{display:grid;grid-template-columns:.75fr 1.35fr 1fr;gap:11px}.dog-age-card label{display:block;color:var(--ink);font-size:12px;font-weight:800}.dog-age-card select{display:block;width:100%;min-height:46px;margin-top:6px;padding:9px 12px;border:1px solid #c9c9c2;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.dog-age-card select:focus{outline:3px solid rgba(46,91,51,.14);border-color:var(--forest)}.dog-age-breed{max-width:520px}.dog-age-error{min-height:22px;margin:0 0 5px;color:#9e3e2a;font-size:13px;font-weight:800}.dog-age-card .btn{border:0;cursor:pointer}.dog-age-result{padding:30px;background:#edf4e9;border-top:1px solid #d1dfcb;text-align:center}.dog-age-result-label{display:block;color:var(--muted);font-size:14px;font-weight:750}.dog-age-result strong{display:block;margin:3px 0 10px;color:var(--forest);font:700 clamp(35px,5vw,52px)/1.05 Georgia,"Times New Roman",serif}.dog-age-result p{max-width:610px;margin:0 auto;color:var(--ink)}.dog-age-result a{display:inline-block;margin-top:14px;color:var(--terra);font-weight:800}
.contest-preview{position:relative;max-width:820px;margin:0 auto;overflow:hidden;border-radius:22px;background:#173a27;box-shadow:var(--shadow-lift)}.contest-preview img{display:block;width:100%;max-height:520px;object-fit:cover}.contest-preview figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 34px 30px;background:linear-gradient(transparent,rgba(7,27,16,.95));color:#fff}.contest-preview figcaption strong{display:block;font:700 30px/1.15 Georgia,"Times New Roman",serif}.contest-preview figcaption span{display:block;margin-top:7px}
.contest-preview-poster{max-width:720px}.contest-preview-poster img{max-height:none;aspect-ratio:1/1}

@media(max-width:960px){.dog-names-layout{grid-template-columns:1fr}.dog-names-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dog-names-page,.tool-page{padding:24px 20px 58px}.dog-names-hero,.dog-guide-hero{grid-template-columns:1fr;gap:24px}.dog-names-hero figure,.dog-guide-hero>img{order:-1}.dog-name-guides,.dog-name-favorites>div{grid-template-columns:1fr}.dog-name-filters{grid-template-columns:1fr}.dog-name-directory{column-count:1}.dog-name-letter ul{grid-template-columns:repeat(3,minmax(0,1fr))}.dog-names-sidebar{grid-template-columns:1fr}.dog-name-random{grid-template-columns:1fr}.dog-name-random button{width:100%}.dog-name-toc ol{columns:1}.dog-name-inspiration ul{grid-template-columns:repeat(3,minmax(0,1fr))}.contest-preview figcaption{padding:55px 22px 22px}.contest-preview figcaption strong{font-size:24px}}
@media(max-width:560px){.dog-age-card form{padding:22px 18px}.dog-age-date{grid-template-columns:1fr}.dog-age-result{padding:25px 18px}}
@media(max-width:760px){.quiz-editorial{margin-top:42px;padding:30px 20px}.quiz-question-grid{margin:30px 0;padding:23px 19px}.quiz-question-grid>div,.quiz-editorial-links{grid-template-columns:1fr}.quiz-editorial h2{font-size:27px}}
@media(max-width:760px){.article-breadcrumb{padding:0 20px}}

/* Homepage: dezelfde componenten en verhoudingen als NieuweHond.nl. */
.preview-home-hero{display:block;padding:20px 0 8px}
.preview-home-hero .hero-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.preview-home-hero h1{color:#143f36;font-size:48px;line-height:1.1;margin:0 0 20px;letter-spacing:-.8px;font-weight:700}
.preview-home-hero .hero-img{aspect-ratio:auto;height:auto;border-radius:0;box-shadow:none;background:none;overflow:visible;align-self:end}
.preview-home-hero .hero-img img{width:100%;height:100%;max-height:360px;aspect-ratio:auto;object-fit:cover;border-radius:22px;box-shadow:0 16px 36px rgba(20,40,30,.13)}
.preview-home-hero .btn.primary{background:#2e5b33;border-color:#2e5b33;color:#fff}
.preview-home-hero .btn.primary:hover{background:#234a28}
.preview-home-hero .btn.ghost{color:#2e5b33;border-color:#2e5b33}
.preview-home-hero .btn.ghost:hover{background:#eef4ec}
.preview-home-hero .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.preview-home-hero .hero-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:10px;line-height:1}
.preview-home-hero .hero-btn svg{width:18px;height:18px;flex:0 0 18px}
.preview-home-hero .hero-adresnote{display:flex;align-items:flex-start;gap:6px;margin-top:14px;color:#5b6b5e;font-size:15px;font-style:italic}
.preview-home-hero .hero-adresnote svg{width:40px;height:31px;color:#2e5b33;flex:0 0 auto;margin-top:1px}
.adres-band-wrap{margin-bottom:28px}
.adres-band{display:flex;flex-wrap:wrap;gap:6px;background:#23502b;border-radius:14px;padding:9px 10px;margin:16px 0 0}
.adres-band a{display:inline-flex;align-items:center;padding:10px 16px;border-radius:9px;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;line-height:1;opacity:.94;transition:background .15s ease,opacity .15s ease}
.adres-band a:hover{background:rgba(255,255,255,.13);color:#fff;opacity:1;text-decoration:none}

.uitgelicht-wrap{max-width:1040px;margin:0 auto}
.uitgelicht{display:grid;grid-template-columns:1.08fr 1fr;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lift);margin-top:6px}
.uitgelicht-img{display:block;overflow:hidden;min-height:320px}
.uitgelicht-img img{width:100%;height:100%;max-height:460px;min-height:320px;object-fit:cover;object-position:center;display:block;transition:transform .4s}
.uitgelicht-img:hover img{transform:scale(1.04)}
.uitgelicht-body{padding:38px 42px;display:flex;flex-direction:column;justify-content:center}
.uitgelicht-body h2{font-size:29px;line-height:1.18;letter-spacing:-.4px;margin:0 0 14px;font-weight:700}
.uitgelicht-body h2 a{color:var(--ink)}
.uitgelicht-body h2 a:hover{color:var(--forest)}
.uitgelicht-body p{color:var(--muted);font-size:15.5px;line-height:1.7;margin:0 0 24px}
.uitgelicht-body .btn{align-self:flex-start}
.preview-feature-intro .eyebrow{max-width:1040px;margin:0 auto 6px;color:var(--gold)}
section.block.preview-feature-intro{padding:40px 0 24px}
section.block.home-popular-breeds{padding-bottom:36px}
.home-popular-breeds .sub{margin-bottom:20px}
.preview-cards{margin:24px 0 48px}
.home-popular-breeds .preview-cards{margin-bottom:0}
.block .sub{max-width:none}

.home-reports{padding:48px 0 88px;background:var(--section-alt)}
.home-report-head{display:grid;grid-template-columns:1fr .58fr;align-items:end;gap:38px;margin-bottom:34px;padding-bottom:18px;border-bottom:2px solid var(--forest)}
.home-report-kicker{margin:0 0 5px;color:var(--terra);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.home-report-head h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,52px);font-weight:600;line-height:1.02;letter-spacing:-.035em}
.home-report-head>p{max-width:500px;margin:0 0 3px;color:var(--muted);font-size:14px;line-height:1.6}
.home-report-grid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(315px,.57fr);gap:39px}
.home-report-feature{display:grid;grid-template-columns:1.08fr .92fr;background:var(--card);color:inherit;text-decoration:none;font-weight:400;overflow:hidden}
.home-report-feature:hover{text-decoration:none}
.home-report-feature img{display:block;width:100%;height:100%;min-height:530px;object-fit:cover;object-position:65% center}
.home-report-copy{display:flex;flex-direction:column;justify-content:center;padding:46px}
.home-report-label{color:var(--terra);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-report-copy h3{margin:17px 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,3vw,41px);font-weight:600;line-height:1.1;letter-spacing:-.025em}
.home-report-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.home-report-feature:hover h3,.home-report-tease:hover h3{color:var(--forest)}
.home-report-list{border-top:2px solid var(--forest)}
.home-report-list-head{padding:13px 0 11px;border-bottom:1px solid var(--line);color:var(--terra);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.home-report-tease{display:block;padding:22px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;font-weight:400}
.home-report-tease:hover{text-decoration:none}
.home-report-tease span{color:var(--terra);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.home-report-tease h3{margin:7px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:600;line-height:1.17}
.home-report-tease p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
section.block.midlife-home-feature{padding:28px 0 40px}

.home-topics{padding:84px 0;background:var(--bg)}
.home-topic-head{display:grid;grid-template-columns:1fr .58fr;align-items:end;gap:38px;margin-bottom:34px;padding-bottom:18px;border-bottom:2px solid var(--ink)}
.home-topic-kicker{margin:0 0 5px;color:var(--terra);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.home-topic-head h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4vw,52px);font-weight:600;line-height:1.02;letter-spacing:-.035em}
.home-topic-head>p{max-width:500px;margin:0 0 3px;color:var(--muted);font-size:14px;line-height:1.6}
.home-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-left:1px solid var(--line)}
.home-topic-link{min-height:160px;padding:25px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);color:inherit;text-decoration:none;font-weight:400}
.home-topic-link small{color:var(--terra);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-topic-link strong{display:block;margin:12px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:600;line-height:1.15}
.home-topic-link span{color:var(--muted);font-size:13px}
.home-topic-link:hover{color:inherit;text-decoration:none}
.home-topic-link:hover strong{color:var(--forest)}

@media(max-width:900px){
  .preview-home-hero .hero-wrap{grid-template-columns:1fr;gap:24px}
  .preview-home-hero .hero-img{align-self:auto;order:-1}
  .preview-home-hero .hero-img img{max-height:320px}
}
@media(max-width:1040px){
  .home-report-grid{grid-template-columns:1fr}
  .home-report-feature img{min-height:390px;max-height:480px}
}
@media(max-width:820px){
  .uitgelicht{grid-template-columns:1fr}
  .uitgelicht-img{min-height:0;aspect-ratio:4/3}
  .uitgelicht-img img{min-height:0;max-height:none}
  .uitgelicht-body{padding:28px 24px}
  .uitgelicht-body h2{font-size:25px}
}
@media(max-width:760px){
  .preview-home-hero{padding-top:20px}
  .preview-home-hero h1{font-size:clamp(36px,10vw,48px)}
  .home-topics{padding:55px 0}
  .home-topic-head{display:block;margin-bottom:25px}
  .home-topic-head>p{margin-top:14px}
  .home-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-topic-link{min-height:122px;padding:19px 16px}
  .home-topic-link strong{font-size:20px}
  .home-topic-link span{font-size:11px}
  .home-topic-link:last-child{grid-column:1/-1}
  .home-reports{padding:50px 0 58px}
  .home-report-head{display:block;margin-bottom:25px}
  .home-report-head>p{margin-top:14px}
  .home-report-feature{display:flex;flex-direction:column}
  .home-report-feature img{min-height:0;max-height:none;aspect-ratio:4/3;object-position:center}
  .home-report-copy{padding:28px 24px}
  .home-report-list{margin-top:5px}
}
@media(max-width:680px){
  .adres-band{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .adres-band a{flex:0 0 auto}
}
@media(max-width:560px){
  .preview-home-hero .hero-cta{flex-direction:column}
  .preview-home-hero .hero-btn{width:100%;justify-content:center}
}

/* Participatiepagina's: dezelfde componentverhoudingen als NieuweHond.be. */
.hx-mega-single{min-width:290px}.hx-mega-single .hx-grid{grid-template-columns:1fr}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.party-page{background:radial-gradient(1200px 500px at 15% -8%,#fff5df 0,transparent 60%),radial-gradient(1100px 520px at 92% 4%,#fdeef1 0,transparent 55%),#f7f3ea;color:#2a2622;overflow:hidden}
.party-wrap{max-width:1120px;margin:0 auto;padding:0 22px;box-sizing:border-box}
#party-confetti{position:fixed;inset:0;z-index:60;pointer-events:none}
.party-bunting{display:flex;justify-content:center;height:34px;overflow:hidden;filter:drop-shadow(0 2px 1px rgba(0,0,0,.06))}
.party-bunting i{flex:0 0 26px;width:26px;height:32px;margin:0 -1px;clip-path:polygon(0 0,100% 0,50% 100%);background:#2e5b33}
.party-bunting i:nth-child(6n+2){background:#c8983a}.party-bunting i:nth-child(6n+3){background:#ec008b}.party-bunting i:nth-child(6n+4){background:#5780a8}.party-bunting i:nth-child(6n+5){background:#c45e7a}.party-bunting i:nth-child(6n){background:#4c8a44}
.party-hero{padding:26px 0 42px}.party-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:end}.birthday-page .party-hero-grid{align-items:center}
.party-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 15px;border:1px solid #eae1cf;border-radius:999px;background:#fff;color:#ec008b;box-shadow:0 3px 10px rgba(42,38,34,.06);font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.party-hero h1{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4.4vw,48px);font-weight:650;line-height:1.1;letter-spacing:-.025em}.party-hero h1 span{color:#ec008b}
.party-lead{max-width:39ch;margin:0 0 24px;color:#6b665e;font-size:18px;line-height:1.65}
.party-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:22px;box-shadow:0 22px 55px rgba(42,38,34,.2)}.birthday-photo img{transform:rotate(1.4deg)}
.party-form,.course-form{position:relative;max-width:465px;padding:22px;border:1px solid #eae1cf;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(42,38,34,.1)}
.party-form label,.course-form label{display:block;margin:0 0 5px;color:#2a2622;font-size:13px;font-weight:750}.party-form input,.party-form select,.course-form input,.course-form select,.contest-entry input,.contest-entry textarea{display:block;width:100%;min-height:47px;margin:0 0 11px;padding:12px 14px;border:1px solid #d9cfb8;border-radius:11px;background:#fff;color:#1a1814;font:inherit}.contest-entry textarea{min-height:120px;resize:vertical}
.party-form input:focus,.course-form input:focus,.course-form select:focus,.contest-entry input:focus,.contest-entry textarea:focus{outline:0;border-color:#2e5b33;box-shadow:0 0 0 3px rgba(46,91,51,.1)}
.party-form-row,.course-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.party-form small,.contest-entry form small{display:block;margin-top:11px;color:#6b665e;font-size:12.5px;text-align:center}
.party-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:0;border-radius:999px;background:#ec008b;color:#fff!important;box-shadow:0 8px 22px rgba(236,0,139,.3);font-size:16px;font-weight:800;line-height:1;text-decoration:none;cursor:pointer}.party-btn:hover{color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 11px 27px rgba(236,0,139,.37)}.party-form .party-btn,.course-form .party-btn{width:100%}
.party-section{padding:36px 0}.party-section-head{max-width:620px;margin:0 auto 30px;text-align:center}.party-section-head>span{color:#c8983a;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.party-section-head h2{margin:8px 0;font-family:Georgia,"Times New Roman",serif;font-size:33px;line-height:1.15}.party-section-head p{margin:0;color:#6b665e}
.party-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.party-tile{display:block;min-height:215px;padding:22px 20px;border:1px solid #eae1cf;border-radius:18px;background:#fff;color:#2a2622;box-shadow:0 3px 10px rgba(42,38,34,.05);transition:transform .16s,box-shadow .16s}.party-tile:hover{color:#2a2622;text-decoration:none;transform:translateY(-4px) rotate(-.35deg);box-shadow:0 16px 30px rgba(42,38,34,.12)}
.party-tile-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:13px;border-radius:15px;background:#fbe9d8;font-size:26px}.party-tile.t2 .party-tile-icon,.party-tile.t7 .party-tile-icon{background:#e7efe6}.party-tile.t3 .party-tile-icon{background:#eef2f7}.party-tile.t4 .party-tile-icon{background:#f6eede}.party-tile.t5 .party-tile-icon{background:#f3e9f2}.party-tile.t6 .party-tile-icon{background:#fbe7ec}
.party-tile h3{margin:0 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:19px}.party-tile p{margin:0;color:#6b665e;font-size:13.5px;line-height:1.55}.party-tile strong{display:inline-block;margin-top:13px;color:#2e5b33;font-size:13px}
.party-badges{padding-bottom:50px}.party-badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.party-badge-row article{width:160px;padding:18px 14px;border:1px solid #eae1cf;border-radius:16px;background:#fff;text-align:center;box-shadow:0 3px 10px rgba(42,38,34,.05)}.party-badge-row b{display:block;font-size:34px}.party-badge-row strong{display:block;margin-top:6px;font-size:13px}.party-badge-row small{color:#6b665e;font-size:11px}
.party-final{padding:44px 22px 54px;text-align:center}.party-final h2{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:30px}.party-final p{margin:0 0 20px;color:#6b665e}
.party-steps{padding-bottom:65px}.party-steps>.party-wrap>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.party-steps article{padding:22px 20px;border:1px solid #eae1cf;border-radius:16px;background:#fff;box-shadow:0 3px 10px rgba(42,38,34,.05)}.party-steps article>b,.course-steps article>b{display:grid;place-items:center;width:34px;height:34px;margin-bottom:11px;border-radius:50%;background:#2e5b33;color:#fff}.party-steps h3{margin:0 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:18px}.party-steps p{margin:0;color:#6b665e;line-height:1.6}

.course-page{width:min(900px,calc(100% - 40px));margin:0 auto;padding:30px 0 70px}.course-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:end}.course-kicker{display:inline-flex;margin:0 0 14px;padding:6px 13px;border:1px solid #d3e2cc;border-radius:999px;background:#eef3ea;color:#2e5b33;font-size:12.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.course-hero h1{margin:0 0 12px;font-size:40px;line-height:1.12}.course-hero>div>p{max-width:40ch;margin:0;color:#3f3a33;font-size:18px;line-height:1.6}.course-hero>div>img{display:block;width:100%;max-width:400px;aspect-ratio:1/1;margin-top:22px;object-fit:cover;border-radius:18px;box-shadow:0 12px 30px rgba(42,38,34,.14)}
.course-form h2{margin:0 0 4px;font-size:20px}.course-form>p{margin:0 0 14px;color:var(--muted);font-size:14px}.course-form label span{color:var(--muted);font-weight:400}.course-consent{display:flex!important;align-items:flex-start;gap:9px;margin:4px 0 14px!important;font-weight:500!important;line-height:1.45}.course-consent input{width:auto!important;min-height:0!important;margin:3px 0 0!important}.course-topics{margin-top:46px}.course-topics>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course-topics article{display:grid;grid-template-columns:auto 1fr;gap:0 11px;padding:14px 15px;border:1px solid #e7e3da;border-radius:13px;background:#fcfbf9}.course-topics article>b{grid-row:1/3;font-size:22px}.course-topics h3{margin:0 0 3px;font-size:15px}.course-topics p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}.course-steps{margin-top:46px}.course-steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.course-steps article{padding:20px 18px;border:1px solid #d3e2cc;border-radius:15px;background:#eef3ea}.course-steps h2{text-align:center}.course-steps p{margin:0;color:#2c3f2c}

.contest-page{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:34px 0 78px}.contest-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px;margin-bottom:55px}.contest-hero h1{margin:7px 0 16px;font-size:clamp(37px,4.5vw,55px);line-height:1.08}.contest-hero p:not(.eyebrow){max-width:560px;margin:0 0 24px;color:var(--muted);font-size:17px;line-height:1.65}.contest-hero img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px;box-shadow:var(--shadow-lift)}
.contest-current{margin:0 0 28px}.contest-current>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.contest-current h2{margin:4px 0 0;font-size:30px}.contest-current>header>a{color:var(--terra);font-weight:800}.contest-empty{padding:42px 24px;border:1px dashed #c8c2b7;border-radius:18px;background:#fbfaf6;text-align:center}.contest-empty>b{font-size:40px}.contest-empty h3{margin:8px 0}.contest-empty p{max-width:650px;margin:0 auto;color:var(--muted)}
.contest-dog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.contest-dog-card{display:grid;grid-template-columns:minmax(180px,.88fr) 1.12fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.contest-dog-photo{position:relative;min-height:260px;background:#eee}.contest-dog-photo img{display:block;width:100%;height:100%;object-fit:cover}.contest-dog-body{display:flex;flex-direction:column;padding:22px}.contest-dog-body h3{margin:0;font-size:25px}.contest-dog-breed{margin:3px 0 13px!important;color:var(--terra)!important;font-size:14px!important;font-weight:800}.contest-dog-body>p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.contest-dog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px}.contest-dog-actions strong{font-size:12.5px}.contest-dog-actions button{padding:10px 15px;border:0;border-radius:999px;background:var(--terra);color:#fff;font:800 13px/1 inherit;cursor:pointer}.contest-dog-actions button:hover{background:#9f432f}.contest-dog-actions button.is-voted{background:var(--forest)}
.contest-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 55px}.contest-info-grid article{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.contest-info-grid span{font-size:29px}.contest-info-grid h2{margin:9px 0 7px;font-size:19px}.contest-info-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.contest-entry{display:grid;grid-template-columns:1fr .9fr;gap:42px;align-items:start;padding:34px;border-radius:22px;background:#edf4e9}.contest-entry h2{margin:6px 0 12px;font-size:32px}.contest-entry>div>p:not(.eyebrow){color:var(--muted);line-height:1.7}.contest-entry ul{padding-left:20px}.contest-entry form{padding:22px;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.contest-entry form label{display:block;margin:0 0 5px;font-size:13px;font-weight:800}.contest-entry form .party-btn{width:100%}.contest-faq{max-width:780px;margin:55px auto 0}.contest-faq h2{font-size:30px}.contest-faq details{padding:16px 0;border-top:1px solid var(--line)}.contest-faq details:last-child{border-bottom:1px solid var(--line)}.contest-faq summary{font-weight:800;cursor:pointer}.contest-faq p{color:var(--muted)}

/* Dezelfde wedstrijdopbouw als NieuweHond.nl; alleen de Franse redactie verschilt. */
.fw-page{--fw-pink:#ec008b;padding-bottom:64px}.fw-hero{max-width:1180px;margin:0 auto;padding:46px 22px 8px;text-align:center}.fw-eyebrow{margin-bottom:14px;color:var(--fw-pink);font-size:11px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase}.fw-hero h1{margin:0 0 14px;color:var(--ink);font:700 clamp(36px,5vw,46px)/1.06 Georgia,"Times New Roman",serif}.fw-hero p{max-width:60ch;margin:0 auto 24px;color:var(--muted);font-size:17px;line-height:1.6}.fw-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border:0;border-radius:11px;background:var(--fw-pink);box-shadow:0 8px 22px rgba(236,0,139,.28);color:#fff!important;font:800 16px/1.2 inherit;text-decoration:none;cursor:pointer;transition:transform .12s,box-shadow .12s}.fw-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(236,0,139,.34)}.fw-note{margin-top:13px;color:var(--muted);font-size:13.5px}.fw-toolbar{display:flex;max-width:1180px;margin:40px auto 4px;padding:0 22px;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}.fw-toolbar h2{margin:0;color:var(--ink);font:700 26px/1.2 Georgia,"Times New Roman",serif}.fw-sort{display:flex;gap:8px;flex-wrap:wrap}.fw-chip{padding:8px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font:600 13.5px/1.2 inherit;cursor:pointer}.fw-chip.on{border-color:var(--forest);background:var(--forest);color:#fff}.fw-grid{display:grid;max-width:1180px;margin:18px auto 64px;padding:0 22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.fw-card{display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(26,31,27,.05);transition:transform .14s,box-shadow .14s}.fw-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(26,31,27,.1)}.fw-photo{display:block;overflow:hidden;aspect-ratio:1/1;background:#f2efe8}.fw-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.fw-body{display:flex;flex:1;flex-direction:column;gap:5px;padding:16px 18px 18px}.fw-name{margin:0;color:var(--ink);font:700 21px/1.2 Georgia,"Times New Roman",serif}.fw-name a{color:inherit;text-decoration:none}.fw-ras{color:var(--forest);font-size:13.5px;font-weight:700}.fw-plaats{color:var(--muted);font-size:12.5px}.fw-bio{margin:3px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.fw-votecount{margin-top:auto;padding-top:10px;color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.fw-actions{display:flex;margin-top:8px;padding-top:12px;border-top:1px solid var(--line);align-items:center;justify-content:space-between;gap:10px}.fw-vote{display:inline-flex;padding:9px 15px;border:0;border-radius:11px;background:var(--fw-pink);box-shadow:0 6px 15px rgba(236,0,139,.24);color:#fff;font:800 13.5px/1.2 inherit;cursor:pointer}.fw-vote.is-voted{background:var(--forest)}.fw-share{display:flex;gap:6px}.fw-share a,.fw-copy{display:flex;width:31px;height:31px;padding:0;border:1px solid var(--line);border-radius:9px;align-items:center;justify-content:center;background:#fff;color:var(--muted);font:700 11px/1 inherit;text-decoration:none;cursor:pointer}.fw-share a:hover,.fw-copy:hover{border-color:var(--forest);background:var(--forest);color:#fff}.fw-nl{width:100%;grid-column:1/-1}.fw-nl-card{display:grid;padding:30px 32px;border-radius:20px;background:#2e5b33;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.fw-nl-txt h2{margin:0 0 8px;color:#fff;font-size:23px}.fw-nl-txt p{margin:0;color:rgba(255,255,255,.86);font-size:15.5px;line-height:1.55}.fw-nl-form{display:flex;gap:10px;flex-wrap:wrap}.fw-nl-form input{min-width:0;flex:1 1 210px;padding:13px 15px;border:1px solid #d3d3d3;border-radius:11px;background:#fff;font:15px/1.2 inherit}.fw-nl-btn{padding:13px 24px;border:0;border-radius:11px;background:var(--fw-pink);color:#fff;font:700 15px/1.2 inherit;cursor:pointer}.fw-info{max-width:820px;margin:44px auto 0;padding:0 22px}.fw-info h2{margin:26px 0 10px;color:var(--ink);font:700 22px/1.2 Georgia,"Times New Roman",serif}.fw-info>p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.65}.fw-faq details{border-bottom:1px solid var(--line)}.fw-faq summary{display:flex;padding:14px 2px;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);font-size:15.5px;font-weight:700;list-style:none;cursor:pointer}.fw-faq summary::-webkit-details-marker{display:none}.fw-faq summary:after{content:"+";color:var(--muted);font-size:20px;font-weight:400}.fw-faq details[open] summary:after{content:"−"}.fw-faq details>div{padding:0 2px 15px;color:var(--muted);font-size:15px;line-height:1.6}.fwd{max-width:1080px;margin:0 auto;padding:34px 22px 70px}.fwd-back{display:inline-block;margin-bottom:18px;color:var(--forest);font-size:14px;font-weight:700;text-decoration:none}.fwd-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.fwd-photo{overflow:hidden;border-radius:20px;background:#f2efe8;box-shadow:0 16px 44px rgba(26,31,27,.1)}.fwd-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 35%}.fwd-body h1{margin:0 0 6px;color:var(--ink);font:700 40px/1.05 Georgia,"Times New Roman",serif}.fwd-bio{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.fwd-vote-row{display:flex;margin:22px 0 6px;align-items:center;gap:16px;flex-wrap:wrap}.fwd-count{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase}.fwd-share{margin-top:24px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}.fwd-share h3{margin:0 0 4px}.fwd-share p{margin:0 0 14px;color:var(--muted)}.fw-entry-page{width:min(760px,calc(100% - 40px));margin:0 auto;padding:38px 0 72px}.fw-entry-head{text-align:center}.fw-entry-head h1{margin:0 0 10px;font-size:42px}.fw-entry-head p{color:var(--muted)}.fw-entry-form{margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.fw-entry-form label{display:block;margin-bottom:14px;font-size:13px;font-weight:800}.fw-entry-form input,.fw-entry-form textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid #d9cfb8;border-radius:11px;background:#fff;color:var(--ink);font:inherit}.fw-entry-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fw-entry-consent{display:flex!important;align-items:flex-start;gap:9px}.fw-entry-consent input{width:auto!important;margin-top:2px!important}.fw-entry-form>.fw-cta{width:100%}
.fw-cta svg{width:20px;height:20px}.fw-vote{align-items:center;gap:7px}.fw-vote svg{width:15px;height:15px}.fw-share svg{width:14px;height:14px}.fw-votecount svg{width:16px;height:16px;color:var(--fw-pink);vertical-align:-3px;margin-right:2px}.fw-winner{max-width:1180px;margin:36px auto 0;padding:0 22px}.fw-winner-card{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 20px 54px rgba(26,31,27,.09);grid-template-columns:1.05fr 1fr}.fw-winner-photo{position:relative;min-height:400px;background:#f2efe8}.fw-winner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.fw-rosette{position:absolute;z-index:1;top:18px;left:18px;padding:9px 15px;border-radius:11px;background:var(--fw-pink);box-shadow:0 6px 16px rgba(236,0,139,.3);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.4px}.fw-winner-body{display:flex;padding:40px 42px;flex-direction:column;justify-content:center}.fw-winner-body .fw-label{margin-bottom:10px;color:var(--terra);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.fw-winner-body h2{margin:0 0 6px;color:var(--ink);font:700 34px/1.1 Georgia,"Times New Roman",serif}.fw-winner-body p{margin:16px 0 0;color:var(--muted);font-size:15.5px;line-height:1.65}.fw-winner-meta{display:flex;margin-top:22px;align-items:center;gap:18px;flex-wrap:wrap}.fw-winner-meta .fw-votecount{margin:0;padding:0;font-size:15px}
@media(max-width:960px){.fw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fwd-grid,.fw-winner-card{grid-template-columns:1fr}.fw-winner-photo{min-height:0;aspect-ratio:4/3}}@media(max-width:680px){.fw-grid{grid-template-columns:1fr}.fw-nl-card{grid-template-columns:1fr;padding:24px 22px}.fw-entry-row{grid-template-columns:1fr}.fw-toolbar{align-items:flex-start;flex-direction:column}.fw-sort{width:100%}.fw-chip{flex:1}.fw-entry-page{width:min(100% - 32px,760px)}.fw-winner-body{padding:28px 24px}}
.fwv{max-width:620px;margin:0 auto;padding:34px 22px 70px}.fwv-ack{max-width:46ch;margin:0 auto 22px;text-align:center}.fwv-check{display:flex;width:50px;height:50px;margin:0 auto 12px;border-radius:50%;align-items:center;justify-content:center;background:#e8f1e6;color:var(--forest)}.fwv-check svg{width:26px;height:26px}.fwv-ack h1{margin:0 0 5px;color:var(--ink);font:700 23px/1.2 Georgia,"Times New Roman",serif}.fwv-ack p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}.fwv-nb{padding:36px 34px 30px;border-radius:20px;background:linear-gradient(135deg,#1e3d24 0%,#2e5b33 55%,#4c8a44 100%);box-shadow:0 22px 50px rgba(26,49,32,.3);color:#fff;text-align:center}.fwv-nb-eyebrow{margin-bottom:10px;color:#f2cf82;font-size:11.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.fwv-nb h2{margin:0 0 10px;color:#fff;font:700 26px/1.15 Georgia,"Times New Roman",serif}.fwv-nb>p{max-width:44ch;margin:0 auto 20px;color:rgba(255,255,255,.92);font-size:15px;line-height:1.55}.fwv-form{display:flex;max-width:470px;margin:0 auto;gap:8px;flex-wrap:wrap}.fwv-form input{min-width:0;flex:1 1 200px;padding:13px 15px;border:1px solid rgba(255,255,255,.55);border-radius:10px;background:#fff;font:15px/1.2 inherit}.fwv-sub-btn{padding:13px 26px;border:0;border-radius:10px;background:#ec008b;box-shadow:0 8px 20px rgba(236,0,139,.4);color:#fff;font:800 15px/1.2 inherit;cursor:pointer}.fwv-proof{margin-top:14px;color:rgba(255,255,255,.82);font-size:12.5px;font-weight:600}.fwv-actions{display:flex;margin-top:22px;justify-content:center;gap:22px;flex-wrap:wrap}.fwv-btn{display:inline-flex;padding:13px 24px;border-radius:11px;align-items:center;justify-content:center;color:#fff!important;font-size:15px;font-weight:800;text-decoration:none}.fwv-btn-primary{background:#ec008b}.fwv-btn-ghost{border:2px solid var(--forest);background:#fff;color:var(--forest)!important}@media(max-width:520px){.fwv-nb{padding:30px 20px}.fwv-form{flex-direction:column}.fwv-form input,.fwv-sub-btn{width:100%}}

/* Dezelfde stap-voor-stap leeftijdscalculator als op de Nederlandse edities. */
.age-article{max-width:880px}.hlc-card{min-height:280px;margin:0 0 38px;padding:28px 26px;border:1px solid #e6e3dc;border-radius:16px;background:#fff;box-shadow:var(--shadow)}.hlc-step[hidden]{display:none}.hlc-prog{margin:0 0 12px;color:var(--terra);font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hlc-q{margin:0 0 8px;font-size:24px;line-height:1.2}.hlc-hint{margin:0 0 16px;color:var(--muted);font-size:14px}.hlc-date{display:grid;grid-template-columns:.85fr 1.5fr 1fr;gap:10px}.hlc-date label{font-size:12px;font-weight:800}.hlc-sel{display:block;width:100%;min-height:48px;margin-top:6px;padding:12px;border:1px solid #d3cdbf;border-radius:10px;background:#fff;color:#222;font:inherit}.hlc-sel:focus{outline:0;border-color:#2e5b33;box-shadow:0 0 0 3px rgba(46,91,51,.12)}.hlc-err{min-height:20px;margin:12px 0 0;color:#b0463f;font-size:14px;font-weight:700}.hlc-actions{display:flex;align-items:center;gap:6px;margin-top:20px}.hlc-btn{padding:14px 28px;border:0;border-radius:11px;background:#2e5b33;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.hlc-btn:hover{background:#26492b}.hlc-back,.hlc-again{padding:8px 12px;border:0;background:none;color:var(--muted);font-weight:700;cursor:pointer}.hlc-result{padding:24px;border:1px solid #cfe0cb;border-radius:13px;background:#eef4ec;text-align:center}.hlc-big{color:#2e5b33;font-size:44px;font-weight:800;line-height:1.05}.hlc-big span{font-size:18px}.hlc-result p{margin:9px 0 0}.hlc-fiche{display:inline-block;margin-top:13px;font-weight:800}.hlc-profile{margin-top:16px;padding:20px 22px;border-radius:13px;background:#2e5b33;color:#fff}.hlc-profile h3{margin:0 0 6px;color:#fff}.hlc-profile p{margin:0 0 14px;color:rgba(255,255,255,.88)}.hlc-profile .party-btn{box-shadow:none}.hlc-again{display:block;margin:12px auto 0}.hlc-table-wrap{overflow-x:auto}.hlc-table{width:100%;margin:8px 0 4px;border-collapse:collapse;font-size:14.5px}.hlc-table th,.hlc-table td{padding:8px 10px;border-bottom:1px solid #eee;text-align:center}.hlc-table th:first-child,.hlc-table td:first-child{text-align:left;font-weight:700}.age-quiz-cta{margin:34px 0;padding:24px 26px;border:1px solid #e6e3dc;border-radius:14px;background:#f6f5f2}.age-quiz-cta h2{margin:0 0 8px}.age-quiz-cta p{margin:0 0 16px}
.age-page>.age-reading-layout{max-width:none;margin:0;padding:0}.age-reading-layout .article-sidebar{margin-top:0}

/* Franse versies van Raad het ras en Zoek de hond. */
.dog-game-page{width:min(940px,calc(100% - 36px));margin:0 auto;padding:28px 0 70px}.dog-game-intro{max-width:760px;margin:0 0 22px;text-align:left}.dog-game-intro>span{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:#fdf0d6;color:#a8781f;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.dog-game-intro h1{margin:0 0 8px;font-size:36px}.dog-game-intro p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}.dog-game-intro .dog-game-sub{margin-bottom:5px;color:var(--ink);font-weight:800}.dog-game-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:start;margin-bottom:44px}.memory-layout{grid-template-columns:1fr 260px}.dog-game-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 26px rgba(42,38,34,.09)}.dog-game-round{padding:12px 20px;border-bottom:1px solid var(--line);background:#fbf8f1;color:var(--muted);font-size:13px;font-weight:700}.dog-game-photo{position:relative;aspect-ratio:16/11;background:#eef2e9}.dog-game-photo img{display:block;width:100%;height:100%;object-fit:cover}.dog-game-options{display:grid;gap:11px;padding:16px}.dog-game-options button,.memory-start{padding:15px 18px;border:2px solid var(--line);border-radius:14px;background:#faf7f0;color:var(--ink);font:700 16px/1.2 inherit;cursor:pointer}.dog-game-options button:hover,.memory-start:hover{border-color:var(--terra);background:#fff}.dog-game-options button.correct{border-color:var(--forest);background:#e7f3e8;color:var(--forest)}.dog-game-options button.wrong{border-color:var(--terra);background:#fbe7e0;color:var(--terra)}.dog-game-flash{min-height:24px;margin:0;padding:0 16px 16px;text-align:center;font-weight:700}.dog-game-flash.correct{color:var(--forest)}.dog-game-flash.wrong{color:var(--terra)}.dog-game-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}.dog-scorebox,.dog-leaderboard{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center;box-shadow:0 6px 20px rgba(42,38,34,.07)}.dog-scorebox>span{color:var(--muted);font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.dog-scorebox>strong{display:block;margin:4px 0 3px;color:var(--forest);font:800 52px/1 Georgia,"Times New Roman",serif}.dog-scorebox>strong.negative{color:var(--terra)}.dog-scorebox p,.dog-leaderboard p{margin:0;color:var(--muted);font-size:13px}.dog-scorebox>button{width:100%;margin-top:16px;padding:14px;border:0;border-radius:999px;background:var(--terra);color:#fff;font-weight:800;cursor:pointer}.dog-leaderboard h2{margin:0 0 9px;font-size:18px}.dog-game-newsletter{margin:0 0 10px;padding:32px 26px;border-radius:22px;background:var(--forest);color:#fff;text-align:center}.dog-game-newsletter h2{margin:0 0 8px;color:#fff;font-size:24px}.dog-game-newsletter>p{max-width:68ch;margin:0 auto 18px;color:rgba(255,255,255,.86);line-height:1.55}.dog-game-newsletter form{display:flex;max-width:560px;margin:0 auto;gap:9px}.dog-game-newsletter input{min-width:0;flex:1;padding:13px 15px;border:0;border-radius:11px;background:#fff;color:var(--ink);font:15px/1.2 inherit}.dog-game-newsletter button{padding:13px 25px;border:0;border-radius:11px;background:#ec008b;color:#fff;font:800 15px/1.2 inherit;cursor:pointer}
.dog-game-newsletter form{display:block;text-align:left}.dog-game-newsletter .game-newsletter-label{display:block;margin-bottom:8px;color:#fff;font-weight:700}.dog-game-newsletter .game-newsletter-fields{display:flex;gap:9px}.dog-game-newsletter input[type=email]{min-width:0;flex:1;padding:13px 15px;border:0;border-radius:11px;background:#fff;color:var(--ink);font:15px/1.2 inherit}.dog-game-newsletter .game-newsletter-consent{display:flex;align-items:flex-start;gap:10px;margin-top:14px;color:rgba(255,255,255,.9);font-size:13px;line-height:1.55}.dog-game-newsletter .game-newsletter-consent input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:#ec008b}.dog-game-newsletter .game-newsletter-consent a{color:#fff;font-weight:700}.dog-game-newsletter .game-newsletter-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.dog-game-newsletter .newsletter-message{margin-top:10px;color:#fff;font-size:13px;font-weight:700}.dog-game-newsletter .newsletter-message.ok{color:#c9f5d2}.dog-game-newsletter .newsletter-message.err{color:#ffd4d4}
.memory-peek{position:relative;margin:0 0 14px;padding-bottom:14px;color:var(--forest);font-size:13px;font-weight:700}.memory-peek>b{float:right}.memory-peek i{position:absolute;left:0;bottom:0;width:100%;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--fresh),var(--forest));transition:width .9s linear}.memory-board{display:grid;grid-template-columns:repeat(var(--memory-columns,3),1fr);gap:12px;min-height:260px}.memory-start{grid-column:1/-1;align-self:center;justify-self:center}.memory-card{aspect-ratio:1;padding:0;border:0;background:none;perspective:700px;cursor:pointer}.memory-card>span{position:relative;display:block;width:100%;height:100%;transition:transform .35s;transform-style:preserve-3d}.memory-card.is-open>span,.memory-card.matched>span{transform:rotateY(180deg)}.memory-card i,.memory-card img{position:absolute;inset:0;width:100%;height:100%;border:1px solid var(--line);border-radius:14px;overflow:hidden;backface-visibility:hidden}.memory-card i{display:grid;place-items:center;background:linear-gradient(150deg,var(--forest),#24471f);color:#fff;font-size:30px;font-style:normal}.memory-card img{object-fit:cover;transform:rotateY(180deg)}.memory-card.matched img{outline:3px solid var(--fresh);outline-offset:-3px}.memory-levels{display:flex;gap:7px;margin-top:12px}.memory-levels span{flex:1;padding:8px 3px;border:2px solid var(--line);border-radius:11px;background:#faf7f0;color:var(--muted);font-size:11px;font-weight:800}.memory-levels span.on{border-color:var(--forest);background:#e7f3e8;color:var(--forest)}.memory-levels span.done{border-color:var(--forest);background:var(--forest);color:#fff}.memory-hint{padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);font-size:13px}.memory-complete{grid-column:1/-1;align-self:center;padding:35px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center}.memory-complete>b{font-size:45px}.memory-complete h2{margin:8px 0}.memory-complete button{padding:12px 22px;border:0;border-radius:999px;background:var(--forest);color:#fff;font-weight:800;cursor:pointer}

@media(max-width:900px){.party-hero-grid,.course-hero,.contest-hero,.contest-entry{grid-template-columns:1fr}.party-hero-photo{order:-1;max-width:620px}.party-tiles{grid-template-columns:1fr 1fr}.contest-hero img{order:-1;max-width:620px}.contest-info-grid{grid-template-columns:1fr}.contest-dog-card{grid-template-columns:1fr}.contest-dog-photo{aspect-ratio:16/10;min-height:0}.course-topics>div{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.dog-game-layout,.memory-layout{grid-template-columns:1fr}.dog-game-side{position:static;flex-direction:column-reverse}}
@media(max-width:620px){.dog-game-newsletter .game-newsletter-fields{flex-direction:column}.dog-game-newsletter input[type=email],.dog-game-newsletter button{width:100%}}
.dog-leaderboard ol{margin:10px 0 0;padding:0;list-style:none;text-align:left}.dog-leaderboard li{display:flex;justify-content:space-between;gap:12px;padding:7px 3px;border-top:1px solid var(--line);font-size:13px}.dog-leaderboard li strong{color:var(--forest)}.dog-scorebox [data-guess-message],.dog-scorebox [data-memory-message]{margin-top:8px;font-size:12.5px;line-height:1.4}.dog-scorebox [data-guess-save],.dog-scorebox [data-memory-save]{background:var(--forest)}
@media(max-width:620px){.party-tiles,.party-steps>.party-wrap>div,.course-steps>div,.course-topics>div,.contest-dog-grid{grid-template-columns:1fr}.party-form-row,.course-form-row,.hlc-date{grid-template-columns:1fr}.party-wrap,.course-page,.contest-page{width:min(100% - 32px,1120px)}.party-hero h1{font-size:33px}.contest-current>header{align-items:start;flex-direction:column}.memory-board{gap:8px}.contest-entry{padding:24px 18px}}

/* Deelnameformulier: dezelfde opbouw als NieuweHond.nl. */
.fdm{max-width:640px;margin:0 auto;padding:34px 22px 64px}.fdm-back{display:inline-block;margin:0 0 16px;color:var(--forest);font-size:14px;font-weight:700;text-decoration:none}.fdm-flash{margin:0 0 16px;padding:12px 15px;border-radius:12px;background:var(--forest-soft);color:var(--ink);font-size:14px;line-height:1.5}.fdm-flash.is-error{background:#fbe3d8}.fdm-card{padding:34px 34px 30px;border:1px solid #d6e6cc;border-radius:22px;background:#e7f0e2;box-shadow:0 18px 50px rgba(26,31,27,.08)}.fdm .fw-eyebrow{margin-bottom:10px}.fdm h1{margin:0 0 8px;color:var(--ink);font:700 30px/1.1 Georgia,"Times New Roman",serif}.fdm-lead{margin:0 0 22px;color:var(--muted);font-size:15.5px;line-height:1.6}.fdm label{display:block;margin:16px 0 6px;color:var(--ink);font-size:13.5px;font-weight:700}.fdm input[type=text],.fdm input[type=email],.fdm select,.fdm textarea,.fdm input[type=file]{box-sizing:border-box;width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:15px/1.25 inherit}.fdm textarea{min-height:84px;resize:vertical}.fdm-hint{margin-top:5px;color:var(--muted);font-size:12.5px;line-height:1.45}.fdm .fdm-check{display:flex;margin:20px 0 4px;align-items:flex-start;gap:10px;color:var(--ink);font-size:14px;font-weight:500}.fdm .fdm-check input{margin-top:3px}.fdm-submit{display:inline-flex;width:100%;margin-top:22px;padding:15px;border:0;border-radius:12px;align-items:center;justify-content:center;gap:9px;background:#ec008b;box-shadow:0 8px 22px rgba(236,0,139,.26);color:#fff;font:800 16px/1.2 inherit;cursor:pointer}.fdm-submit svg{width:18px;height:18px}.fdm-hp{position:absolute;left:-9999px;width:1px;height:1px}.fdm-login{margin:14px 0 0;color:var(--muted);font-size:13.5px;text-align:center}.fdm-login a{color:var(--forest);font-weight:700}@media(max-width:560px){.fdm{padding-right:16px;padding-left:16px}.fdm-card{padding:27px 20px 25px}}

/* Cours pour chiot: dezelfde compacte opbouw als de Nederlandse puppycursus. */
.pc-wrap{max-width:900px}.pc-block{padding-top:30px;padding-bottom:8px}.pc-block-second{padding-top:6px;padding-bottom:64px}.pc-crumb{margin:0 0 16px;color:var(--muted);font-size:13px}.pc-crumb a{color:var(--muted);text-decoration:none}.pc-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:end}.pc-kicker{display:inline-flex;margin:0 0 14px;padding:6px 13px;border:1px solid #d3e2cc;border-radius:99px;align-items:center;gap:8px;background:#eef3ea;color:#2e5b33;font-size:12.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.pc-hero h1{margin:0 0 12px;color:var(--ink);font-size:40px;line-height:1.12}.pc-lead{max-width:40ch;margin:0 0 6px;color:#3f3a33;font-size:18px;line-height:1.6}.pc-hero-img{display:block;width:100%;max-width:400px;height:auto;aspect-ratio:1/1;margin:22px 0 0;border-radius:18px;object-fit:cover;box-shadow:0 12px 30px rgba(42,38,34,.14)}.pc-form{position:relative;padding:22px;border:1px solid #e7e3da;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(42,38,34,.08)}.pc-form h2{margin:0 0 4px;color:var(--ink);font-size:19px}.pc-form p.sub{margin:0 0 14px;color:var(--muted);font-size:14px}.pc-form label{display:block;margin:0 0 5px;color:var(--ink);font-size:13px;font-weight:700}.pc-form input[type=text],.pc-form input[type=email],.pc-form input[type=date]{box-sizing:border-box;width:100%;margin:0 0 12px;padding:12px 14px;border:1px solid #d9d4c8;border-radius:11px;color:#1a1814;font:400 15px/1.4 inherit}.pc-form input:focus{border-color:#2e5b33;outline:0;box-shadow:0 0 0 3px rgba(46,91,51,.12)}.pc-form .pc-hp{position:absolute!important;left:-9999px;width:1px;height:1px}.pc-btn{display:inline-flex;width:100%;padding:14px 26px;border:0;border-radius:99px;align-items:center;justify-content:center;gap:9px;background:#ec008b;box-shadow:0 8px 22px rgba(236,0,139,.28);color:#fff!important;font:800 16px/1 inherit;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.pc-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(236,0,139,.36)}.pc-fine{display:block;margin-top:11px;color:var(--muted);font-size:12.5px;line-height:1.5;text-align:center}.pc-hint{margin:-6px 0 12px;color:var(--muted);font-size:12.5px}.pc-two{display:grid;margin:0 0 12px;grid-template-columns:1fr 1fr;gap:12px}.pc-two input[type=date]{margin:0}.pc-opt{color:var(--muted);font-size:12px;font-weight:400}.pc-radio{display:flex;padding:8px 0 0;gap:16px}.pc-radio label{display:inline-flex;margin:0;align-items:center;gap:6px;color:var(--ink);font-size:14.5px;font-weight:500}.pc-radio input[type=radio]{width:auto;margin:0}.pc-card{padding:30px 26px;border:1px solid #e7e3da;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(42,38,34,.08);text-align:center}.pc-card[hidden]{display:none}.pc-card .em{font-size:48px;line-height:1}.pc-card h2{margin:12px 0 8px;color:var(--ink);font-size:24px}.pc-card p{max-width:44ch;margin:0 auto 6px;color:#3f3a33;font-size:16px;line-height:1.65}.pc-sec{margin:46px 0 0}.pc-sec h2{margin:0 0 6px;color:var(--ink);font-size:27px;font-weight:800;line-height:1.2}.pc-sec .pc-sub{margin:0 0 20px;color:var(--muted);font-size:16px}.pc-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pc-topic{display:flex;padding:13px 15px;border:1px solid #e7e3da;border-radius:13px;align-items:center;gap:11px;background:#fcfbf9;color:var(--ink);font-size:15px;font-weight:600}.pc-topic .ic{font-size:22px;line-height:1}.pc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pc-step{padding:20px 18px;border:1px solid #d3e2cc;border-radius:15px;background:#eef3ea}.pc-step .n{display:inline-grid;width:32px;height:32px;margin:0 0 10px;border-radius:50%;place-items:center;background:#2e5b33;color:#fff;font-size:15px;font-weight:800}.pc-step h3{margin:0 0 5px;color:#1f3320;font-size:17px}.pc-step p{margin:0;color:#2c3f2c;font-size:14.5px;line-height:1.6}.pc-back{display:inline-flex;margin-top:40px;align-items:center;gap:8px;color:#2e5b33;font-weight:700;text-decoration:none}@media(max-width:820px){.pc-hero{grid-template-columns:1fr;gap:22px}.pc-hero h1{font-size:32px}.pc-topics{grid-template-columns:1fr 1fr}.pc-steps{grid-template-columns:1fr}}@media(max-width:520px){.pc-topics,.pc-two{grid-template-columns:1fr}}

/* De cursusmarges moeten de specifiekere gedeelde regel section.block overschrijven. */
section.pc-block{padding-top:30px;padding-bottom:8px}
section.pc-block-second{padding-top:6px;padding-bottom:64px}

/* Verjaardagskaart: dezelfde actiepagina als de Nederlandse edities. */
.birthday-lp{overflow:hidden;background:radial-gradient(1200px 500px at 15% -8%,#fff5df 0%,transparent 60%),radial-gradient(1100px 520px at 92% 4%,#fdeef1 0%,transparent 55%),var(--cream);font-family:Inter,system-ui,sans-serif;color:#2a2622;line-height:1.55}
.birthday-wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.birthday-hero{position:relative;padding:22px 0 40px}
.birthday-balloon{position:absolute;font-size:32px;animation:birthday-float 5s ease-in-out infinite}
@keyframes birthday-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.birthday-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.birthday-kicker{display:inline-flex;margin:0 0 16px;padding:7px 15px;border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;background:#fff;box-shadow:0 3px 10px rgba(42,38,34,.06);color:#ec008b;font-size:12.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.birthday-hero h1{margin:0 0 14px;color:#2a2622;font-family:Lora,Georgia,serif;font-size:42px;font-weight:600;line-height:1.14}
.birthday-highlight{color:#ec008b}
.birthday-lead{max-width:40ch;margin:0 0 22px;color:var(--muted);font-size:18px;line-height:1.55}
.birthday-form{position:relative;max-width:460px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(42,38,34,.1)}
.birthday-form input{box-sizing:border-box;width:100%;margin:0 0 11px;padding:13px 15px;border:1px solid #d9cfb8;border-radius:11px;color:#1a1814;font:400 15px/1.4 inherit}
.birthday-form input:focus{border-color:var(--forest);outline:0;box-shadow:0 0 0 3px rgba(46,91,51,.1)}
.birthday-row{display:flex;gap:10px}
.birthday-form .birthday-hp{position:absolute!important;left:-9999px;width:1px;height:1px}
.birthday-button{display:inline-flex;width:100%;padding:14px 28px;border:0;border-radius:99px;align-items:center;justify-content:center;gap:9px;background:#ec008b;box-shadow:0 8px 22px rgba(236,0,139,.3);color:#fff;font:800 16px/1 inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}
.birthday-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(236,0,139,.4)}
.birthday-form small{display:block;margin-top:11px;color:var(--muted);font-size:12.5px;text-align:center}
.birthday-image{position:relative}
.birthday-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:22px;box-shadow:0 22px 55px rgba(42,38,34,.2);object-fit:cover;transform:rotate(1.4deg)}
.birthday-steps{padding:14px 0 40px}
.birthday-steps-heading{max-width:36ch;margin:0 auto 26px;text-align:center}
.birthday-steps-heading h2{margin:0 0 6px;font-family:Lora,Georgia,serif;font-size:30px;font-weight:600}
.birthday-steps-heading p{margin:0;color:var(--muted);font-size:16px}
.birthday-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.birthday-step-grid article{padding:22px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 10px rgba(42,38,34,.05)}
.birthday-step-grid article>span{display:inline-grid;width:34px;height:34px;margin-bottom:11px;border-radius:50%;place-items:center;background:var(--forest);color:#fff;font-weight:800}
.birthday-step-grid h3{margin:0 0 5px;font-family:Lora,Georgia,serif;font-size:18px;font-weight:600}
.birthday-step-grid p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.birthday-more{padding-top:8px;padding-bottom:40px;text-align:center}
.birthday-more a{color:var(--forest);font-weight:700;text-decoration:none}
@media(max-width:860px){.birthday-grid{grid-template-columns:1fr;gap:24px}.birthday-hero h1{font-size:33px}.birthday-step-grid{grid-template-columns:1fr}}
@media(max-width:520px){.birthday-row{display:block}}

/* Retrouvez le chien: dezelfde spelwerking en tijdsbalk als NieuweHond.nl. */
.memory-game-intro{text-align:center;margin-right:auto;margin-left:auto}
.memory-game-intro p{max-width:58ch;margin-right:auto;margin-left:auto}
.memory-game-intro p+p{margin-top:5px}
.memory-peek{display:none;position:static;margin:0 0 14px;padding:0;color:var(--forest);font-size:13px;font-weight:700}
.memory-peek.on{display:block}
.memory-peek-label{display:flex;margin-bottom:6px;align-items:center;justify-content:space-between}
.memory-peek-track{height:10px;overflow:hidden;border-radius:999px;background:#e7ecdf}
.memory-peek-track [data-memory-progress]{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),#4c8a44,var(--forest))}
.memory-card.bad img{outline:3px solid var(--terra);outline-offset:-3px}
.memory-win{position:fixed;z-index:90;inset:0;display:none;padding:20px;place-items:center;background:rgba(20,30,18,.55)}
.memory-win.show{display:grid}
.memory-win-card{position:relative;width:min(100%,390px);padding:29px 30px;border-radius:22px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}
.memory-win-close{position:absolute;top:10px;right:12px;display:grid;width:32px;height:32px;padding:0;border:0;border-radius:50%;place-items:center;background:#f2efe9;color:var(--muted);font:400 22px/1 inherit;cursor:pointer}
.memory-win-card h2{margin:0 0 8px;color:var(--forest);font-size:25px}
.memory-win-card>strong{display:block;margin:8px 0 3px;color:var(--forest);font:800 46px/1 Georgia,"Times New Roman",serif}
.memory-win-card>p{margin:0 0 16px;color:var(--muted);font-size:14px}
.memory-next{width:100%;margin:0 0 13px;padding:14px;border:0;border-radius:999px;background:var(--forest);box-shadow:0 8px 20px rgba(46,91,51,.28);color:#fff;font-weight:800;cursor:pointer}
.memory-next[hidden]{display:none}
.memory-again{border:0;background:none;color:var(--muted);font-weight:700;text-decoration:underline;cursor:pointer}
@media(max-width:620px){.memory-board{grid-template-columns:repeat(3,1fr)!important}.memory-game-intro{text-align:left}.memory-win-card{padding:28px 22px}}