/* OPERATOR ELITE AI ACADEMY — naslagwerken. Alleen oe-nb-* namen voor isolatie. */
:root{--oe-nb-bg:#070e14;--oe-nb-panel:#111d27;--oe-nb-panel2:#172634;--oe-nb-gold:#d9ac66;--oe-nb-gold2:#f0cb8c;--oe-nb-text:#f4f4f0;--oe-nb-muted:#b6c1cb;--oe-nb-line:#30404c}
.oe-nb-body{background:var(--oe-nb-bg);color:var(--oe-nb-text);margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.6}
.oe-nb-body *{box-sizing:border-box}
.oe-nb-body a{color:inherit}
.oe-nb-body a:focus-visible,.oe-nb-promo a:focus-visible{outline:3px solid var(--oe-nb-gold2);outline-offset:4px}
.oe-nb-shell{max-width:1190px;margin:0 auto;padding:0 24px}
.oe-nb-header{border-bottom:1px solid var(--oe-nb-line);background:#09121a}
.oe-nb-top{display:flex;gap:16px;align-items:center;justify-content:space-between;min-height:83px;flex-wrap:wrap;padding:12px 0}
.oe-nb-brand{text-decoration:none;font-weight:850;letter-spacing:.11em;font-size:17px}
.oe-nb-brand strong{color:var(--oe-nb-gold2)}
.oe-nb-brand small{display:block;letter-spacing:.17em;font-size:10px;color:var(--oe-nb-muted);font-weight:700}
.oe-nb-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px}
.oe-nb-nav a{text-decoration:none;color:#e1e6eb}.oe-nb-nav a:hover{color:var(--oe-nb-gold2)}
.oe-nb-intro{padding:78px 0 45px;background:radial-gradient(ellipse at 70% 15%,#243343 0%,#0a141d 43%,#070e14 90%);border-bottom:1px solid #192b37}
.oe-nb-kicker{font-weight:800;color:var(--oe-nb-gold2);letter-spacing:.22em;text-transform:uppercase;font-size:12px;margin-bottom:18px}
.oe-nb-intro h1{font-size:clamp(34px,5vw,65px);letter-spacing:-.045em;line-height:1.12;max-width:770px;margin:0 0 18px}
.oe-nb-intro h1 span{color:var(--oe-nb-gold2)}
.oe-nb-lead{font-size:clamp(17px,2.3vw,20px);color:#c6d0d7;max-width:800px;margin:0 0 25px}
.oe-nb-meta{display:flex;gap:12px;flex-wrap:wrap}
.oe-nb-pill{border:1px solid #485465;border-radius:30px;background:#12222e;padding:7px 14px;font-size:12px;color:#dce4e9}
.oe-nb-section{padding:54px 0 76px}
.oe-nb-sectionhead{margin-bottom:25px}
.oe-nb-sectionhead h2{margin:0 0 6px;font-size:clamp(25px,3vw,33px);line-height:1.18}
.oe-nb-sectionhead p{margin:0;color:var(--oe-nb-muted);max-width:830px}
.oe-nb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.oe-nb-card{background:linear-gradient(150deg,#142332,#0d1822);border:1px solid #2d3c46;border-radius:17px;overflow:hidden;display:grid;grid-template-columns:162px minmax(0,1fr);min-height:265px;box-shadow:0 18px 36px #02060935}
.oe-nb-cover{background:#080f17;display:flex;align-items:center;justify-content:center;padding:15px;border-right:1px solid var(--oe-nb-line)}
.oe-nb-cover img{display:block;width:100%;max-height:252px;object-fit:contain;box-shadow:0 10px 20px #0008;border:1px solid #3e4850}
.oe-nb-card-body{display:flex;flex-direction:column;padding:21px 22px}
.oe-nb-num{letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--oe-nb-gold2);text-transform:uppercase}
.oe-nb-card h3{font-size:19px;line-height:1.28;margin:12px 0 10px;letter-spacing:-.018em}
.oe-nb-card p{font-size:14px;color:#bdc8d0;margin:0 0 18px}
.oe-nb-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.oe-nb-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;min-height:42px;border-radius:7px;font-size:13px;font-weight:800;line-height:1.25;text-decoration:none!important;transition:transform .2s,filter .2s}
.oe-nb-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.oe-nb-primary{background:linear-gradient(135deg,#e6c17f,#c79950);color:#111314!important;border:1px solid #e6c17f}
.oe-nb-secondary{border:1px solid #75818c;background:#11212b;color:#f0f3f4!important}
.oe-nb-note{background:#0d1a24;border-left:3px solid var(--oe-nb-gold);padding:16px 20px;border-radius:4px;margin-top:30px;color:#ced7dc;font-size:14px}
.oe-nb-next{padding:36px;margin:0 0 75px;background:linear-gradient(130deg,#1b2c37,#111a25);border:1px solid #4b4b3b;border-radius:16px;display:flex;gap:28px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.oe-nb-next h2{font-size:25px;line-height:1.2;margin:0 0 8px}.oe-nb-next p{margin:0;color:#c6d1d8;max-width:620px}
.oe-nb-footer{border-top:1px solid var(--oe-nb-line);color:#9faeb9;font-size:12px;padding:26px 0}
/* Korte toevoeging in bestaande opleidings- en academypagina's */
.oe-nb-promo{clear:both;max-width:1140px;margin:36px auto;padding:25px 27px;border:1px solid #746043;border-radius:14px;background:linear-gradient(115deg,#162633,#0a141c);color:#eff2f2;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.oe-nb-promo h2{color:#e8c386;font-size:clamp(20px,2.5vw,27px);margin:5px 0}
.oe-nb-promo p{color:#c4d1d8;font-size:14px;max-width:660px;margin:0}
.oe-nb-promo a{white-space:normal;background:#d8ad69;color:#101318!important;border:1px solid #eac88c;text-decoration:none!important;border-radius:7px;padding:12px 18px;font-weight:800;display:inline-block}
.oe-nb-promo a:hover{background:#f0cc93}
@media(max-width:850px){.oe-nb-grid{grid-template-columns:1fr}.oe-nb-intro{padding:48px 0 32px}}
@media(max-width:520px){.oe-nb-shell{padding:0 16px}.oe-nb-card{grid-template-columns:115px minmax(0,1fr)}.oe-nb-cover{padding:8px}.oe-nb-card-body{padding:15px 13px}.oe-nb-card h3{font-size:16px}.oe-nb-card p{font-size:12px}.oe-nb-btn{font-size:12px;padding:10px}.oe-nb-next{padding:22px}.oe-nb-promo{margin:25px 12px;padding:21px}}

/* Inkijk-v2: CTA's voor gratis preview en afgeschermde Academy */
.oe-nb-lock{display:inline-block;color:#f1c98b;border:1px solid #8b734e;background:#252b2b;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700;margin-top:auto;margin-bottom:16px}
.oe-nb-secondary:hover,.oe-nb-primary:hover{filter:brightness(1.12)}
.oe-nb-card .oe-nb-actions{margin-top:0}
.oe-nb-card h3{min-height:48px}
.oe-nb-intro .oe-nb-lead strong{color:#eac789}
.oe-nb-note strong{color:#f0cb8c}
@media(max-width:520px){.oe-nb-card h3{min-height:0}.oe-nb-actions .oe-nb-btn{width:100%}}