:root{--navy:#071b33;--navy2:#0c294a;--red:#e72835;--orange:#ff7a00;--ink:#122235;--muted:#6e7c8e;--line:#e4e9ef;--paper:#fff;--bg:#f3f6f9;--green:#159457;--blue:#2375e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,27,51,.97);box-shadow:0 7px 30px rgba(4,19,36,.18)}.topbar{max-width:1180px;margin:auto;min-height:78px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{display:flex;align-items:center;text-decoration:none;line-height:.82;letter-spacing:-.05em}.brand-flits{font-weight:900;font-size:22px;color:white;transform:skew(-7deg);letter-spacing:-.045em}.brand-number{font-weight:1000;font-style:italic;font-size:49px;color:var(--red);margin-left:8px;text-shadow:2px 2px 0 rgba(255,255,255,.12)}.mainnav{display:flex;align-items:center;gap:8px}.mainnav a,.mainnav span{padding:12px 14px;border-radius:9px;color:#dbe7f3;text-decoration:none;font-size:14px;font-weight:800}.mainnav a.active{background:var(--red);color:#fff}.mainnav .disabled{opacity:.45;cursor:default}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.25);background:transparent;color:white;border-radius:9px;padding:9px 12px;font-weight:800}.hero{background:radial-gradient(circle at 77% 22%,rgba(231,40,53,.28),transparent 28%),linear-gradient(120deg,var(--navy),#102e51 72%,#091b30);color:#fff;overflow:hidden}.hero-inner{max-width:1180px;margin:auto;padding:64px 24px 72px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{display:inline-block;font-size:12px;font-weight:1000;letter-spacing:.18em;color:#ff9b42;margin-bottom:16px}.eyebrow.dark{color:var(--red);margin:0 0 7px}.hero h1{font-size:clamp(48px,7vw,86px);line-height:.92;margin:0;letter-spacing:-.065em;font-weight:950}.hero h1 span{color:#fff}.hero h1 span:after{content:"";display:block;width:155px;height:8px;border-radius:8px;margin-top:17px;background:linear-gradient(90deg,var(--red),var(--orange))}.hero p{max-width:650px;color:#c6d4e2;font-size:18px;line-height:1.6;margin:28px 0 0}.week-chip{display:inline-flex;margin-top:24px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px}.number-one-card{width:min(100%,350px);justify-self:end;background:#fff;color:var(--ink);border-radius:24px;padding:13px;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.3);transform:rotate(1.5deg)}.number-one-card img,.cover-placeholder{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;background:#e9edf2}.cover-placeholder{display:grid;place-items:center;font-size:80px;font-weight:1000;color:#a4afbb}.number-one-label{position:absolute;top:25px;left:0;background:var(--red);color:white;font-size:12px;font-weight:1000;letter-spacing:.12em;padding:10px 16px 10px 22px;border-radius:0 8px 8px 0;z-index:2}.number-one-content{padding:17px 10px 11px}.number-one-content strong{display:block;font-size:21px;line-height:1.15}.number-one-content span{display:block;margin-top:5px;color:var(--muted);font-weight:700}.chart-section{max-width:1180px;margin:0 auto;padding:54px 24px 70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.section-heading h2{font-size:36px;letter-spacing:-.04em;margin:0}.week-number{font-size:42px;font-weight:950;color:#d9dee4;letter-spacing:-.06em}.chart-list{background:white;border-radius:20px;overflow:hidden;box-shadow:0 13px 42px rgba(26,49,73,.08);border:1px solid #e7ebef}.chart-head{display:grid;grid-template-columns:110px 1fr 70px 70px 90px;gap:18px;padding:14px 20px;background:#eaf0f5;color:#6f7d8e;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.chart-row{display:grid;grid-template-columns:110px 1fr 70px 70px 90px;gap:18px;align-items:center;padding:13px 20px;border-top:1px solid var(--line);transition:.16s ease}.chart-row:hover{background:#fbfcfd;transform:translateX(3px)}.chart-row.first{background:linear-gradient(90deg,rgba(231,40,53,.055),transparent 60%)}.position-block{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;align-items:center}.position{font-size:36px;line-height:1;font-weight:950;letter-spacing:-.06em;color:var(--navy);grid-row:1/3}.movement{font-size:13px;font-weight:1000}.movement.up{color:var(--green)}.movement.down{color:var(--red)}.movement.new{color:var(--blue);font-size:10px}.movement.same{color:#9aa4ae}.position-block small{font-size:9px;color:#9aa4ae;font-weight:700}.track-block{display:flex;align-items:center;gap:15px;min-width:0}.cover{width:68px;height:68px;flex:0 0 68px;border-radius:10px;object-fit:cover;background:#edf1f4}.cover-empty{display:grid;place-items:center;font-weight:950;color:#aab3bd}.track-copy{min-width:0}.track-copy h3{font-size:17px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy p{font-size:14px;margin:4px 0 0;color:var(--muted);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flitsschijf-badge{display:inline-block;margin-top:7px;background:#fff3d7;color:#936000;border:1px solid #f1d79a;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.stat{text-align:center}.stat span{display:none}.stat strong{font-size:15px}.notice{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;line-height:1.5}.notice.error{border-color:#f2b9be;background:#fff7f7;color:#8a242c}.site-footer{background:#06172b;color:#9eb0c3}.footer-inner{max-width:1180px;margin:auto;padding:34px 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;font-size:13px;line-height:1.6}.footer-inner strong{color:#fff;font-size:16px}.copyright{white-space:nowrap;color:#cdd9e5;font-weight:750}@media(max-width:820px){.menu-toggle{display:block}.mainnav{position:absolute;left:16px;right:16px;top:70px;background:#0a2240;padding:12px;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.3);display:none;flex-direction:column;align-items:stretch}.mainnav.open{display:flex}.hero-inner{grid-template-columns:1fr;gap:38px;padding-top:46px}.number-one-card{justify-self:start;max-width:310px}.chart-head{display:none}.chart-row{grid-template-columns:76px 1fr;gap:12px;padding:13px}.position-block{grid-template-columns:43px 1fr}.position{font-size:31px}.track-block{min-width:0}.cover{width:62px;height:62px;flex-basis:62px}.stat{grid-column:2;display:inline-flex;text-align:left;gap:6px;margin-right:13px;font-size:11px}.chart-row .stat:nth-of-type(1),.chart-row .stat:nth-of-type(2),.chart-row .stat:nth-of-type(3){display:inline-flex}.stat span{display:inline;color:#9aa4ae;font-size:10px;font-weight:900}.stat strong{font-size:11px}.chart-row{grid-auto-flow:row}.footer-inner{align-items:flex-start;flex-direction:column}.copyright{white-space:normal}}@media(max-width:520px){.topbar{min-height:68px;padding:0 16px}.brand-flits{font-size:17px}.brand-number{font-size:38px}.hero-inner,.chart-section{padding-left:16px;padding-right:16px}.hero-inner{padding-bottom:48px}.hero h1{font-size:52px}.hero p{font-size:16px}.section-heading h2{font-size:28px}.week-number{font-size:30px}.chart-row{grid-template-columns:66px 1fr}.cover{width:54px;height:54px;flex-basis:54px}.track-copy h3{font-size:15px}.track-copy p{font-size:12px}.position{font-size:28px}}

/* V2 */
.brand{min-width:220px;height:72px;overflow:hidden}.site-logo{display:block;width:220px;height:auto;max-height:70px;object-fit:contain;object-position:left center}.chart-head,.chart-row{grid-template-columns:125px minmax(280px,1fr) 70px 70px 90px 86px}.position-block{grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:8px}.position-block small{font-size:12px;color:#526477;font-weight:850;white-space:nowrap;line-height:1.2}.movement{font-size:16px}.flitsschijf-cell{display:flex;align-items:center;justify-content:center;min-height:54px}.flitsschijf-cell img{display:block;width:54px;height:54px;object-fit:cover;border-radius:9px;box-shadow:0 2px 8px rgba(7,27,51,.14)}.flits-head{text-align:center}
@media(max-width:820px){.brand{min-width:180px;height:62px}.site-logo{width:180px;max-height:60px}.chart-row{grid-template-columns:82px 1fr 58px}.position-block{grid-template-columns:43px 1fr;column-gap:5px}.position-block small{font-size:11px;color:#526477}.flitsschijf-cell{grid-column:3;grid-row:1/3}.flitsschijf-cell img{width:48px;height:48px}.stat{grid-column:2}.chart-row .stat:nth-of-type(1),.chart-row .stat:nth-of-type(2),.chart-row .stat:nth-of-type(3){display:inline-flex}}
@media(max-width:520px){.brand{min-width:150px;height:56px}.site-logo{width:150px;max-height:54px}.chart-row{grid-template-columns:72px 1fr 46px}.position-block small{font-size:10px}.flitsschijf-cell img{width:42px;height:42px}}

/* V3 - chart conventions */
.brand{height:74px;min-width:210px}.site-logo{width:205px;max-height:72px;background:#fff;border-radius:12px;padding:3px;object-fit:contain}
.chart-date{margin:7px 0 0;color:#6e7c8e;font-size:14px;font-weight:750}.chart-head,.chart-row{grid-template-columns:110px minmax(280px,1fr) 82px 70px 80px 90px}.chart-row{border-top:3px solid #fff}.chart-row.row-up{background:#e8f6ea}.chart-row.row-new,.chart-row.row-re{background:#fff6cf}.chart-row.row-same{background:#e8f3fb}.chart-row.row-down{background:#f0f1f3}.chart-row:hover{filter:brightness(.985)}.chart-row.first{background-image:none}.position-block{grid-template-columns:54px 24px;grid-template-rows:1fr 1fr;column-gap:7px;justify-content:start}.position{grid-row:1/2;grid-column:1;font-size:34px;align-self:end}.position-block small{grid-row:2;grid-column:1;font-size:16px;color:#667587;font-weight:900;line-height:1;align-self:start;text-align:center}.movement{grid-row:1/3;grid-column:2;font-size:22px;align-self:center;text-align:center}.movement.up{color:#16854d}.movement.down{color:#d82735}.movement.same{color:#2781ba}.movement.new,.movement.re{color:#b07a00;font-size:11px}.flitsschijf-cell{justify-content:flex-end;padding-right:6px}.flitsschijf-cell img{width:52px;height:52px}.stat strong{font-size:16px}
@media(max-width:820px){.site-logo{width:170px;max-height:60px}.chart-row{grid-template-columns:78px minmax(0,1fr) 48px}.position-block{grid-template-columns:42px 22px}.position{font-size:30px}.position-block small{font-size:13px}.movement{font-size:19px}.flitsschijf-cell{grid-column:3;grid-row:1/2;padding:0}.chart-row .stat{grid-column:2}.chart-date{font-size:13px}}
@media(max-width:520px){.site-logo{width:145px}.chart-row{grid-template-columns:68px minmax(0,1fr) 42px}.position-block{grid-template-columns:38px 18px}.position{font-size:27px}.position-block small{font-size:12px}.movement{font-size:17px}.flitsschijf-cell img{width:38px;height:38px}}

/* V5 - groter logo, positie-uitlijning, editie/jaargang en nummer-1-sterren */
.topbar{min-height:108px}.brand{height:102px;min-width:330px}.site-logo{width:320px;max-height:98px;padding:2px;border-radius:14px}
.hero-inner{grid-template-columns:1.2fr .8fr}.hero-logo{display:block;width:min(100%,500px);max-height:390px;object-fit:contain;object-position:left center;background:#fff;border-radius:24px;padding:8px;box-shadow:0 20px 55px rgba(0,0,0,.2)}
.hero-copy p{margin-top:22px}.week-chip{line-height:1.4}
.chart-row.row-up{background:#d7eedb}.chart-row.row-new,.chart-row.row-re{background:#f7e9a9}.chart-row.row-same{background:#d4e8f5}.chart-row.row-down{background:#e2e4e7}
.position-block{grid-template-columns:62px 30px;grid-template-rows:42px 30px;column-gap:6px;justify-content:center;align-items:center;text-align:center}
.position{grid-column:1;grid-row:1;font-size:36px;line-height:1;align-self:center;justify-self:center;width:100%;text-align:center}
.position-block small{grid-column:1;grid-row:2;font-size:20px;line-height:1;font-weight:950;color:#43566b;align-self:center;justify-self:center;width:100%;text-align:center}
.movement{grid-column:2;grid-row:1/3;justify-self:center;align-self:center;font-size:24px}
.movement.new,.movement.re{font-size:12px}
.hp-stat{min-height:72px;display:flex;align-items:center;justify-content:center}
.nr1-star{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:1;line-height:1;color:#172334;font-weight:1000}
.nr1-star::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.nr1-star.current{width:78px;height:72px;font-size:16px}.nr1-star.current::before{width:76px;height:76px;background:#d4af37;animation:f50GoldStarPulse 1.4s ease-in-out infinite;filter:drop-shadow(0 0 7px rgba(255,210,0,.72))}
.nr1-star.former{width:62px;height:58px;font-size:14px}.nr1-star.former::before{width:60px;height:60px;background:#f2d94e;filter:drop-shadow(0 0 2px rgba(170,135,0,.28))}
@keyframes f50GoldStarPulse{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 3px rgba(255,210,0,.35))}50%{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 0 12px rgba(255,210,0,.85))}}
@media(max-width:820px){.topbar{min-height:84px}.brand{height:78px;min-width:230px}.site-logo{width:225px;max-height:76px}.hero-logo{width:min(100%,390px);max-height:320px}.position-block{grid-template-columns:48px 24px;grid-template-rows:36px 26px}.position{font-size:31px}.position-block small{font-size:17px}.movement{font-size:20px}.nr1-star.current{width:68px;height:64px}.nr1-star.current::before{width:66px;height:66px}.nr1-star.former{width:56px;height:52px}.nr1-star.former::before{width:54px;height:54px}}
@media(max-width:520px){.brand{height:70px;min-width:190px}.site-logo{width:185px;max-height:68px}.hero-logo{max-width:330px}.position-block{grid-template-columns:42px 20px;grid-template-rows:33px 24px}.position{font-size:28px}.position-block small{font-size:15px}.movement{font-size:18px}}


/* ===== V5 =====
   Witte kop, donkerblauwe menubalk, groter/symmetrisch logo,
   dikkere bewegingspijlen.
*/
.site-header {
    background: #fff !important;
    color: #081b43 !important;
}
.header-inner {
    background: #fff !important;
}
.brand,
.brand-stage,
.hero-brand {
    background: #fff !important;
}
.brand img,
.brand-stage img,
.hero-brand img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain;
}
.brand img {
    width: min(520px, 92vw) !important;
    max-height: 235px !important;
}
.brand-stage img,
.hero-brand img {
    width: min(600px, 94%) !important;
}
.main-nav,
.site-nav,
.nav-wrap {
    background: #071d49 !important;
}

/* De pijlen moeten op klein formaat nog duidelijk en stevig zijn. */
.move-arrow,
.trend-arrow,
.position-arrow,
.movement {
    font-weight: 1000 !important;
    -webkit-text-stroke: 1.1px currentColor;
    line-height: 1 !important;
}
.move-up::before,
.trend-up::before {
    content: "▲" !important;
}
.move-down::before,
.trend-down::before {
    content: "▼" !important;
}

.movement.up,
.movement.down {
    font-size: 25px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900 !important;
    transform: scaleX(1.18);
    transform-origin: center;
}