@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@500;600;700;800&display=swap";
body:where(:has(.public-site)){--navy-900:#070c16;--navy-800:#0b1220;--navy-700:#13234a;--blue-700:#2740b0;--blue-600:#3b5bdb;--blue-500:#5b7af0;--blue-50:#0e1330;--accent-rgb:59, 91, 219;--page-bg:#0b1220;--surface:#0f172a;--surface-2:#15203a;--surface-3:#1c2a4c;--border:#94aad721;--border-strong:#94aad742;--text:#e7ecf5;--text-strong:#fff;--text-body:#b4bfd4;--muted:#8b97af;--accent:var(--blue-600);--accent-hover:#5b7af0;--accent-soft:rgba(var(--accent-rgb), .13);--on-accent:#fff;--ink-bg:#0b1220;--ink-bg-2:#101f3c;--ink-text:#c3cde2;--ink-soft:#8291b0;--sev-low:#2bbf6a;--sev-mid:#e0922f;--sev-high:#ef4d4d;--shadow-xs:0 1px 2px #00000073;--shadow-sm:0 2px 10px -3px #0000008c;--shadow-md:0 16px 34px -18px #000000b3;--shadow-lg:0 34px 64px -28px #000c;--r-xs:5px;--r-sm:8px;--r:10px;--r-lg:14px;--r-xl:18px;--nav-h:74px;--container:1160px;--container-narrow:880px;--serif:"Poppins", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}:where(.public-site),:where(.public-site) *,:where(.public-site) :before,:where(.public-site) :after{box-sizing:border-box;margin:0;padding:0}html:where(:has(.public-site)){scroll-behavior:smooth;-webkit-text-size-adjust:100%}body:where(:has(.public-site)){font-family:var(--sans);background:var(--page-bg);color:var(--text-body);padding-top:var(--nav-h);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65;transition:background-color .35s,color .35s}:where(.public-site) a{color:inherit;text-decoration:none}:where(.public-site) img{max-width:100%;display:block}:where(.public-site) button{font-family:inherit}:where(.public-site) h1,:where(.public-site) h2,:where(.public-site) h3,:where(.public-site) h4{color:var(--text-strong);line-height:1.15}:where(.public-site) ::selection{background:rgba(var(--accent-rgb), .18);color:var(--text-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.container{max-width:var(--container);margin:0 auto;padding-inline:clamp(1.1rem,4vw,2.5rem)}.section-head{text-align:center;max-width:640px;margin:0 auto clamp(2.4rem,5vw,3.4rem)}.section-head.left{text-align:left;margin-inline:0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:22px;height:2px}.section-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--text-strong);margin:.9rem 0 .7rem;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:600}.section-sub{color:var(--muted);font-size:1.02rem}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.92rem 1.6rem;font-size:.97rem;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn svg{fill:currentColor;flex-shrink:0;width:19px;height:19px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 10px 26px -10px rgba(var(--accent-rgb), .45);transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--text-strong);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-light{color:var(--navy-900);background:#fff}.btn-light:hover{background:#eaf1ff;transform:translateY(-2px)}.btn-outline{color:#fff;background:#ffffff0a;border-color:#ffffff6b}.btn-outline:hover{background:#ffffff1f;border-color:#fff;transform:translateY(-2px)}.btn-discord{color:#fff;background:#5865f2}.btn-discord:hover{box-shadow:var(--shadow-md);background:#4752c4;transform:translateY(-2px)}.btn-lg{padding:1.05rem 2rem;font-size:1.02rem}.navbar{height:var(--nav-h);z-index:1000;-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--border);background:#0a0e1ae6;justify-content:space-between;align-items:center;gap:1rem;padding-inline:clamp(1.1rem,4vw,2.5rem);transition:background .3s,box-shadow .3s,border-color .3s;display:flex;position:fixed;inset:0 0 auto}.navbar.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm);background:#0a0e1af2}.brand{color:var(--text-strong);align-items:center;gap:.7rem;display:flex}.brand-logo{flex-shrink:0;width:auto;height:42px;transition:transform .3s}.brand:hover .brand-logo{transform:scale(1.04)rotate(-2deg)}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-top{font-family:var(--serif);letter-spacing:-.01em;color:var(--text-strong);font-size:1.28rem;font-weight:600}.brand-sub{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-top:4px;font-size:.66rem;font-weight:700}.nav-center{position:absolute;left:50%;transform:translate(-50%)}.nav-pill{border:1px solid var(--border);background:#ffffff08;border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex}.nav-pill a{color:var(--muted);border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .15s,background .15s}.nav-pill a:hover{color:var(--text-strong)}.nav-pill a.active{color:var(--on-accent);background:var(--accent);box-shadow:0 8px 18px -10px rgba(var(--accent-rgb), .55)}.nav-actions{align-items:center;gap:.6rem;margin-left:auto;display:flex}.nav-cta{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm);border-radius:999px;padding:.6rem 1.35rem;font-size:.93rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s}.nav-cta:hover{background:var(--accent-hover);box-shadow:0 8px 22px -10px rgba(var(--accent-rgb), .45);transform:translateY(-1px)}.nav-collapse{display:contents}.nav-toggle{color:var(--text-strong);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1;display:none}.hero{margin-top:calc(-1 * var(--nav-h));color:#fff;background:linear-gradient(150deg,#101538 0%,#1a2350 55%,#101538 100%);align-items:center;min-height:min(100vh,920px);display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(180deg, #070c188c 0%, #070c1866 40%, #070c18d9 100%), radial-gradient(120% 80% at 15% 20%, rgba(var(--accent-rgb), .22) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.hero .container{z-index:3;width:100%;padding-top:calc(var(--nav-h) + 2rem);padding-bottom:4rem;position:relative}.hero-content{max-width:740px;animation:.8s both rise}.hero .eyebrow{color:var(--accent);background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:.4rem .95rem}.hero .eyebrow:before{background:var(--blue-500)}.hero h1{font-family:var(--serif);letter-spacing:-.02em;color:#fff;margin:1.4rem 0 1.3rem;font-size:clamp(2.8rem,7vw,5.2rem);font-weight:600;line-height:1.02}.hero .subtitle{color:#d4e0f1;max-width:580px;margin-bottom:2.4rem;font-size:clamp(1.05rem,2.2vw,1.28rem)}.hero-buttons{flex-wrap:wrap;gap:.9rem;display:flex}.hero-cue{z-index:3;color:#fff9;animation:2.4s ease-in-out infinite bob;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.hero-cue svg{width:26px;height:26px}.section{padding-block:clamp(4.5rem,9vw,7rem)}.section-tight{padding-block:clamp(3rem,6vw,4.5rem)}.section.alt{background:var(--surface);border-block:1px solid var(--border)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.2rem 2rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--blue-500));transform-origin:0;height:3px;transition:transform .3s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-5px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{border-radius:var(--r);background:rgba(var(--accent-rgb), .22);width:54px;height:54px;color:var(--accent);place-items:center;margin-bottom:1.3rem;display:grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.feature-card h3{margin-bottom:.5rem;font-size:1.22rem}.feature-card p{color:var(--muted);font-size:.97rem}.cta{background:linear-gradient(140deg, var(--navy-900) 0%, var(--navy-700) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(80% 120% at 50% -20%, rgba(var(--accent-rgb), .28), transparent 60%);position:absolute;inset:0}.cta .container{position:relative}.cta h2{font-family:var(--serif);color:#fff;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:600}.cta p{color:var(--ink-text);max-width:560px;margin:.9rem auto 2.2rem}.cta .hero-buttons{justify-content:center}.page-header{margin-top:calc(-1 * var(--nav-h));padding-top:calc(var(--nav-h) + clamp(3rem, 7vw, 5rem));color:#fff;background:linear-gradient(140deg, var(--navy-900) 0%, var(--navy-700) 100%);padding-bottom:clamp(2.6rem,6vw,4rem);position:relative;overflow:hidden}.page-header:before{content:"";background:radial-gradient(70% 120% at 85% 0%, rgba(var(--accent-rgb), .24), transparent 55%), radial-gradient(60% 90% at 0% 100%, #1e4fd642, transparent 55%);pointer-events:none;position:absolute;inset:0}.page-header .container{z-index:1;position:relative}.page-header .eyebrow{color:var(--accent)}.page-header .eyebrow:before{background:var(--blue-500)}.page-header h1{font-family:var(--serif);letter-spacing:-.015em;color:#fff;margin:.8rem 0 .5rem;font-size:clamp(2.2rem,5vw,3.3rem);font-weight:600}.page-header p{color:var(--ink-text);max-width:620px}.breadcrumb{color:var(--ink-soft);align-items:center;gap:.45rem;margin-bottom:.4rem;font-size:.86rem;display:flex}.breadcrumb a{color:var(--ink-soft);transition:color .2s}.breadcrumb a:hover{color:#fff}.breadcrumb span{opacity:.6}.search-bar-wrap{margin-bottom:1.4rem}.search-bar{align-items:center;display:flex;position:relative}.search-bar>svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;left:1.1rem}.search-input{width:100%;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-xs);padding:.95rem 1.1rem .95rem 2.95rem;font-family:inherit;font-size:.98rem;transition:border-color .2s,box-shadow .2s,background .3s}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .14);outline:none}.no-results{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r);margin-top:1.4rem;padding:1.4rem}.apv-layout{max-width:var(--container);grid-template-columns:270px minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);margin:clamp(2rem,5vw,3.4rem) auto;padding-inline:clamp(1.1rem,4vw,2.5rem);display:grid}.apv-aside{top:calc(var(--nav-h) + 1.2rem);position:sticky}.apv-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);max-height:calc(100vh - var(--nav-h) - 3rem);padding:1.3rem 1.1rem;overflow-y:auto}.apv-toc h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;padding:0 .6rem;font-size:.74rem;font-weight:700}.apv-toc a{color:var(--text-body);border-radius:var(--r-xs);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;padding:.5rem .65rem;font-size:.9rem;transition:background .15s,color .15s,border-color .15s;display:block;overflow:hidden}.apv-toc a:hover{background:var(--surface-3);color:var(--text-strong)}.apv-toc a.active{color:var(--accent);background:var(--accent-soft);border-left-color:var(--accent);font-weight:600}.apv-toc::-webkit-scrollbar{width:8px}.apv-toc::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}.apv-main{min-width:0}.apv-chapter{scroll-margin-top:calc(var(--nav-h) + 1rem);margin-bottom:2.6rem}.apv-chapter-title{font-family:var(--serif);color:var(--text-strong);border-bottom:2px solid var(--border);align-items:baseline;gap:.6rem;margin-bottom:1.2rem;padding-bottom:.7rem;font-size:1.45rem;font-weight:600;display:flex}.apv-chapter-title .ch-num{color:var(--accent);background:var(--accent-soft);font-size:.85rem;font-weight:700;font-family:var(--sans);border-radius:999px;padding:.2rem .6rem}.artikel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);scroll-margin-top:calc(var(--nav-h) + 1rem);margin-bottom:1rem;padding:1.6rem 1.7rem;transition:box-shadow .2s,border-color .2s,transform .2s}.artikel:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.artikel h1{text-align:left;font-family:var(--sans);color:var(--text-strong);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.3rem;font-size:1.1rem;font-weight:700;display:flex}.artikel h1 span{display:inline-block}.artikel p,.artikel ul{color:var(--text-body);margin-top:.8rem;font-size:.97rem}.artikel ul{padding-left:1.2rem;list-style:outside}.artikel ul li{margin-bottom:.35rem}.artikel ul ul{margin-top:.35rem}.artikel h1 .straf-badge{color:var(--accent);background:var(--accent-soft);border:1px solid var(--border-strong);cursor:help;border-radius:999px;padding:.26rem .7rem;font-size:.76rem;font-style:normal;font-weight:600;transition:border-color .2s;position:relative}.artikel h1 .straf-badge:after{content:attr(data-straf);white-space:normal;text-align:center;color:#fff;background:var(--navy-900);border-radius:var(--r-xs);width:max-content;max-width:250px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:20;padding:.55rem .8rem;font-size:.8rem;font-weight:500;line-height:1.4;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(5px)}.artikel h1 .straf-badge:before{content:"";border:6px solid #0000;border-top-color:var(--navy-900);opacity:0;pointer-events:none;z-index:20;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(5px)}.artikel h1 .straf-badge:hover:after,.artikel h1 .straf-badge:focus-visible:after,.artikel h1 .straf-badge:hover:before,.artikel h1 .straf-badge:focus-visible:before{opacity:1;transform:translate(-50%)translateY(0)}.straf-badge.sev-low{color:#58e08e;background:#2bbf6a24;border-color:#2bbf6a57}.straf-badge.sev-low:hover,.straf-badge.sev-low:focus-visible{border-color:var(--sev-low)}.straf-badge.sev-mid{color:#f3b259;background:#e0922f26;border-color:#e0922f57}.straf-badge.sev-mid:hover,.straf-badge.sev-mid:focus-visible{border-color:var(--sev-mid)}.straf-badge.sev-high{color:#ff8585;background:#ef4d4d24;border-color:#ef4d4d52}.straf-badge.sev-high:hover,.straf-badge.sev-high:focus-visible{border-color:var(--sev-high)}.page-wrap{max-width:var(--container-narrow);margin:clamp(2rem,5vw,3.4rem) auto;padding-inline:clamp(1.1rem,4vw,2.5rem)}.straffen-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.4rem;display:flex}.straffen-toolbar .search-bar-wrap{flex:260px;margin-bottom:0}.filter-chips{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-body);cursor:pointer;border-radius:999px;padding:.55rem .95rem;font-size:.85rem;font-weight:600;transition:all .18s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip.chip-low.active{background:var(--sev-low);border-color:var(--sev-low)}.chip.chip-mid.active{background:var(--sev-mid);border-color:var(--sev-mid)}.chip.chip-high.active{background:var(--sev-high);border-color:var(--sev-high)}.straffen-table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-xs);overflow:hidden}.straffen-table thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);padding:.95rem 1.3rem;font-size:.74rem;font-weight:700}.straffen-table tbody td{border-bottom:1px solid var(--border);color:var(--text-body);vertical-align:middle;padding:1rem 1.3rem;font-size:.96rem}.straffen-table tbody tr:last-child td{border-bottom:none}.straffen-table tbody tr{transition:background .15s}.straffen-table tbody tr:hover{background:var(--surface-2)}.cat-cell{white-space:nowrap;width:1%}.cat-pill{color:var(--text-strong);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.cat-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}tr[data-sev=low] .cat-dot{background:var(--sev-low)}tr[data-sev=mid] .cat-dot{background:var(--sev-mid)}tr[data-sev=high] .cat-dot{background:var(--sev-high)}.sev-tag{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:.25rem .6rem;font-size:.72rem;font-weight:700}tr[data-sev=low] .sev-tag{color:#58e08e;background:#2bbf6a26}tr[data-sev=mid] .sev-tag{color:#f3b259;background:#e0922f29}tr[data-sev=high] .sev-tag{color:#ff8585;background:#ef4d4d26}.notice{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r);color:var(--text-body);gap:1rem;margin-top:1.6rem;padding:1.4rem 1.6rem;font-size:.95rem;display:flex}.notice svg{width:22px;height:22px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px;flex-shrink:0}.notice strong{color:var(--text-strong)}.vac-page{max-width:var(--container);margin:0 auto;padding:clamp(2rem,5vw,3rem) clamp(1.1rem,4vw,2.5rem) 5rem}.vac-section-title{font-family:var(--serif);text-align:center;color:var(--text-strong);margin:clamp(2.6rem,5vw,3.6rem) auto .5rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600}.vac-section-sub{text-align:center;max-width:620px;color:var(--muted);margin:0 auto 2rem}.vac-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.4rem;display:grid}.vac-job{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;padding:1.7rem 1.6rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative}.vac-job:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.vac-job-head{align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.vac-job-icon{color:#5b7af0;background:linear-gradient(135deg,#3b5bdb38 0%,#3b5bdb1a 100%);border:1px solid #3b5bdb61;border-radius:14px;flex:none;place-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 4px 18px #3b5bdb2e}.vac-job:hover .vac-job-icon{transform:scale(1.08)}.vac-job-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.vac-job-icon--politie{color:#6b9bff;background:linear-gradient(135deg,#3b5bdb3d 0%,#3b5bdb1a 100%);border-color:#3b5bdb61;box-shadow:0 4px 18px #3b5bdb33}.vac-job-icon--ambulance{color:#ff8585;background:linear-gradient(135deg,#ef4d4d3d 0%,#ef4d4d1a 100%);border-color:#ef4d4d61;box-shadow:0 4px 18px #ef4d4d33}.vac-job-icon--advocaat{color:#b48bff;background:linear-gradient(135deg,#8b5cf63d 0%,#8b5cf61a 100%);border-color:#8b5cf661;box-shadow:0 4px 18px #8b5cf633}.vac-job-icon--defensie{color:#4ade80;background:linear-gradient(135deg,#4ade803d 0%,#4ade801a 100%);border-color:#4ade8061;box-shadow:0 4px 18px #4ade8033}.vac-job-icon--wegenwacht{color:#fb923c;background:linear-gradient(135deg,#f973163d 0%,#f973161a 100%);border-color:#f9731661;box-shadow:0 4px 18px #f9731633}.vac-job-head h3{color:var(--text-strong);margin:0;font-size:1.18rem}.vac-priority{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.28rem .62rem;font-size:.68rem;font-weight:700;position:absolute;top:1.3rem;right:1.3rem}.vac-priority.high{color:#ff8585;background:#ef4d4d26}.vac-priority.normal{color:#58e08e;background:#2bbf6a26}.vac-priority.soon{color:#f3b259;background:#e0922f29}.vac-job>p{color:var(--text-body);margin:0 0 1rem;font-size:.94rem}.vac-job ul{flex-direction:column;gap:.5rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.vac-job li{color:var(--text-body);padding-left:1.6rem;font-size:.9rem;position:relative}.vac-job li:before{content:"";background:var(--accent);width:13px;height:13px;position:absolute;top:.34rem;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") 50%/contain no-repeat}.vac-job-btn{color:var(--accent);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;align-self:flex-start;align-items:center;gap:.4rem;margin-top:auto;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.vac-job-btn:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.vac-job-locked{opacity:.72}.vac-job-btn-disabled{color:var(--muted);cursor:not-allowed}.vac-job-btn-disabled:hover{background:var(--surface-3);color:var(--muted);border-color:var(--border)}.vac-steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.1rem;display:grid}.vac-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem 1.3rem;position:relative}.vac-step-num{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);font-weight:700;font-family:var(--serif);border-radius:10px;place-items:center;margin-bottom:.8rem;display:inline-grid}.vac-step h4{color:var(--text-strong);margin:0 0 .3rem;font-size:1.02rem}.vac-step p{color:var(--muted);margin:0;font-size:.9rem}.vac-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);max-width:560px;box-shadow:var(--shadow-md);margin:0 auto;padding:2.2rem 2rem 1.9rem}.vac-card-cta{text-align:center}.vac-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:inline-block}.vac-card h2{font-size:1.5rem;font-family:var(--serif);color:var(--text-strong);margin:0 0 .5rem;font-weight:600}.vac-sub{color:var(--muted);margin:0 0 1.4rem;font-size:.94rem}.vac-form{flex-direction:column;gap:1rem;display:flex}.vac-field{flex-direction:column;gap:.45rem;display:flex}.vac-field>span{color:var(--text-body);font-size:.84rem;font-weight:600}.vac-field select,.vac-field input,.vac-field textarea{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);outline:none;padding:.78rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.vac-field textarea{resize:vertical;min-height:90px;line-height:1.5}.vac-field select:focus,.vac-field input:focus,.vac-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .14)}.vac-back{max-width:560px;margin:0 auto 1.2rem}.vac-back a{color:var(--muted);font-size:.92rem;font-weight:600;transition:color .2s}.vac-back a:hover{color:var(--accent)}.vac-card-cta .vac-submit{width:auto;padding-inline:1.7rem;display:inline-flex}a.vac-job-btn{text-decoration:none}.vac-submit{width:100%;margin-top:.4rem}.vac-submit:disabled{opacity:.6;cursor:not-allowed}.vac-status{text-align:center;min-height:1.1em;margin:.3rem 0 0;font-size:.9rem}.vac-status.ok{color:var(--sev-low)}.vac-status.err{color:var(--sev-high)}.site-footer{background:var(--surface);color:var(--text-body);border-top:1px solid var(--border);box-shadow:inset 0 2px 0 0 var(--accent);padding:clamp(3rem,6vw,4.5rem) 0 1.8rem}.footer-inner{max-width:var(--container);padding-inline:clamp(1.1rem,4vw,2.5rem);border-bottom:1px solid #ffffff17;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;margin:0 auto;padding-bottom:2.4rem;display:grid}.footer-brand{font-family:var(--serif);color:#fff;align-items:center;gap:.65rem;margin-bottom:.9rem;font-size:1.25rem;font-weight:600;display:flex}.footer-brand span{color:var(--blue-500)}.footer-brand .footer-logo{width:auto;height:38px}.footer-about{color:#8ea4c0;max-width:320px;font-size:.92rem}.footer-social{gap:.55rem;margin-top:1.2rem;display:flex}.footer-social a{border-radius:var(--r-xs);color:#c7d6ea;background:#ffffff0f;place-items:center;width:38px;height:38px;transition:background .2s,color .2s,transform .2s;display:grid}.footer-social a:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.footer-social svg{fill:currentColor;width:18px;height:18px}.footer-col h4{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:.82rem}.footer-col nav{flex-direction:column;gap:.6rem;display:flex}.footer-col a{color:#9fb3cc;font-size:.93rem;transition:color .2s}.footer-col a:hover{color:#fff}.footer-copy{max-width:var(--container);color:#7e94b2;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.2rem;margin:1.4rem auto 0;padding-inline:clamp(1.1rem,4vw,2.5rem);font-size:.84rem;display:flex}.footer-copy .brand-mini{color:#cdd9ea;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(7px)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media (max-width:1000px){.apv-layout{grid-template-columns:1fr}.apv-aside{position:static}.apv-toc{max-height:none}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:900px){.nav-toggle{display:block}.nav-collapse{top:var(--nav-h);background:var(--surface);box-shadow:var(--shadow-lg);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:.6rem;padding:1.1rem 1.3rem 1.6rem;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;left:0;right:0;transform:translateY(-160%)}.nav-collapse.open{transform:translateY(0)}.nav-center{width:100%;margin-left:0;position:static;transform:none}.nav-pill{border-radius:14px;flex-direction:column;align-items:stretch;gap:.2rem;width:100%;padding:6px}.nav-pill a{padding:.85rem 1rem}.nav-pill a.active:after{display:none}.nav-pill a.active{background:var(--accent-soft)}.nav-actions{justify-content:space-between;margin-left:0}.nav-cta{text-align:center;flex:1;padding:.8rem 1rem}}@media (max-width:560px){.footer-inner{grid-template-columns:1fr;gap:1.8rem}.straffen-toolbar{flex-direction:column;align-items:stretch}.straffen-table thead{display:none}.straffen-table,.straffen-table tbody,.straffen-table tr,.straffen-table td{width:100%;display:block}.straffen-table tr{border-bottom:1px solid var(--border);padding:.6rem 0}.straffen-table tbody tr:last-child{border-bottom:none}.straffen-table td{border:none;padding:.35rem 1.2rem}.cat-cell{width:auto}}.section-title,.cta h2,.page-header h1,.apv-chapter-title,.vac-section-title,.vac-card h2,.brand-top{letter-spacing:-.01em;font-weight:700}.hero h1{letter-spacing:-.015em;font-weight:800;line-height:1}.hero h1 .accent{color:var(--blue-500)}.section-title{letter-spacing:-.01em}.navbar{border-bottom:1px solid var(--border)}.brand-logo{filter:drop-shadow(0 0 10px rgba(var(--accent-rgb), .25))}.feature-card{border-radius:var(--r)}.feature-icon{border-radius:var(--r-sm)}body:where(:has(.public-site)){--topbar-h:0px}@media (min-width:768px){body:where(:has(.public-site)){--topbar-h:38px}}.navbar{top:var(--topbar-h)}.topbar{height:var(--topbar-h);z-index:1001;color:#fff;background:linear-gradient(90deg, var(--blue-700) 0%, var(--blue-600) 55%, var(--blue-500) 100%);border-bottom:1px solid #ffffff1f;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2.6rem);padding-inline:1rem;font-size:.74rem;font-weight:600;display:none;position:fixed;top:0;left:0;right:0;overflow:hidden}@media (min-width:768px){.topbar{display:flex}}.topbar .tb-item{white-space:nowrap;color:#fffffff0;align-items:center;gap:.45rem;display:inline-flex}.topbar .tb-item svg{color:#ffffffd9;fill:#ffffffd9;flex:none;width:13px;height:13px}.hero-status{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e7ecf5;background:#ffffff0f;border-radius:999px;align-items:center;gap:.55rem;width:max-content;margin:.2rem 0 1.4rem;padding:.5rem .95rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-status .st-dot{flex:none;width:9px;height:9px;position:relative}.hero-status .st-dot:before,.hero-status .st-dot:after{content:"";background:#34d399;border-radius:50%;position:absolute;inset:0}.hero-status .st-dot:after{animation:1.7s cubic-bezier(0,0,.2,1) infinite st-ping}@keyframes st-ping{75%,to{opacity:0;transform:scale(2.6)}}.hero-status svg{width:15px;height:15px;color:var(--blue-500);flex:none}.hero-status .st-sep{background:#ffffff2e;width:1px;height:13px}.home-packages .section-head{margin-bottom:clamp(1.6rem,4vw,2.4rem)}.pkg-grid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:1.25rem;display:grid}.pkg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:inherit;opacity:0;flex-direction:column;text-decoration:none;transition:opacity .5s,transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden;transform:translateY(12px)}.pkg-card.in{opacity:1;transform:none}.pkg-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.pkg-media{aspect-ratio:4/3;background:linear-gradient(150deg,#1a2350 0%,#2740b0 100%);position:relative;overflow:hidden}.pkg-media img{object-fit:cover;width:100%;height:100%;display:block}.pkg-fallback{font-family:var(--serif);letter-spacing:.14em;color:#ffffffd9;place-items:center;font-size:1.6rem;font-weight:800;display:grid;position:absolute;inset:0}.pkg-badge{border-radius:var(--r-xs);color:#fff;letter-spacing:.02em;background:#dc2626;padding:.24rem .55rem;font-size:.72rem;font-weight:800;position:absolute;top:.7rem;left:.7rem;box-shadow:0 6px 14px -6px #dc2626b3}.pkg-body{flex:1;padding:1rem 1rem .5rem}.pkg-body h3{margin:0 0 .35rem;font-size:1rem;line-height:1.3}.pkg-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.83rem;line-height:1.5;display:-webkit-box;overflow:hidden}.pkg-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.6rem;margin-top:auto;padding:.75rem 1rem 1rem;display:flex}.pkg-price{align-items:baseline;gap:.45rem;display:flex}.pkg-price .now{font-family:var(--serif);color:var(--blue-500);font-size:1.15rem;font-weight:700}.pkg-price .was{color:#5c6884;font-size:.8rem;text-decoration:line-through}.pkg-view{border-radius:var(--r-xs);color:var(--muted);white-space:nowrap;background:#ffffff0a;align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.78rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.pkg-card:hover .pkg-view{background:var(--accent-soft);color:#e7ecf5}.pkg-empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--r-lg);grid-column:1/-1;padding:2.2rem}.pkg-empty a{color:var(--accent)}.nav-dropdown{display:flex;position:relative}.nav-drop-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.nav-drop-toggle:hover,.nav-dropdown.open .nav-drop-toggle{color:var(--text-strong)}.nav-drop-toggle .caret{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;transition:transform .2s}.nav-dropdown.open .nav-drop-toggle .caret{transform:rotate(180deg)}.nav-drop-menu{border:1px solid var(--border-strong);border-radius:var(--r-lg);min-width:210px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;z-index:1200;background:#0d1322f7;flex-direction:column;gap:2px;padding:8px;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(8px)}.nav-dropdown:hover .nav-drop-menu,.nav-dropdown.open .nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-drop-menu a{border-radius:var(--r-sm);color:var(--text-body);white-space:nowrap;align-items:center;gap:.7rem;padding:.6rem .75rem;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-drop-menu a:hover{background:var(--surface-3);color:var(--text-strong)}.nav-drop-menu a.active{color:var(--accent);background:var(--accent-soft)}.nav-drop-menu a svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;color:var(--accent);flex:none}.status-band{border-bottom:1px solid var(--border);background:var(--surface);padding-block:clamp(2rem,4vw,2.8rem)}.status-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;display:grid}.stat-tile{background:var(--page-bg);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:1rem;padding:1.25rem 1.4rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.stat-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.stat-tile-icon{border-radius:var(--r);background:rgba(var(--accent-rgb), .16);width:48px;height:48px;color:var(--accent);flex:none;place-items:center;display:grid}.stat-tile-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.stat-tile-body{min-width:0}.stat-tile-value{font-family:var(--serif);color:var(--text-strong);align-items:center;gap:.5rem;font-size:1.6rem;font-weight:700;line-height:1;display:flex}.stat-tile-label{color:var(--muted);margin-top:.25rem;font-size:.82rem}.stat-tile.is-status .stat-tile-icon{color:#34d399;background:#34d39929}.stat-tile.is-status.offline .stat-tile-icon{color:var(--sev-high);background:#ef4d4d29}.live-dot{width:9px;height:9px;display:inline-block;position:relative}.live-dot:before,.live-dot:after{content:"";background:#34d399;border-radius:50%;position:absolute;inset:0}.live-dot:after{animation:1.7s cubic-bezier(0,0,.2,1) infinite st-ping}.offline .live-dot:before,.offline .live-dot:after{background:var(--sev-high)}.offline .live-dot:after{animation:none}.home-split{grid-template-columns:1.5fr 1fr;align-items:start;gap:clamp(1.4rem,3vw,2.4rem);display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;display:flex}.panel-head h3{font-family:var(--serif);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex}.panel-head h3 svg{width:20px;height:20px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.panel-link{color:var(--accent);white-space:nowrap;font-size:.85rem;font-weight:700;transition:color .15s}.panel-link:hover{color:var(--accent-hover)}.panel-body{padding:.6rem .7rem}.news-item{border-radius:var(--r);gap:1rem;padding:.9rem .85rem;transition:background .15s;display:flex}.news-item:hover{background:var(--surface-2)}.news-item+.news-item{border-top:1px solid var(--border)}.news-thumb{border-radius:var(--r-sm);background:linear-gradient(150deg,#1a2350 0%,#2740b0 100%);flex:none;place-items:center;width:84px;height:60px;display:grid;overflow:hidden}.news-thumb img{object-fit:cover;width:100%;height:100%}.news-thumb span{font-family:var(--serif);color:#fffc;letter-spacing:.1em;font-size:.9rem;font-weight:800}.news-meta{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:.2rem;font-size:.74rem;display:flex}.news-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.news-item h4{color:var(--text-strong);margin:0 0 .2rem;font-size:.98rem}.news-item p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.timeline{padding:.4rem .5rem .4rem 0;position:relative}.cl-entry{padding:.6rem .85rem .9rem 1.6rem;position:relative}.cl-entry:before{content:"";background:var(--border-strong);width:2px;position:absolute;top:1.1rem;bottom:-.4rem;left:.45rem}.cl-entry:last-child:before{display:none}.cl-entry:after{content:"";background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 4px var(--surface);border-radius:50%;position:absolute;top:.85rem;left:.05rem}.cl-head{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.3rem;display:flex}.cl-version{font-family:var(--serif);color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.15rem .55rem;font-size:.82rem;font-weight:700}.cl-date{color:var(--muted);font-size:.76rem}.cl-entry h4{color:var(--text-strong);margin:0 0 .25rem;font-size:.98rem}.cl-entry p{color:var(--muted);margin:0;font-size:.86rem}.changelog-page{max-width:var(--container-narrow);margin:clamp(2rem,5vw,3.4rem) auto;padding-inline:clamp(1.1rem,4vw,2.5rem)}.cl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:150px 1fr;gap:1.5rem;margin-bottom:1.4rem;padding:1.6rem 1.7rem;transition:border-color .2s,box-shadow .2s;display:grid}.cl-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.cl-card-media{border-radius:var(--r);aspect-ratio:16/10;background:linear-gradient(150deg,#101538,#2740b0);align-self:start;place-items:center;display:grid;overflow:hidden}.cl-card-media img{object-fit:cover;width:100%;height:100%}.cl-card-media span{font-family:var(--serif);color:#ffffffbf;font-size:1.6rem;font-weight:800}.cl-card-badges{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.6rem;display:flex}.cl-card h3{font-family:var(--serif);margin:0 0 .5rem;font-size:1.3rem;font-weight:700}.cl-card p{color:var(--text-body);margin:0 0 .6rem;font-size:.95rem}.cl-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.cl-list li{color:var(--text-body);padding-left:1.5rem;font-size:.9rem;position:relative}.cl-list li:before{content:"";border-radius:2px;width:8px;height:8px;position:absolute;top:.45rem;left:0}.cl-list li.add:before{background:var(--sev-low)}.cl-list li.fix:before{background:var(--sev-mid)}.cl-list li.change:before{background:var(--accent)}.cl-type-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.22rem .6rem;font-size:.68rem;font-weight:700}.cl-type-tag.update{background:var(--accent-soft);color:var(--accent)}.cl-type-tag.hotfix{color:#f3b259;background:#e0922f29}.cl-type-tag.major{color:#34d399;background:#34d39929}.event-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.4rem;display:grid}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;overflow:hidden}.event-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.event-media{aspect-ratio:16/8;background:linear-gradient(150deg,#101538 0%,#1e2f7a 100%);place-items:center;display:grid;position:relative;overflow:hidden}.event-media img{object-fit:cover;width:100%;height:100%}.event-media .event-emoji{filter:drop-shadow(0 4px 14px #00000080);font-size:2.6rem}.event-status{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex;position:absolute;top:.85rem;right:.85rem}.event-status.live{color:#fff;background:#ef4d4de6}.event-status.soon{color:#fff;background:#3b5bdbe6}.event-status.done{color:#cdd9ea;background:#8b97af59}.event-status .live-dot{width:8px;height:8px}.event-status.live .live-dot:before,.event-status.live .live-dot:after{background:#fff}.event-body{flex-direction:column;flex:1;padding:1.2rem 1.3rem 1rem;display:flex}.event-body h3{font-family:var(--serif);margin:0 0 .4rem;font-size:1.2rem;font-weight:700}.event-desc{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.event-info{flex-direction:column;gap:.55rem;margin-bottom:1rem;display:flex}.event-info-row{color:var(--text-body);align-items:center;gap:.6rem;font-size:.88rem;display:flex}.event-info-row svg{width:16px;height:16px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.event-info-row .lbl{color:var(--muted)}.event-reward{color:var(--text-strong);font-weight:600}.event-countdown{background:var(--page-bg);border:1px solid var(--border);border-radius:var(--r);gap:.5rem;margin-top:auto;padding:.9rem;display:flex}.cd-unit{text-align:center;flex:1}.cd-num{font-family:var(--serif);color:var(--text-strong);font-size:1.35rem;font-weight:700;line-height:1}.cd-lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:.3rem;font-size:.66rem}.event-countdown.is-live{color:var(--sev-high);letter-spacing:.04em;justify-content:center;align-items:center;font-weight:700}.event-countdown.is-done{color:var(--muted);justify-content:center;align-items:center;font-weight:600}.lb-tabs{flex-wrap:wrap;gap:.45rem;margin-bottom:1.6rem;display:flex}.lb-tab{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-body);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.05rem;font-size:.88rem;font-weight:600;transition:all .18s;display:inline-flex}.lb-tab svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lb-tab:hover{border-color:var(--accent);color:var(--accent)}.lb-tab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.lb-panel{display:none}.lb-panel.active{animation:.4s both rise;display:block}.lb-table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;overflow:hidden}.lb-table thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border);padding:.85rem 1.3rem;font-size:.72rem;font-weight:700}.lb-table thead th.num,.lb-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.lb-table tbody td{border-bottom:1px solid var(--border);color:var(--text-body);vertical-align:middle;padding:.85rem 1.3rem;font-size:.95rem}.lb-table tbody tr:last-child td{border-bottom:none}.lb-table tbody tr{transition:background .15s}.lb-table tbody tr:hover{background:var(--surface-2)}.lb-rank{width:30px;height:30px;font-family:var(--serif);background:var(--surface-3);color:var(--text-body);border-radius:8px;place-items:center;font-size:.9rem;font-weight:700;display:inline-grid}.lb-rank.r1{color:#3a2c00;background:linear-gradient(140deg,#f7d774,#d4a017)}.lb-rank.r2{color:#2a3140;background:linear-gradient(140deg,#dfe6ef,#a9b4c4)}.lb-rank.r3{color:#331d0a;background:linear-gradient(140deg,#e0a074,#b06c3a)}.lb-player{align-items:center;gap:.75rem;display:flex}.lb-avatar{background:linear-gradient(140deg, var(--blue-600), var(--blue-700));color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:.82rem;font-weight:700;display:grid;overflow:hidden}.lb-avatar img{object-fit:cover;width:100%;height:100%}.lb-name{color:var(--text-strong);font-weight:600}.lb-sub{color:var(--muted);font-size:.78rem}.lb-value{font-family:var(--serif);color:var(--text-strong);font-weight:700}.lb-value.accent{color:var(--blue-500)}.lb-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.lb-empty,.data-empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--r-lg);padding:2.4rem}.gang-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;display:grid}.gang-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:1rem;padding:1.3rem 1.4rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.gang-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.gang-emblem{border-radius:var(--r);width:52px;height:52px;font-family:var(--serif);background:linear-gradient(140deg, var(--surface-3), var(--navy-700));color:var(--blue-500);border:1px solid var(--border-strong);flex:none;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.gang-card-body{min-width:0}.gang-card-body h4{color:var(--text-strong);margin:0 0 .15rem;font-size:1.05rem}.gang-card-body p{color:var(--muted);margin:0;font-size:.82rem}.gang-stat{text-align:right;margin-left:auto}.gang-stat .v{font-family:var(--serif);color:var(--blue-500);font-size:1.1rem;font-weight:700}.gang-stat .l{color:var(--muted);font-size:.72rem}.hof-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;display:grid}.hof-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);text-align:center;padding:2rem 1.6rem 1.7rem;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.hof-card:before{content:"";background:linear-gradient(150deg, rgba(var(--accent-rgb), .28), rgba(var(--accent-rgb), .05));pointer-events:none;height:84px;position:absolute;inset:0 0 auto}.hof-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-5px)}.hof-role{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);align-items:center;gap:.4rem;margin-bottom:1.1rem;font-size:.7rem;font-weight:800;display:inline-flex;position:relative}.hof-role svg{fill:currentColor;width:14px;height:14px}.hof-avatar{background:linear-gradient(140deg, var(--blue-600), var(--blue-700));color:#fff;width:92px;height:92px;font-family:var(--serif);border:3px solid var(--surface-3);box-shadow:0 10px 30px -12px rgba(var(--accent-rgb), .6);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.8rem;font-weight:800;display:grid;position:relative;overflow:hidden}.hof-avatar img{object-fit:cover;width:100%;height:100%}.hof-card h3{font-family:var(--serif);margin:0 0 .2rem;font-size:1.3rem;font-weight:700}.hof-handle{color:var(--accent);margin-bottom:.8rem;font-size:.85rem}.hof-quote{color:var(--muted);font-size:.9rem;font-style:italic;line-height:1.5}.hof-crown{filter:drop-shadow(0 2px 6px #0006);font-size:1.3rem;position:absolute;top:1rem;right:1.1rem}.hof-card.is-gang .hof-avatar{border-radius:var(--r-lg)}.hof-period{justify-content:center;align-items:center;gap:.6rem;margin-bottom:2rem;display:flex}.hof-period .badge{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-strong);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-weight:700;display:inline-flex}.hof-period .badge svg{width:16px;height:16px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px}.profile-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:1.6rem;position:relative;overflow:hidden}.profile-cover{background:radial-gradient(80% 140% at 80% 0%, rgba(var(--accent-rgb), .35), transparent 60%), linear-gradient(140deg, var(--navy-900), var(--navy-700));height:150px}.profile-id{flex-wrap:wrap;align-items:flex-end;gap:1.3rem;margin-top:-52px;padding:0 1.8rem 1.6rem;display:flex}.profile-avatar{border:4px solid var(--surface);background:linear-gradient(140deg, var(--blue-600), var(--blue-700));color:#fff;width:108px;height:108px;font-family:var(--serif);box-shadow:var(--shadow-md);border-radius:50%;flex:none;place-items:center;font-size:2.1rem;font-weight:800;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-id-main{flex:1;min-width:200px;padding-bottom:.3rem}.profile-id-main h1{font-family:var(--serif);color:var(--text-strong);margin:0;font-size:1.7rem;font-weight:700}.profile-id-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.profile-tag{background:var(--surface-3);color:var(--text-body);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.profile-tag svg{width:13px;height:13px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px}.profile-id-actions{padding-bottom:.3rem}.profile-gate{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);max-width:460px;box-shadow:var(--shadow-md);margin:0 auto;padding:2.6rem 2rem}.profile-gate .gate-icon{border-radius:var(--r-lg);color:#8b9bff;background:#5865f229;place-items:center;width:64px;height:64px;margin:0 auto 1.2rem;display:grid}.profile-gate .gate-icon svg{fill:currentColor;width:32px;height:32px}.profile-gate h2{font-family:var(--serif);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.profile-gate p{color:var(--muted);margin:0 0 1.6rem}.profile-stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.6rem;display:grid}.profile-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.2rem 1.3rem}.profile-stat .v{font-family:var(--serif);color:var(--text-strong);font-size:1.5rem;font-weight:700}.profile-stat .l{color:var(--muted);align-items:center;gap:.4rem;margin-top:.2rem;font-size:.8rem;display:flex}.profile-stat .l svg{width:14px;height:14px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px}.profile-cols{grid-template-columns:1fr 1fr;gap:1.4rem;display:grid}.profile-cols .panel{height:100%}.achv-list,.veh-list,.hist-list{flex-direction:column;margin:0;padding:.4rem;list-style:none;display:flex}.achv-item{border-radius:var(--r-sm);align-items:center;gap:.85rem;padding:.7rem .75rem;display:flex}.achv-item+.achv-item{border-top:1px solid var(--border)}.achv-medal{border-radius:var(--r-sm);background:rgba(var(--accent-rgb), .14);flex:none;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.achv-item h5{color:var(--text-strong);margin:0;font-size:.92rem}.achv-item p{color:var(--muted);margin:0;font-size:.8rem}.veh-item,.hist-item{color:var(--text-body);align-items:center;gap:.85rem;padding:.75rem;font-size:.9rem;display:flex}.veh-item+.veh-item,.hist-item+.hist-item{border-top:1px solid var(--border)}.veh-item svg,.hist-item svg{width:18px;height:18px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.veh-plate{font-family:var(--serif);letter-spacing:.06em;color:var(--text-strong);background:var(--surface-3);border-radius:var(--r-xs);margin-left:auto;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.hist-time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.78rem}.discord-band{border-radius:var(--r-xl);color:#fff;background:linear-gradient(140deg,#262c63 0%,#3b5bdb 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(2rem,5vw,3.2rem);display:flex;position:relative;overflow:hidden}.discord-band:before{content:"";pointer-events:none;background:radial-gradient(60% 120% at 90% 10%,#ffffff29,#0000 60%);position:absolute;inset:0}.discord-band-main{max-width:560px;position:relative}.discord-band .icon-blob{border-radius:var(--r-lg);background:#ffffff24;place-items:center;width:54px;height:54px;margin-bottom:1rem;display:grid}.discord-band .icon-blob svg{fill:#fff;width:30px;height:30px}.discord-band h2{font-family:var(--serif);color:#fff;margin:0 0 .6rem;font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:700}.discord-band p{color:#ffffffe6;margin:0 0 1.4rem}.discord-band-stats{gap:2.2rem;display:flex;position:relative}.discord-band-stats .v{font-family:var(--serif);align-items:center;gap:.5rem;font-size:1.8rem;font-weight:800;display:flex}.discord-band-stats .l{color:#ffffffd1;font-size:.82rem}.shots-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.shot{aspect-ratio:16/10;border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(150deg,#101538 0%,#2740b0 100%);position:relative;overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.shot:hover img{transform:scale(1.06)}.shot-fallback{color:#fff9;font-family:var(--serif);letter-spacing:.12em;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.shot:after{content:"";opacity:0;background:linear-gradient(#0000 55%,#070c188c);transition:opacity .3s;position:absolute;inset:0}.shot:hover:after{opacity:1}.shot span.cap{z-index:2;color:#fff;opacity:0;font-size:.8rem;font-weight:600;transition:opacity .3s;position:absolute;bottom:.7rem;left:.8rem}.shot:hover span.cap{opacity:1}.shot.wide{grid-column:span 2}@media (max-width:620px){.shot.wide{grid-column:span 1}}.section-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:clamp(1.6rem,4vw,2.4rem);display:flex}.section-head-row .section-head{margin:0}.view-all{color:var(--accent);white-space:nowrap;align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;transition:gap .2s,color .2s;display:inline-flex}.view-all:hover{color:var(--accent-hover);gap:.7rem}.view-all svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@media (max-width:900px){.home-split,.profile-cols{grid-template-columns:1fr}.nav-dropdown{flex-direction:column;width:100%}.nav-drop-toggle{justify-content:space-between;width:100%;padding:.85rem 1rem}.nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto;width:100%;min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;max-height:0;padding:0 .4rem;transition:max-height .3s;position:static;overflow:hidden;transform:none}.nav-dropdown.open .nav-drop-menu{max-height:420px;padding:.2rem .4rem .4rem}.nav-dropdown:hover .nav-drop-menu{max-height:0}.nav-dropdown.open:hover .nav-drop-menu{max-height:420px}.nav-drop-menu a{padding-left:2rem}}@media (max-width:720px){.cl-card{grid-template-columns:1fr}.cl-card-media{aspect-ratio:16/7}}@media (max-width:560px){.discord-band{flex-direction:column;align-items:flex-start}.discord-band-stats{gap:1.6rem}.lb-table thead{display:none}.lb-table,.lb-table tbody,.lb-table tr,.lb-table td{width:100%;display:block}.lb-table tr{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.5rem .4rem;display:flex}.lb-table tbody tr:last-child,.lb-table tr:last-child{border-bottom:none}.lb-table td{border:none;width:auto;padding:.2rem .9rem}.lb-table td.num{margin-left:auto}}.hof-crown{font-size:0}.hof-crown svg{fill:#f7d774;filter:drop-shadow(0 2px 5px #0006);width:22px;height:22px}.btn-discord svg{fill:currentColor;width:19px;height:19px}.profile-side{flex-direction:column;gap:1.4rem;display:flex}.profile-preview{margin-top:2.8rem}.profile-tag svg{fill:none}.achv-progress{background:var(--surface-3);border-radius:999px;height:6px;margin:0 .9rem .5rem;overflow:hidden}.achv-progress span{background:linear-gradient(90deg, var(--accent), var(--blue-500));border-radius:999px;height:100%;transition:width .6s;display:block}.achv-item{gap:.9rem}.achv-medal{background:rgba(var(--accent-rgb), .14);color:var(--accent)}.achv-medal svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.achv-text{flex:1;min-width:0}.achv-state{flex:none;place-items:center;margin-left:auto;display:grid}.achv-state svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.achv-item:not(.locked) .achv-state{color:var(--sev-low)}.achv-item.locked .achv-state{color:var(--muted)}.achv-item.locked .achv-medal{background:var(--surface-3);color:var(--muted)}.achv-item.locked{opacity:.72}.veh-class{color:var(--muted)}.panel-head .panel-link[style*=default]{background:var(--surface-3);color:var(--text-body);border-radius:999px;padding:.2rem .6rem;font-size:.78rem}.topbar{position:static}.navbar{top:auto;position:relative;inset:auto}body:where(:has(.public-site)){padding-top:0}.hero{margin-top:0}.hero .container{padding-top:clamp(2rem,5vw,3.5rem)}.page-header{margin-top:0;padding-top:clamp(3rem,7vw,5rem)}.hero .eyebrow:before{display:none}.apv-aside{top:1.2rem}.wl-tabs-wrap{top:0}@media (max-width:900px){.nav-collapse{position:absolute;top:100%}}.lookup-section{margin-bottom:2.6rem}.lookup-form{align-items:stretch;gap:.7rem;margin-bottom:1.4rem;display:flex}.lookup-form .btn{flex:none}.lookup-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.lookup-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:.9rem;padding:1rem 1.1rem;transition:border-color .2s,transform .2s;display:flex}.lookup-item:hover{border-color:var(--border-strong);transform:translateY(-2px)}.lookup-body{flex:1;min-width:0}.lookup-tags{flex-wrap:wrap;gap:.7rem;margin-top:.3rem;display:flex}.lookup-tag{color:var(--text-body);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.lookup-tag svg{width:14px;height:14px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.lookup-status{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.lookup-status svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.lookup-status.ok{color:#58e08e;background:#2bbf6a26}.lookup-status.banned{color:#ff8585;background:#ef4d4d26}@media (max-width:560px){.lookup-form{flex-direction:column}.lookup-form .btn{width:100%}}.team-group{margin-bottom:2.6rem}.team-role{font-family:var(--serif);color:var(--text-strong);border-left:4px solid var(--role,var(--accent));align-items:center;gap:.6rem;margin-bottom:1.2rem;padding-left:.9rem;font-size:1.25rem;font-weight:700;display:inline-flex}.team-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.team-member{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:.85rem;padding:.85rem 1rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.team-member:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.team-avatar{background:linear-gradient(140deg, var(--blue-600), var(--blue-700));color:#fff;border:2px solid var(--surface-3);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:.9rem;font-weight:700;display:grid;overflow:hidden}.team-avatar img{object-fit:cover;width:100%;height:100%}.team-name{color:var(--text-strong);word-break:break-word;min-width:0;font-size:.95rem;font-weight:600}.srp-status-banner{text-align:center;color:#1a1205;z-index:200;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.6rem 1rem;font-size:.9rem;font-weight:600;line-height:1.35;display:flex;position:relative}.srp-status-banner svg{flex-shrink:0}.srp-status-banner span{max-width:70ch}.srp-status-banner.onderhoud{color:#2a1c00;background:linear-gradient(90deg,#f5b544,#f7c968)}.srp-status-banner.offline{color:#fff;background:linear-gradient(90deg,#e5484d,#f0676b)}@media (max-width:600px){.srp-status-banner{padding:.55rem .8rem;font-size:.82rem}}.public-site{font-family:var(--sans);background:var(--page-bg);color:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;line-height:1.65}.brigade-wrap{max-width:1280px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.brigade-stats{flex-wrap:wrap;gap:1.25rem;margin-bottom:2rem;display:flex}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex:1;min-width:110px;padding:.85rem 1.2rem}.stat-card .stat-value{color:var(--text-strong);margin-bottom:.2rem;font-size:1.5rem;font-weight:700;line-height:1}.stat-card .stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.brigade-filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.brigade-filters input[type=text]{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);min-width:220px;color:var(--text);font-family:var(--sans);outline:none;flex:1;padding:.55rem .9rem;font-size:.875rem;transition:border-color .15s}.brigade-filters input[type=text]::placeholder{color:var(--muted)}.brigade-filters input[type=text]:focus{border-color:var(--accent)}.filter-pills{flex-wrap:wrap;gap:.4rem;display:flex}.filter-pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-family:var(--sans);border-radius:9999px;padding:.3rem .8rem;font-size:.78rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.filter-pill:hover{border-color:var(--accent);color:var(--text)}.filter-pill.active{background:rgba(var(--accent-rgb), .12);border-color:var(--accent);color:var(--accent)}.rank-group{margin-bottom:2rem}.rank-group-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.6rem;display:flex}.rank-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.85rem;font-weight:700}.rank-group-count{background:rgba(var(--accent-rgb), .1);color:var(--muted);border-radius:9999px;padding:.15rem .55rem;font-size:.75rem}.brigade-table-wrap{border-radius:var(--r);border:1px solid var(--border);overflow-x:auto}.brigade-table{border-collapse:collapse;width:100%;font-size:.875rem}.brigade-table th{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:.6rem .85rem;font-size:.75rem;font-weight:600}.brigade-table th.center,.brigade-table td.center{text-align:center}.brigade-table td{border-bottom:1px solid rgba(var(--accent-rgb), .08);color:var(--text-body);vertical-align:middle;padding:.6rem .85rem}.brigade-table tr:last-child td{border-bottom:none}.brigade-table tr:hover td{background:rgba(var(--accent-rgb), .04)}.brigade-table .td-naam{color:var(--text-strong);font-weight:600}.brigade-table .td-empty{color:var(--muted)}.brigade-table .td-dienst{color:var(--muted);font-family:monospace;font-size:.8rem}.brigade-table .td-opm{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.8rem;overflow:hidden}.qual-header{cursor:default;font-size:.7rem}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.status-actief{color:#2bbf6a;background:#2bbf6a21}.status-inactief{color:#9ca3af;background:#9ca3af21}.status-verlof{color:#e0922f;background:#e0922f21}.qual-check{color:#2bbf6a;font-size:1rem}.qual-cross{color:#9ca3af40;font-size:.9rem}.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem}.loading-state{text-align:center;color:var(--muted);padding:4rem 1rem}.spinner{border:2px solid rgba(var(--accent-rgb), .2);border-top-color:var(--accent);border-radius:50%;width:1.5rem;height:1.5rem;margin-bottom:.75rem;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.brigade-error{text-align:center;padding:3rem 1rem}.brigade-error-title{color:var(--sev-high);font-size:1.1rem;font-weight:600}.brigade-error-msg{color:var(--muted);margin-top:.4rem;font-size:.9rem}@media (max-width:768px){.brigade-table th.hide-mobile,.brigade-table td.hide-mobile{display:none}}.hb-layout{grid-template-columns:260px 1fr;align-items:start;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1.25rem 5rem;display:grid}@media (max-width:860px){.hb-layout{grid-template-columns:1fr}.hb-toc{display:none}}.iv-layout{grid-template-columns:220px 1fr;align-items:start;gap:2rem;max-width:1060px;margin:0 auto;padding:2rem 1.25rem 5rem;display:grid}@media (max-width:800px){.iv-layout{grid-template-columns:1fr}.iv-toc{display:none}}.hb-toc,.iv-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);max-height:88vh;padding:1.25rem;font-size:.78rem;position:sticky;top:1.5rem;overflow-y:auto}.iv-toc{padding:1.1rem}.hb-toc h3,.iv-toc h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.hb-toc a,.iv-toc a{color:var(--text);border-left:2px solid #0000;padding:.22rem 0 .22rem .6rem;line-height:1.4;text-decoration:none;transition:color .12s,border-color .12s;display:block}.hb-toc a:hover,.iv-toc a:hover,.hb-toc a.active,.iv-toc a.active{color:var(--accent);border-left-color:var(--accent)}.hb-toc .toc-h1{margin-top:.5rem;font-weight:600}.hb-toc .toc-h2{color:var(--muted);padding-left:1.2rem;font-size:.74rem}.hb-toc .toc-h2.active{color:var(--accent)}.iv-toc a{font-size:.76rem}.hb-content,.iv-content{min-width:0}.hb-content h2{color:var(--text-strong);border-bottom:2px solid var(--accent);margin:2.5rem 0 1rem;padding-bottom:.4rem;scroll-margin-top:1.5rem;font-size:1.35rem;font-weight:700}.iv-content h2{color:var(--text-strong);border-bottom:2px solid var(--accent);margin:2.25rem 0 .9rem;padding-bottom:.35rem;scroll-margin-top:1.5rem;font-size:1.25rem;font-weight:700}.hb-content h2:first-child,.iv-content h2:first-child{margin-top:0}.hb-content h3{color:var(--accent);margin:1.5rem 0 .5rem;scroll-margin-top:1.5rem;font-size:1rem;font-weight:700}.hb-content h4{color:var(--text);margin:1.1rem 0 .35rem;font-size:.9rem;font-weight:600}.hb-content p{color:var(--text-body);margin-bottom:.75rem;font-size:.88rem;line-height:1.75}.hb-content ul,.hb-content ol{color:var(--text-body);margin:.5rem 0 .75rem 1.4rem;font-size:.88rem;line-height:1.75}.hb-content li{margin-bottom:.2rem}.hb-content strong,.iv-content strong{color:var(--text-strong)}.hb-content em{color:var(--muted)}.hb-table-wrap,.iv-table-wrap{margin:1rem 0;overflow-x:auto}.iv-table-wrap{margin:.5rem 0 0}.hb-table,.iv-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);width:100%;font-size:.82rem;overflow:hidden}.hb-table th,.iv-table th{background:var(--surface-2);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:.55rem .9rem;font-size:.72rem;font-weight:700}.hb-table td,.iv-table td{color:var(--text-body);border-top:1px solid var(--border);vertical-align:top;padding:.55rem .9rem}.hb-table tr:hover td{background:var(--surface-2)}.iv-table tr:hover td{background:#ffffff05}.callout{border-left:3px solid var(--accent);background:rgba(var(--accent-rgb), .06);border-radius:0 var(--r) var(--r) 0;color:var(--text-body);margin:1rem 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.6}.callout.warn{background:#e0922f0f;border-color:#e0922f}.callout.danger{background:#ef4d4d0f;border-color:#ef4d4d}.callout strong{color:var(--text-strong)}.steps{counter-reset:step;margin:.75rem 0;padding:0;list-style:none}.steps li{counter-increment:step;color:var(--text-body);gap:.75rem;margin-bottom:.6rem;font-size:.85rem;line-height:1.55;display:flex}.steps li:before{content:counter(step);background:rgba(var(--accent-rgb), .15);border:1px solid rgba(var(--accent-rgb), .3);width:1.6rem;height:1.6rem;color:var(--accent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.art-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.7;margin-bottom:.15rem;font-size:.7rem;font-weight:700}.badge-rank{background:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .25);border-radius:var(--r-xs);color:var(--accent);padding:.1rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.iv-content .art{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:.75rem;padding:.85rem 1.1rem}.art-nr{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.8;margin-bottom:.25rem;font-size:.68rem;font-weight:700}.iv-content .art h4{color:var(--text-strong);margin-bottom:.35rem;font-size:.88rem;font-weight:700}.iv-content .art p{color:var(--text-body);margin:0 0 .4rem;font-size:.84rem;line-height:1.65}.iv-content .art p:last-child{margin-bottom:0}.iv-content .art ul{color:var(--text-body);margin:.2rem 0 0 1.2rem;padding:0;font-size:.84rem;line-height:1.65}.iv-content .art ul li{margin-bottom:.15rem}.section-intro{color:var(--muted);margin-bottom:1rem;font-size:.84rem;line-height:1.6}hr.divider{border:none;border-top:1px solid var(--border);margin:2rem 0}.rg-wrap{max-width:760px;margin:0 auto;padding:2.5rem 1.25rem 5rem}.rg-wrap .cat{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin:2rem 0 .9rem;padding-bottom:.4rem;font-size:.7rem;font-weight:700}.rg-wrap .cat:first-child{margin-top:0}.rg-wrap .art{border-radius:var(--r);align-items:flex-start;gap:.9rem;margin-bottom:.2rem;padding:.7rem .85rem;transition:background .1s;display:flex}.rg-wrap .art:hover{background:var(--surface)}.rg-wrap .art-num{min-width:4rem;color:var(--accent);opacity:.75;flex-shrink:0;padding-top:.1rem;font-size:.72rem;font-weight:700}.rg-wrap .art-body{flex:1}.rg-wrap .art-body strong{color:var(--text-strong);margin-bottom:.18rem;font-size:.86rem;font-weight:600;display:block}.rg-wrap .art-body p{color:var(--text-body);margin:0;font-size:.83rem;line-height:1.6}.rg-wrap .art-body ul{color:var(--text-body);margin:.25rem 0 0 1.1rem;padding:0;font-size:.83rem;line-height:1.6}.rg-wrap .art-body ul li{margin-bottom:.1rem}.rg-wrap .tag{border-radius:var(--r-xs);vertical-align:middle;margin-left:.35rem;padding:.08rem .45rem;font-size:.68rem;font-weight:700;display:inline-block}.rg-wrap .tag-verbod{color:#ef4d4d;background:#ef4d4d1f;border:1px solid #ef4d4d40}.rg-wrap .tag-verplicht{background:rgba(var(--accent-rgb), .12);color:var(--accent);border:1px solid rgba(var(--accent-rgb), .25)}.rg-wrap .tag-maatregel{color:#e0922f;background:#e0922f1f;border:1px solid #e0922f40}.rg-wrap .callout-bottom{border-radius:var(--r);color:var(--text-body);background:#ef4d4d12;border:1px solid #ef4d4d33;margin-top:2rem;padding:.9rem 1.1rem;font-size:.84rem;line-height:1.65}.rg-wrap .callout-bottom strong{color:#ef4d4d}.rg-wrap hr.div{border:none;border-top:1px solid var(--border);margin:2rem 0}.gi-wrap{max-width:820px;margin:0 auto;padding:2.5rem 1.25rem 5rem}.gi-wrap .cat{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin:2.2rem 0 1rem;padding-bottom:.4rem;font-size:.7rem;font-weight:700}.gi-wrap .cat:first-child{margin-top:0}.gi-wrap .ib{border-radius:var(--r);align-items:flex-start;gap:1rem;margin-bottom:.25rem;padding:.85rem .9rem;transition:background .1s;display:flex}.gi-wrap .ib:hover{background:var(--surface)}.gi-wrap .ib-icon{background:rgba(var(--accent-rgb), .1);border-radius:var(--r-xs);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.05rem;font-size:1rem;display:flex}.gi-wrap .ib-body{flex:1}.gi-wrap .ib-body h3{color:var(--text-strong);margin:0 0 .3rem;font-size:.88rem;font-weight:700}.gi-wrap .ib-body p{color:var(--text-body);margin:0;font-size:.83rem;line-height:1.65}.gi-wrap .ib-body ul{color:var(--text-body);margin:.3rem 0 0 1.1rem;padding:0;font-size:.83rem;line-height:1.65}.gi-wrap .ib-body ul li{margin-bottom:.15rem}.gi-wrap .kw-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.6rem;margin:.5rem 0 .25rem;display:grid}.gi-wrap .kw-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);text-align:center;padding:.65rem .8rem}.gi-wrap .kw-card .kw-icon{margin-bottom:.3rem;font-size:1.3rem}.gi-wrap .kw-card .kw-label{color:var(--text-strong);font-size:.78rem;font-weight:700}.gi-wrap .kw-card .kw-sub{color:var(--muted);margin-top:.1rem;font-size:.72rem}.gi-wrap .callout{border-radius:var(--r);margin-bottom:.6rem;padding:.9rem 1.1rem;font-size:.83rem;line-height:1.65}.gi-wrap .callout-info{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .22);color:var(--text-body)}.gi-wrap .callout-warn{color:var(--text-body);background:#e0922f14;border:1px solid #e0922f38}.gi-wrap .callout-danger{color:var(--text-body);background:#ef4d4d14;border:1px solid #ef4d4d38}.gi-wrap .callout strong{font-weight:700}.gi-wrap .callout-info strong{color:var(--accent)}.gi-wrap .callout-warn strong{color:#e0922f}.gi-wrap .callout-danger strong{color:#ef4d4d}.gi-wrap .slot{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text-body);margin-top:2.5rem;padding:1.2rem 1.4rem;font-size:.84rem;line-height:1.7}.gi-wrap .slot h3{color:var(--text-strong);margin:0 0 .6rem;font-size:.95rem;font-weight:700}.gi-wrap hr.div{border:none;border-top:1px solid var(--border);margin:2rem 0}.si-wrap{max-width:900px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.si-wrap .cat-block{margin-bottom:2.25rem}.si-wrap .cat-header{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.si-wrap .cat-icon{font-size:1.1rem}.si-wrap .cat-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:700}.si-wrap .si-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;font-size:.875rem;overflow:hidden}.si-wrap .si-table thead th{background:var(--surface-2);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:.6rem 1rem;font-size:.72rem;font-weight:600}.si-wrap .si-table thead th:last-child,.si-wrap .si-table thead th:nth-last-child(2){text-align:right}.si-wrap .si-table tbody tr{border-top:1px solid var(--border);transition:background .12s}.si-wrap .si-table tbody tr:hover{background:var(--surface-2)}.si-wrap .si-table td{color:var(--text);vertical-align:middle;padding:.65rem 1rem}.si-wrap .si-table td:last-child{text-align:right}.si-wrap .delict-name{color:var(--text-strong);font-weight:500}.si-wrap .cel-badge{border-radius:var(--r-xs);font-variant-numeric:tabular-nums;padding:.18rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.si-wrap .cel-low{color:#2bbf6a;background:#2bbf6a1f;border:1px solid #2bbf6a40}.si-wrap .cel-mid{color:#e0922f;background:#e0922f1f;border:1px solid #e0922f40}.si-wrap .cel-high{color:#ef4d4d;background:#ef4d4d1f;border:1px solid #ef4d4d40}.si-wrap .cel-max{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.si-wrap .boete-val{font-variant-numeric:tabular-nums;color:var(--text);text-align:right;font-weight:500}.si-wrap .extra-badge{color:var(--muted);font-size:.72rem;font-weight:600}.si-wrap .disclaimer{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--muted);margin-bottom:2rem;padding:1rem 1.25rem;font-size:.82rem;line-height:1.6}.si-wrap .disclaimer strong{color:var(--text)}
