.beng-tr-card{box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:20px 0 28px;padding:30px 34px;border-radius:18px;border:1px solid #ef8f49;background:radial-gradient(ellipse at top right,#214c74 0,transparent 65%),#082b54;color:#fff!important;text-decoration:none;box-shadow:0 14px 36px #082b5420;max-width:100%}.beng-tr-kicker{font:800 11px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:#ffa66e}.beng-tr-card h2{font:800 clamp(25px,3vw,38px)/1.12 system-ui,sans-serif;letter-spacing:-.03em;margin:10px 0 14px;color:white}.beng-tr-card p{color:#dce9f4}.beng-tr-access{display:block;margin-top:18px;font-size:13px;font-weight:750;color:#ffae78}a.beng-tr-card:hover{border-color:#fff;box-shadow:0 15px 40px #082b5438}a.beng-tr-card:focus-visible{outline:3px solid #f36f21;outline-offset:4px}.beng-tr-bars{display:flex;width:100%;height:24px;overflow:hidden;border-radius:6px;background:#ffffff20}.beng-tr-bar.gelijk{background:#43d5a0}.beng-tr-bar.lopend{background:#ffb45d}.beng-tr-bar.mis{background:#fa7389}.beng-tr-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.beng-tr-legend strong{display:block;font:800 38px/1 system-ui,sans-serif}.beng-tr-legend span{display:block;font-size:12px;margin-top:7px}.beng-tr-legend .gelijk strong{color:#43d5a0}.beng-tr-legend .lopend strong{color:#ffb45d}.beng-tr-legend .mis strong{color:#fa7389}.beng-tr-date{font-size:12px;margin:20px 0 5px}.beng-tr-results small{font-size:11px;color:#becddd}.beng-tr-page{margin:0;background:#f3f6fa;color:#10283f;font:17px/1.7 system-ui,sans-serif}.beng-tr-page main{max-width:1000px;padding:32px 24px 80px;margin:auto}.beng-tr-page h1{font-size:clamp(30px,5vw,54px);line-height:1.1;letter-spacing:-.035em}.beng-tr-page h2{margin-top:40px;line-height:1.2}.beng-tr-back{color:#082b54}.beng-tr-detail-chart{background:#082b54;padding:30px;border-radius:16px;color:#fff}.beng-tr-cases{display:grid;grid-template-columns:1fr 1fr;gap:18px}.beng-tr-cases article{padding:22px;background:white;border:1px solid #dde4ec;border-radius:12px}.beng-tr-cases h3{margin:4px 0}.beng-tr-status{font-size:12px;font-weight:800;text-transform:uppercase;color:#97501c}.beng-tr-button{display:inline-block;background:#f36f21;color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none;font-weight:750;margin:8px 8px 0 0}.beng-tr-button.secondary{background:#082b54}@media(max-width:640px){.beng-tr-card{grid-template-columns:1fr;gap:22px;padding:24px 20px}.beng-tr-cases{grid-template-columns:1fr}.beng-tr-legend strong{font-size:32px}}

.beng-tr-card{width:min(1180px,calc(100% - 48px));margin:20px auto 28px}

.beng-plan-short{display:none}.beng-plan-details>summary{display:none}
@media(max-width:640px){
[data-beng-market-strips],[data-beng-market-strips] .beng-mover-scroll{touch-action:pan-y;overscroll-behavior-y:auto}
[data-beng-market-strips] iframe{pointer-events:none!important}
[data-beng-market-strips] .beng-mover-scroll{overflow:hidden!important}
.membership-plan .plan-select-top,.membership-plan>.plan-summary{display:none!important}
.membership-plan{padding:22px!important;min-height:0!important}
.membership-plan>h2{margin:10px 0!important}
.membership-plan>h3{margin:16px 0 10px!important}
.beng-plan-short{display:block;margin:8px 0 16px;padding-left:18px;font-size:14px;line-height:1.5}
.beng-plan-short li{margin:7px 0}
.membership-plan .plan-select-bottom{display:block!important;position:static!important;width:100%;margin:0!important;min-height:44px}
.beng-plan-details{margin-top:14px}.beng-plan-details>summary{display:list-item;cursor:pointer;font-size:13px;font-weight:750;color:#082b54;padding:10px 0}
.beng-plan-details:not([open])>:not(summary){display:none!important}
}

@media(min-width:641px){.beng-plan-details{display:contents}}

[data-trackrecord-locked]{cursor:pointer}
[data-trackrecord-locked]:focus-visible{outline:3px solid #f36f21;outline-offset:4px}
.beng-tr-gate{box-sizing:border-box;width:min(460px,calc(100% - 40px));padding:28px;border:0;border-top:5px solid #f36f21;border-radius:14px;color:#082b54;background:#fff;box-shadow:0 24px 80px #0005;font:16px/1.6 system-ui,sans-serif}
.beng-tr-gate::backdrop{background:#041b36b3}.beng-tr-gate h2{margin:0 0 14px;font-size:25px;line-height:1.2}.beng-tr-gate p{margin:0 0 24px}.beng-tr-gate form{margin:0;text-align:right}.beng-tr-gate button{border:0;border-radius:6px;background:#f36f21;color:#fff;font:750 15px system-ui,sans-serif;padding:12px 24px;cursor:pointer;min-height:44px}.beng-tr-gate button:focus-visible{outline:3px solid #082b54;outline-offset:3px}

/* Smartphone: keep the complete logo beside the fixed account menu. */
@media(max-width:640px){
.account-topbar .account-logo{position:fixed!important;top:10px!important;left:12px!important;right:auto!important;transform:none!important;display:flex!important;align-items:center;justify-content:flex-start;width:calc(100vw - 196px)!important;max-width:180px!important;height:44px!important;margin:0!important;z-index:2147483000!important;background:#fff;border-radius:4px;overflow:visible!important}
.account-topbar .account-logo .brand-logo{display:block!important;width:100%!important;max-width:100%!important;height:44px!important;overflow:visible!important}
.account-topbar .account-logo img{display:block!important;width:100%!important;max-width:100%!important;height:44px!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
}

.beng-tr-legend span{text-transform:uppercase}
