.anh-section,.anh-section *{box-sizing:border-box}
.anh-section{--anh-blue:#08bfe9;position:relative;isolation:isolate;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:radial-gradient(ellipse at 72% 2%,#151a1e 0%,#090b0d 48%,#050607 100%);color:#fff;padding:clamp(40px,5vw,74px) 0 50px;font-family:Arial,Helvetica,sans-serif}
.anh-section:before{content:'29';position:absolute;top:-2%;right:6%;font:400 clamp(220px,35vw,650px)/1 'Anton',Impact,'Arial Narrow',sans-serif;color:rgba(255,255,255,.018);z-index:-1;pointer-events:none}
.anh-head{margin:0 auto;max-width:1700px;padding:0 clamp(22px,7.2vw,140px);display:flex;justify-content:space-between;align-items:end;gap:18px}
.anh-kicker{font-size:11px!important;letter-spacing:3px;font-weight:800;color:var(--anh-blue)!important;margin:0 0 11px!important}
.anh-head h2{font:400 clamp(45px,6vw,100px)/1.02 'Anton',Impact,'Arial Narrow',sans-serif!important;letter-spacing:0!important;text-transform:uppercase;color:#fff!important;margin:0!important;padding:0!important}
.anh-head h2 span{color:var(--anh-blue)}
.anh-rule{width:68px;height:4px;background:var(--anh-blue);border-radius:4px;margin-top:19px}
.anh-archive{font:800 12px/1.3 Arial,sans-serif;text-decoration:none!important;color:white!important;white-space:nowrap;display:flex;align-items:center;gap:13px;margin-bottom:9px}
.anh-archive span{display:grid;place-items:center;background:var(--anh-blue);width:43px;height:43px;border-radius:50%;font-size:24px;color:#031015}
.anh-slider{display:flex;gap:clamp(12px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100vw - min(620px,76vw))/2);padding:34px max(20px,calc((100vw - min(620px,76vw))/2)) 24px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;align-items:stretch}
.anh-slider::-webkit-scrollbar{display:none}
.anh-card{scroll-snap-align:center;flex:0 0 min(620px,76vw);display:flex;flex-direction:column;overflow:hidden;min-width:0;border-radius:20px;border:1px solid #343d44;background:#101518;box-shadow:0 15px 45px rgba(0,0,0,.37);transition:opacity .25s,transform .25s,border-color .25s;opacity:.6;transform:scale(.96)}
.anh-card.anh-active{opacity:1;transform:scale(1);border-color:#566a77}
.anh-image-link{display:block;position:relative;overflow:hidden;flex-shrink:0;aspect-ratio:16/8.8}
.anh-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;max-width:none!important;border-radius:0!important;transition:transform .4s}
.anh-card:hover .anh-image{transform:scale(1.035)}
.anh-fallback{display:grid!important;place-items:center;background:linear-gradient(145deg,#2b3339,#101417);color:#05bde9;font:400 40px 'Anton',Impact,sans-serif}
.anh-content{padding:clamp(20px,2.2vw,28px);flex:1;display:flex;flex-direction:column;min-width:0}
.anh-meta{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap}
.anh-category{display:inline-flex;padding:8px 12px;border-radius:40px;background:var(--anh-blue);color:#04141a;font:900 10px Arial,sans-serif}
.anh-meta time{color:#aebac2;font:700 10px Arial,sans-serif;letter-spacing:.04em}
.anh-card h3{font:400 clamp(24px,2.55vw,39px)/1.15 'Anton',Impact,'Arial Narrow',sans-serif!important;text-transform:uppercase;color:white!important;margin:16px 0 8px!important;letter-spacing:0!important}
.anh-card h3 a{color:inherit!important;text-decoration:none!important}
.anh-excerpt{color:#b5c0c9!important;font:400 15px/1.5 Arial,sans-serif!important;margin:4px 0 23px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.anh-read{align-self:flex-start;margin-top:auto;text-decoration:none!important;display:inline-flex;align-items:center;gap:25px;background:var(--anh-blue);color:#021015!important;border-radius:45px;padding:13px 19px;font:bold 13px Arial,sans-serif}
.anh-read span{font-size:18px}
.anh-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:2px}
.anh-controls button{appearance:none;background:#11171b;border:1px solid #4b565f;color:white;font-size:23px;width:46px;height:46px;border-radius:50%;cursor:pointer;display:grid;place-items:center;padding:0}
.anh-controls button:hover{border-color:var(--anh-blue);color:var(--anh-blue)}
.anh-dots{display:flex;align-items:center;gap:8px;min-height:20px}
.anh-dot{appearance:none;border:0;background:#56626b;border-radius:99px;width:8px;height:8px;padding:0;cursor:pointer;transition:width .2s}
.anh-dot[aria-current=true]{background:var(--anh-blue);width:23px}
.anh-empty{padding:30px clamp(22px,7vw,140px)}
@media(max-width:767px){.anh-section{padding:44px 0 39px}.anh-head{padding:0 7vw;align-items:center}.anh-kicker{font-size:9px!important;letter-spacing:1.8px}.anh-head h2{font-size:clamp(39px,9vw,64px)!important}.anh-archive{font-size:0}.anh-archive span{font-size:20px;width:40px;height:40px}.anh-rule{margin-top:15px}.anh-slider{gap:13px;padding:25px 9vw 22px;scroll-padding-inline:9vw}.anh-card{flex-basis:82vw;border-radius:16px}.anh-image-link{aspect-ratio:16/10}.anh-content{padding:19px 20px 23px}.anh-card h3{font-size:clamp(24px,5.5vw,32px)!important}.anh-excerpt{font-size:13px!important;-webkit-line-clamp:2}.anh-meta time{font-size:9px}.anh-category{font-size:9px}.anh-card{opacity:1;transform:none}.anh-controls button{width:43px;height:43px}}
@media(prefers-reduced-motion:reduce){.anh-card,.anh-image,.anh-dot{transition:none}}

/* Standalone news archive */
.anh-archive-page{min-height:65vh}
.anh-archive-grid{max-width:1700px;margin:38px auto 0;padding:0 clamp(22px,7.2vw,140px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.anh-archive-grid .anh-card{flex:auto;opacity:1;transform:none;min-width:0}
.anh-archive-grid .anh-card:hover{border-color:#5e7180}
.anh-archive-grid .anh-card h3{font-size:clamp(24px,2.1vw,34px)!important}
.anh-archive-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;align-items:center;padding:34px 16px 10px;color:#fff}
.anh-archive-pagination a{color:#08bfe9!important;text-decoration:none!important;font-weight:800}
@media(max-width:1000px){.anh-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.anh-archive-grid{grid-template-columns:1fr;gap:16px;margin-top:26px}.anh-archive-grid .anh-card h3{font-size:27px!important}}

/* 1.0.2 — premium bediening, doorlopende carrousel */
.anh-section:not(.anh-archive-page) .anh-kicker{display:none!important}
.anh-section .anh-head{align-items:center}
.anh-section .anh-slider{scroll-snap-type:x mandatory}
.anh-section .anh-controls{gap:15px;margin-top:10px}
.anh-section .anh-controls button{width:42px;height:42px;border:1px solid rgba(199,215,223,.32);background:#11171b;box-shadow:none;transition:background .18s,border-color .18s;line-height:1}
.anh-section .anh-controls button svg{width:19px;height:19px;display:block;pointer-events:none}
.anh-section .anh-controls button:hover{background:#19252b;border-color:#08bfe9}
.anh-section .anh-dots{min-width:76px;display:flex;justify-content:center}
.anh-section .anh-counter{color:#a9bbc5;font:800 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.14em;font-variant-numeric:tabular-nums}
.anh-section .anh-read{gap:15px;padding:12px 17px;background:#09bfe7;box-shadow:none}
.anh-section .anh-cta-arrow{display:inline-flex;align-items:center;justify-content:center;font:700 18px/1 Arial,Helvetica,sans-serif;transform:none}
.anh-section .anh-archive-icon{display:grid;place-items:center;font:600 23px/1 Arial,Helvetica,sans-serif}
@media(max-width:767px){
.anh-section .anh-controls{gap:14px;margin-top:8px}
.anh-section .anh-controls button{width:40px;height:40px}
.anh-section .anh-controls button svg{width:18px;height:18px}
.anh-section .anh-read{padding:12px 17px;gap:12px}
.anh-section .anh-read .anh-cta-arrow{font-size:17px}
.anh-section .anh-head h2{line-height:1.02!important}
}

/* v1.0.3 — matchday-alignment and visible mobile archive link */
/* Dezelfde horizontale marge als Matchday (7.2vw) op desktop. */
.anh-section:not(.anh-archive-page) .anh-head{
  width:100%;max-width:none;margin:0;
  padding-left:clamp(24px,7.2vw,140px);
  padding-right:clamp(24px,7.2vw,140px);
  align-items:flex-start;
}
.anh-section:not(.anh-archive-page) .anh-archive{
  margin:0;align-self:flex-start;min-height:43px;
  display:inline-flex;align-items:center;justify-content:flex-end;
}
/* Nieuwe carrousel: alleen de inhoudsbreedte, niet de gehele viewport. */
.anh-section:not(.anh-archive-page) .anh-slider{
  --anh-gutter:clamp(24px,7.2vw,140px);
  --anh-card-width:min(540px,42vw);
  width:calc(100% - 2 * var(--anh-gutter));
  max-width:none;
  margin-left:auto;margin-right:auto;
  gap:clamp(13px,1.5vw,22px);
  padding:34px max(0px,calc((100% - var(--anh-card-width))/2)) 24px;
  scroll-padding-inline:max(0px,calc((100% - var(--anh-card-width))/2));
}
.anh-section:not(.anh-archive-page) .anh-slider .anh-card{
  flex:0 0 var(--anh-card-width);
}
@media (max-width:767px){
  .anh-section:not(.anh-archive-page) .anh-head{
    padding-left:7.2vw;padding-right:7.2vw;
    display:flex;flex-direction:column;gap:17px;align-items:stretch;
  }
  .anh-section:not(.anh-archive-page) .anh-headline{width:100%}
  .anh-section:not(.anh-archive-page) .anh-head h2{font-size:clamp(38px,9vw,59px)!important}
  .anh-section:not(.anh-archive-page) .anh-archive{
    font:800 12px/1.3 Arial,sans-serif!important;
    letter-spacing:.025em;align-self:flex-end;min-height:36px;
    white-space:nowrap;gap:10px;
  }
  .anh-section:not(.anh-archive-page) .anh-archive span{width:35px;height:35px;font-size:18px}
  .anh-section:not(.anh-archive-page) .anh-slider{
    --anh-gutter:7.2vw;
    --anh-card-width:76vw;
    gap:12px;padding-top:21px;padding-bottom:20px;
  }
}

/* v1.0.4 — Mobile archieflink direct onder de titel, compact links uitgelijnd */
@media (max-width:767px){
  .anh-section:not(.anh-archive-page) .anh-head{gap:8px!important;}
  .anh-section:not(.anh-archive-page) .anh-archive{
    align-self:flex-start!important;justify-content:flex-start!important;
    margin:3px 0 0 0!important;padding:0!important;
    min-height:30px!important;gap:9px!important;
    font:800 11px/1.2 Arial,Helvetica,sans-serif!important;
    letter-spacing:.07em!important;color:#e8edf0!important;
  }
  .anh-section:not(.anh-archive-page) .anh-archive .anh-archive-icon{
    width:26px!important;height:26px!important;
    font:600 17px/1 Arial,Helvetica,sans-serif!important;
    background:transparent!important;color:#08bfe9!important;
    border:1px solid rgba(8,191,233,.5)!important;box-shadow:none!important;
  }
  .anh-section:not(.anh-archive-page) .anh-slider{padding-top:16px!important;}
}

/* v1.0.6 — Titels aansluiten op WordPress typografie Achilles'29. */
.anh-section .anh-head h2{font-family:'Anton',Impact,'Arial Narrow',sans-serif!important;font-size:60px!important;font-weight:500!important;font-synthesis:none!important;line-height:1.08!important;letter-spacing:0!important;}
.anh-section .anh-card h3{font-family:'Anton',Impact,'Arial Narrow',sans-serif!important;font-size:30px!important;font-weight:400!important;font-synthesis:none!important;line-height:1.24!important;letter-spacing:.008em!important;}
.anh-section.anh-archive-page .anh-card h3{font-size:28px!important;}
@media(max-width:767px){
 .anh-section .anh-head h2{font-size:clamp(35px,8.5vw,48px)!important;line-height:1.12!important;}
 .anh-section .anh-card h3,.anh-section.anh-archive-page .anh-card h3{font-size:clamp(23px,5.15vw,29px)!important;line-height:1.26!important;}
}

/* v1.0.7 — Anton 20px, wit voor alle actieknoppen en pijlen. */
.anh-section .anh-read,
.anh-section .anh-archive,
.anh-section .anh-archive-pagination a {
  font-family:'Anton',Impact,'Arial Narrow',sans-serif!important;
  font-size:20px!important;
  font-weight:400!important;
  font-synthesis:none!important;
  line-height:1.2!important;
  letter-spacing:.015em!important;
  color:#fff!important;
}
.anh-section .anh-read:hover,
.anh-section .anh-archive:hover,
.anh-section .anh-archive-pagination a:hover {color:#fff!important;}
.anh-section .anh-read .anh-cta-arrow,
.anh-section .anh-archive .anh-archive-icon {
  color:#fff!important;
  font-family:'Anton',Impact,'Arial Narrow',sans-serif!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
}
.anh-section .anh-controls button,
.anh-section .anh-controls button:hover,
.anh-section .anh-controls button svg {
  color:#fff!important;
  stroke:#fff!important;
}
@media(max-width:767px){
  .anh-section:not(.anh-archive-page) .anh-archive {
    font-family:'Anton',Impact,'Arial Narrow',sans-serif!important;
    font-size:20px!important;
    font-weight:400!important;
    letter-spacing:.015em!important;
    color:#fff!important;
  }
  .anh-section:not(.anh-archive-page) .anh-archive .anh-archive-icon {
    color:#fff!important;
    font:400 20px/1 'Anton',Impact,sans-serif!important;
  }
}


/* v1.0.8 — consistente compacte pijlen voor iPhone en desktop. */
.anh-section .anh-read, .anh-section .anh-archive{align-items:center!important;}
.anh-section .anh-read .anh-cta-arrow,
.anh-section .anh-archive .anh-archive-icon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto;line-height:0!important;transform:none!important;vertical-align:middle!important;
}
.anh-section .anh-read .anh-cta-arrow{width:17px!important;height:17px!important;margin:0!important;}
.anh-section .anh-read .anh-cta-arrow svg{display:block!important;width:17px!important;height:17px!important;stroke:#fff!important;stroke-width:1.9!important;}
.anh-section .anh-archive .anh-archive-icon svg{display:block!important;width:16px!important;height:16px!important;stroke:#fff!important;stroke-width:1.9!important;}
.anh-section:not(.anh-archive-page) .anh-archive .anh-archive-icon{
  width:36px!important;height:36px!important;line-height:0!important;border-radius:50%;
}
.anh-section .anh-controls button{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;}
.anh-section .anh-controls button svg{display:block!important;width:16px!important;height:16px!important;flex:none;stroke:#fff!important;stroke-width:1.8!important;transform:none!important;}
@media(max-width:767px){
  .anh-section .anh-read{gap:12px!important;}
  .anh-section:not(.anh-archive-page) .anh-archive{gap:9px!important;}
  .anh-section:not(.anh-archive-page) .anh-archive .anh-archive-icon{width:27px!important;height:27px!important;}
  .anh-section:not(.anh-archive-page) .anh-archive .anh-archive-icon svg{width:14px!important;height:14px!important;}
  .anh-section .anh-controls button{width:36px!important;height:36px!important;}
  .anh-section .anh-controls button svg{width:15px!important;height:15px!important;}
}