.library-page,.library-fragment{--backend-teal:#002e33;--backend-yellow:#ffb800;--backend-yellow-hover:#e8a900;--backend-nav-text:#f4f7f5;--backend-nav-muted:#b5c8c1;--backend-nav-hover:#123e3f;--backend-nav-active:#21504b;--backend-nav-border:#53736d;--backend-warm:#f8f5ef;--bg:#f8f5ef;--bg-2:#f1f3ef;--bg-3:#e8eeea;--bg-4:#e3ece5;--bg-5:#dce6e0;--bg-translucent:#002e3308;--surface:#fff;--panel:#fff;--border:#dae2da;--border-2:#c6d3ca;--border-3:#9aad9f;--border-t:#002e331c;--border-ts:#002e3328;--text-1:#173a32;--text-2:#36564d;--text-3:#62756d;--text-4:#62756d;--accent:#002e33;--accent-hover:#164841;--accent-tint:#e9f0e9;--on-accent:#fff;--link:#205b4b;--focus:#6c8f81;--success:#34704f;--success-tint:#eaf2eb;--warning:#ffb800;--warning-deep:#8a5d00;--warning-solid:#cf9300;--danger:#a94739;--kbd-bg:#f1f3ef;--scrollbar:#9aaea3;--overlay:#002e3366;--shadow-tiny:none;--shadow-low:0 6px 16px #002e330f;--shadow-medium:0 8px 26px #002e3314;--shadow-high:0 16px 50px #002e3324;--shadow-palette:0 16px 50px #002e3324;--lib-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E")}.library-page{background:var(--bg);--radius-16:6px;--radius-12:4px;--lib-page-max-width:1400px;font-size:14px}.library-page .lib-shell{max-width:var(--lib-page-max-width);margin:0 auto}html:has(.library-page){scroll-behavior:smooth}body.library-page{min-height:100vh;padding:clamp(var(--space-4), 3vw, var(--space-7)) var(--page-padding-inline)}.lib-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.lib-brand{align-items:center;gap:var(--space-3);font-size:.6875rem;font-weight:var(--w-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-4);text-decoration:none;display:inline-flex}.lib-brand .lib-logo{width:auto;height:20px;display:block}.lib-brand .lib-brand-sep{color:var(--border-3)}.hero{align-items:start;gap:var(--space-6);margin-bottom:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;display:grid}.hero>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.hero>div:first-child .hero-fine{margin-top:var(--space-5)}.hero .eyebrow{font-size:.6875rem;font-weight:var(--w-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-4);margin-bottom:var(--space-2)}.hero h1{color:var(--text-1);line-height:1.18}.hero p:not(.eyebrow){color:var(--text-2);max-width:72ch;margin-top:var(--space-2)}.hero-aside{gap:var(--space-3);background:var(--surface);border:1px solid var(--border);padding:var(--space-4) var(--space-5);border-radius:6px;flex-direction:column;display:flex}.hero-aside-title{font-size:.6875rem;font-weight:var(--w-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.hero-steps{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hero-steps li{gap:var(--space-2);color:var(--text-2);align-items:baseline;font-size:13px;line-height:1.5;display:flex}.hero-step-num{border-radius:var(--radius-circle);background:var(--accent-tint);width:18px;height:18px;color:var(--accent);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-self:center;align-items:center;font-size:11px;font-weight:650;display:inline-flex}.hero-aside .lib-signed{padding-top:var(--space-3);border-top:1px solid var(--border);margin-top:auto}.lib-signed{color:var(--text-3);font-size:12px}.lib-signed strong{color:var(--text-2);font-weight:var(--w-medium)}.badge-offerte{color:var(--backend-teal);background:var(--backend-yellow);border-color:#0000;font-weight:700}.lib-offerte-note{color:var(--text-2);margin-top:var(--space-3);font-size:13px}.lib-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.lib-topbar>div{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lib-back{align-items:center;gap:var(--space-1);color:var(--text-3);font-size:13px;text-decoration:none;display:inline-flex}.lib-back:hover{color:var(--text-1)}.library-page :is(.lib-brand,.hero .eyebrow,.lib-eyebrow,.facet-lbl){letter-spacing:.06em}.library-page :is(.hero h1,.lib-title){letter-spacing:-.035em;font-size:clamp(24px,3.6vw,27px);font-weight:650}.library-page .row-title{letter-spacing:-.025em;font-size:19px;font-weight:600}.library-page :is(.hero p:not(.eyebrow,.hero-fine),.row-desc,.lib-desc,.cta-block p){font-size:14px;line-height:1.65}.library-page :is(.row,.filters,.fragment-frame,.cta-block,.lib-visual,.detail-section,.lib-empty){box-shadow:none;border-width:1px}.library-page .row{transition:border-color var(--speed-highlight-fade) var(--ease-out-quad), box-shadow var(--speed-highlight-fade) var(--ease-out-quad), transform var(--speed-highlight-fade) var(--ease-out-quad)}.library-page .row:hover{box-shadow:var(--shadow-low);border-color:var(--border-2);transform:translateY(-2px)}.library-page .row:hover .row-cta{text-underline-offset:3px;text-decoration:underline}.library-page :is(.search-bar,.chip,.badge,.btn,.cta-block .btn){border-radius:4px}.library-page .search-bar{background:var(--surface);border:1px solid var(--border-2)}.library-page .chip{background:var(--surface);border-color:var(--border);min-height:30px;font-weight:500}.library-page .chip:hover{background:var(--bg-2)}.library-page .chip[aria-pressed=true]{background:var(--accent-tint);border-color:var(--border-2);color:var(--accent)}.library-page .badge{border:1px solid #0000;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.5}.library-page :is(.badge-muted,.badge-tech){background:var(--bg-2);color:var(--text-2)}.library-page .badge-accent{background:var(--accent-tint);color:var(--accent)}.library-page :is(.badge-offerte,.badge-success){background:var(--success-tint);color:var(--success)}.library-page .btn{box-shadow:none;white-space:normal;font-size:13px;font-weight:550;line-height:1.35}.library-page .btn-primary{background:var(--backend-yellow);border:1px solid var(--backend-yellow);color:var(--backend-teal)}.library-page .btn-primary:hover{background:var(--backend-yellow-hover);border-color:var(--backend-yellow-hover);color:var(--backend-teal)}.library-page .cta-price .amount{font-size:24px;font-weight:600}.library-page .mockup-opt{font-size:13px}.library-page input[type=checkbox]{accent-color:var(--accent)}.library-page .lib-staff-preview{border-color:var(--border);background:var(--bg-2);border-radius:4px}.library-page .lib-backlink{box-shadow:var(--shadow-medium);border-radius:4px;font-size:13px}.library-page :is(.lib-signed,.row-place){overflow-wrap:anywhere}.library-page .lib-header{flex-wrap:wrap}.library-page :is(a,button,input):focus-visible{outline:2px solid var(--focus);outline-offset:3px}.track-cards{gap:var(--space-4);margin:var(--space-2) 0 var(--space-5);grid-template-columns:1fr 1fr;display:grid}.track-card{text-align:left;background:var(--bg-2);border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--speed-highlight-fade) var(--ease-out-quad), background var(--speed-highlight-fade) var(--ease-out-quad);border-radius:6px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:18px 20px 18px 23px;display:flex;position:relative;overflow:hidden}.track-card:before{content:"";width:3px;transition:background var(--speed-highlight-fade) var(--ease-out-quad);background:0 0;position:absolute;inset:0 auto 0 0}.track-card:hover{border-color:var(--border-2);background:var(--bg-2)}.track-card[aria-pressed=true]{background:var(--surface);border-color:var(--border-2)}.track-card[aria-pressed=true]:before{background:var(--accent)}.track-card:not([aria-pressed=true]) .track-card-title{color:var(--text-2)}.track-card:not([aria-pressed=true]) .track-icon{filter:grayscale();opacity:.75}.track-card-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:10px;display:flex}.track-card-title{color:var(--text-1);align-items:center;gap:10px;font-size:14px;font-weight:650;display:inline-flex}.track-icon{border-radius:6px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.track-icon svg{width:15px;height:15px}.track-icon-modules{background:color-mix(in srgb, var(--backend-yellow) 18%, transparent);color:var(--warning-deep)}.track-icon-tests{background:var(--success-tint);color:var(--success)}.track-count{color:var(--text-2);background:var(--surface);border:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:550}.track-card[aria-pressed=true] .track-count{background:var(--accent-tint);color:var(--accent);border-color:#0000}.track-card>p{color:var(--text-2);margin:0;font-size:13px;line-height:1.6}.hero-fine{color:var(--text-3);max-width:64ch;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:12px;line-height:1.6}.pill{letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;min-height:24px;padding:2px 10px;font-size:11px;font-weight:550;line-height:1.4;text-decoration:none;display:inline-flex}.pill svg{flex:none;width:12px;height:12px}.pill-type,.pill-eu,.pill-qoliber,.pill-works{background:var(--surface);border-color:var(--border-2);color:var(--text-2)}.pill-fee{background:var(--surface);border-color:var(--border-2);color:var(--text-1);font-weight:650}.pill-evidoo,.pill-reco{background:color-mix(in srgb, var(--backend-yellow) 22%, transparent);color:var(--warning-deep)}a.pill-evidoo:hover{background:color-mix(in srgb, var(--backend-yellow) 34%, transparent);color:var(--warning-deep)}.pill-vendic-module{background:var(--accent);color:var(--backend-yellow)}a.pill-vendic-module:hover{background:var(--accent-hover);color:var(--backend-yellow)}.pill-new{background:var(--success-tint);color:var(--success)}.pill-elements{background:var(--accent);color:var(--backend-yellow)}.pill-improved{background:var(--success-tint);color:var(--success)}.pill-requires{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning-deep)}.pill-works em{color:var(--text-1);font-style:normal;font-weight:650}.lib-list{gap:var(--space-4);flex-direction:column;display:flex}.row{gap:var(--space-6);background:var(--surface);border:1px solid var(--border);padding:var(--space-5);color:inherit;border-radius:6px;grid-template-columns:minmax(280px,36%) 1fr;text-decoration:none;display:grid}.row[hidden]{display:none}.row-visual{aspect-ratio:4/3;border:1px solid var(--border);background:var(--bg-2);padding:var(--space-4);border-radius:4px;justify-content:center;align-self:start;align-items:center;display:flex;overflow:hidden}.row-visual img{object-fit:contain;max-width:100%;max-height:100%}.row-visual .empty-state{padding:var(--space-6) var(--space-4);align-self:center}.row-test .row-visual{aspect-ratio:1}.row-body{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.row-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row-title{color:var(--text-1);line-height:1.3}.row-title .row-id{color:var(--text-3);font-weight:400}.row-place{color:var(--text-3);font-size:13px}.row-desc{color:var(--text-2);margin:0}.row-desc strong{color:var(--text-1);font-weight:600}.row-fee{flex-wrap:wrap;gap:6px;display:flex}.row-foot{border-top:1px solid var(--border);justify-content:flex-end;margin-top:auto;padding-top:14px;display:flex}.row-cta{color:var(--link);font-size:13px;font-weight:550}.row-test{grid-template-columns:minmax(250px,28%) 1fr minmax(250px,290px)}.row-ab{border:1px solid var(--border);background:var(--surface);border-radius:4px;align-self:start;padding:16px}.row>*,.tr-grid>*,.detail-grid>*,.hl-grid>*,.related-grid>*,.track-cards>*{min-width:0}.lib-empty{border:1px dashed var(--border-3);background:var(--surface);border-radius:6px}.lib-empty[hidden],.track-panel[hidden]{display:none}.track-cta{margin:var(--space-6) 0 var(--space-2);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.track-cta p{color:var(--text-2);margin:0;font-size:14px}.eu-note{border:1px solid var(--border-2);background:var(--accent-tint);border-radius:4px;align-items:flex-start;gap:12px;max-width:480px;padding:12px 14px;text-decoration:none;display:flex}.eu-note:hover{border-color:var(--border-3)}.eu-note-icon{background:var(--surface);width:30px;height:30px;color:var(--accent);border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.eu-note-icon svg{width:15px;height:15px}.eu-note strong{color:var(--accent);font-size:12px;display:block}.eu-note span{color:var(--text-2);font-size:11px;line-height:1.5;display:block}.eu-note .eu-more{color:var(--link);margin-top:3px;font-weight:550}.ab-panel h4{color:var(--text-1);margin:0 0 6px;font-size:13px;font-weight:650}.ab-rows{flex-direction:column;gap:2px;font-size:12.5px;display:flex}.ab-row{padding:var(--space-2) 12px;color:var(--text-2);border-radius:4px;justify-content:space-between;align-items:center;gap:10px;display:flex}.ab-row>span{align-items:center;gap:6px;display:inline-flex}.ab-row strong{font-variant-numeric:tabular-nums;color:var(--text-1);font-weight:600}.ab-row-rating{background:var(--accent);color:var(--on-accent)}.ab-row-rating strong{letter-spacing:-.01em;color:var(--on-accent);font-size:18px;font-weight:650}.ab-row-rating .ab-info{background:color-mix(in srgb, var(--on-accent) 32%, transparent);color:var(--on-accent)}.ab-row-win{background:var(--success-tint);color:var(--success)}.ab-row-win strong{color:var(--success)}.ab-row-loss{background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger)}.ab-row-loss strong{color:var(--danger)}.ab-row-impact{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning-deep)}.ab-row-impact strong{color:var(--warning-deep)}.ab-bar{height:4px;margin-top:var(--space-2);border-radius:var(--radius-rounded);background:var(--bg-4);justify-content:space-between;display:flex;overflow:hidden}.ab-bar span{border-radius:var(--radius-rounded);height:100%}.ab-bar .ab-bar-win{background:var(--success)}.ab-bar .ab-bar-loss{background:var(--danger)}.ab-details{border-top:1px solid var(--border);flex-direction:column;gap:5px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.ab-detail{gap:8px;display:flex}.ab-detail .k{min-width:110px;color:var(--text-1);align-items:center;gap:5px;font-weight:550;display:inline-flex}.ab-detail .v{color:var(--text-3)}.ab-info{background:var(--bg-4);width:15px;height:15px;color:var(--text-3);cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-style:italic;font-weight:700;display:inline-flex;position:relative}.ab-info:after{content:attr(data-tip);background:var(--accent);width:230px;color:var(--on-accent);opacity:0;pointer-events:none;z-index:30;border-radius:6px;padding:10px 12px;font-size:11px;font-style:normal;font-weight:400;line-height:1.5;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ab-info:hover:after,.ab-info:focus-visible:after{opacity:1}.detail-grid{gap:var(--space-6);margin:var(--space-2) 0 var(--space-5);grid-template-columns:1fr 320px;align-items:start;display:grid}.detail-head{flex-direction:column;align-items:flex-start;display:flex}.detail-head h1{letter-spacing:-.035em;color:var(--text-1);margin:14px 0 0;font-size:clamp(26px,3.4vw,34px);font-weight:650;line-height:1.15}.detail-head h1 .row-id{color:var(--text-3);font-weight:400}.detail-desc{margin-top:var(--space-4);color:var(--text-2);max-width:70ch;font-size:15px;line-height:1.7}.detail-desc strong{color:var(--text-1);font-weight:600}.detail-actions{margin-top:var(--space-5);flex-wrap:wrap;gap:10px;display:flex}.detail-side{gap:var(--space-4);flex-direction:column;display:flex}.info-card{border:1px solid var(--border);background:var(--surface);border-radius:6px;overflow:hidden}.info-card-fee{background:var(--accent);justify-content:space-between;align-items:baseline;gap:10px;padding:14px 18px;display:flex}.info-card-fee .k{letter-spacing:.08em;text-transform:uppercase;color:var(--backend-yellow);font-size:11px;font-weight:650}.info-card-fee .v{color:var(--on-accent);font-variant-numeric:tabular-nums;font-size:22px;font-weight:650}.info-card-note{background:color-mix(in srgb, var(--warning) 10%, transparent);border-bottom:1px solid var(--border);color:var(--warning-deep);align-items:flex-start;gap:8px;padding:10px 18px;font-size:11.5px;line-height:1.5;display:flex}.info-card-note svg{flex:none;width:13px;height:13px;margin-top:2px}.info-card-body{padding:16px 18px}.info-card-body .k{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-size:11px;font-weight:650;display:block}.info-list{color:var(--text-2);flex-direction:column;gap:7px;margin:0;padding:0;font-size:13px;display:flex}.info-list li{align-items:flex-start;gap:8px;list-style:none;display:flex}.info-list svg{width:14px;height:14px;color:var(--success);flex:none;margin-top:2px}.info-card-body .btn{width:100%;margin-top:14px}.shortcuts{z-index:15;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(var(--header-blur));padding:var(--space-2) 0;margin:0 0 var(--space-5);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.shortcut-group{gap:var(--space-1);background:var(--bg-3);border:1px solid var(--border);padding:var(--space-1);border-radius:6px;flex-wrap:wrap;display:inline-flex}.shortcut-link{color:var(--text-2);transition:background var(--speed-highlight-fade) var(--ease-out-quad), color var(--speed-highlight-fade) var(--ease-out-quad);border:1px solid #0000;border-radius:4px;flex:none;padding:5px 11px;font-size:13px;font-weight:550;text-decoration:none}.shortcut-link:hover{color:var(--text-1);background:var(--bg-2)}.shortcut-link[aria-current=true]{color:var(--text-1);background:var(--surface);border-color:var(--border-2);font-weight:600}.library-page [id]{scroll-margin-top:72px}.detail-section{background:var(--surface);border:1px solid var(--border);margin-bottom:var(--space-4);border-radius:6px;padding:26px}.detail-section>h2{letter-spacing:-.02em;color:var(--text-1);margin:0 0 6px;font-size:18px;font-weight:600}.detail-section .section-sub{color:var(--text-3);margin:0 0 18px;font-size:13px}.detail-section .section-head-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.detail-section .section-head-row a{color:var(--link);font-size:13px;font-weight:550;text-decoration:none}.detail-section .section-head-row a:hover{text-underline-offset:3px;text-decoration:underline}.lib-visual{border:1px solid var(--border);background:var(--bg-2);padding:var(--space-5);border-radius:4px;justify-content:center;width:min(100%,720px);margin-inline:auto;display:flex;overflow:hidden}.lib-visual img{object-fit:contain;max-width:100%;max-height:480px}.mockup-themes{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mockup-theme-btn{font:550 12px/1.4 var(--font-sans);letter-spacing:.02em;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background var(--speed-highlight-fade) var(--ease-out-quad), color var(--speed-highlight-fade) var(--ease-out-quad), border-color var(--speed-highlight-fade) var(--ease-out-quad);border-radius:9999px;padding:7px 16px}.mockup-theme-btn:hover{background:var(--bg-2);color:var(--text-1)}.mockup-theme-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.mockup-stage{padding-bottom:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;display:flex;overflow-x:auto}.mockup-view{flex-direction:column;flex:none;align-items:center;display:flex}.mockup-view-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-size:11px;font-weight:650}.mockup-frame{background:#fff;flex:none;overflow:hidden}.mockup-frame iframe{border:0;width:100%;height:100%;display:block}.mockup-frame-phone{border:1px solid #d1d5db;border-radius:24px;width:390px;height:844px;box-shadow:0 16px 40px #0f172a1a,0 2px 8px #0f172a0d}.mockup-frame-desktop{border:2px solid #d1d5db;border-radius:12px;width:1040px;max-width:100%;box-shadow:0 14px 36px #0f172a14,0 2px 8px #0f172a0a}.mockup-frame-desktop iframe{height:1040px}.mockup-frame-desktop .mockup-chrome{background:#f1f5f9;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;padding:7px 12px;display:flex}.mockup-chrome .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.mockup-chrome .dot.r{background:#ef4444}.mockup-chrome .dot.y{background:#f59e0b}.mockup-chrome .dot.g{background:#10b981}.mockup-chrome .url{color:#94a3b8;background:#fff;border:1px solid #e5e7eb;border-radius:4px;margin-left:12px;padding:2px 12px;font-size:10px}.tr-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.tr-grid.has-side{grid-template-columns:1fr 1fr 280px}.tr-visual{border:1px solid var(--border);background:var(--bg-2);padding:var(--space-4);border-radius:4px;justify-content:center;align-self:start;align-items:center;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.tr-visual img{object-fit:contain;max-width:100%;max-height:400px}.tr-side{flex-direction:column;gap:10px;display:flex}.tr-side h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0;font-size:11px;font-weight:650}.mini-card{border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:14px;text-decoration:none;display:block}.mini-card:hover{border-color:var(--border-3)}.mini-meta{color:var(--text-3);margin-bottom:3px;font-size:11px}.mini-title{color:var(--text-1);margin-bottom:8px;font-size:13.5px;font-weight:600;line-height:1.4}.mini-stats{flex-wrap:wrap;gap:5px;display:flex}.mini-stat{border-radius:9999px;padding:2px 8px;font-size:11px;font-weight:550}.mini-stat-impact{background:color-mix(in srgb, var(--warning) 14%, transparent);color:var(--warning-deep)}.mini-stat-win{background:var(--success-tint);color:var(--success)}.ev-industries{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.pair-note{border:1px solid var(--border);background:var(--surface);max-width:520px;margin-bottom:var(--space-4);border-radius:4px;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.pair-note:hover{border-color:var(--border-3)}.pair-note-icon{background:var(--accent-tint);width:30px;height:30px;color:var(--accent);border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.pair-note-icon svg{width:15px;height:15px}.pair-note strong{color:var(--accent);font-size:12px;display:block}.pair-note span{color:var(--text-3);margin-top:2px;font-size:11.5px;display:block}.pair-note .pair-more{color:var(--link);margin-top:3px;font-weight:550}.module-banner{background:var(--accent);margin-bottom:var(--space-4);border-radius:6px;flex-wrap:wrap;align-items:center;gap:18px;padding:20px 24px;display:flex}.module-banner-icon{background:color-mix(in srgb, var(--on-accent) 12%, transparent);width:42px;height:42px;color:var(--backend-yellow);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.module-banner-icon svg{width:21px;height:21px}.module-banner-text{flex:1;min-width:240px}.module-banner-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--backend-yellow);margin-bottom:3px;font-size:10px;font-weight:700}.module-banner-title{color:var(--on-accent);font-size:15px;font-weight:650;line-height:1.4}.module-banner-meta{color:color-mix(in srgb, var(--on-accent) 72%, transparent);margin-top:3px;font-size:12px}.module-banner .btn{flex:none}.hl-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.hl-card h3{color:var(--text-1);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}.hl-icon{border-radius:6px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.hl-icon svg{width:14px;height:14px}.hl-icon-hyp{background:var(--accent-tint);color:var(--accent)}.hl-icon-learn{background:var(--success-tint);color:var(--success)}.hl-card p{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.7}.learning-item{gap:10px;display:flex}.learning-item+.learning-item{margin-top:14px}.learning-num{background:var(--success-tint);width:22px;height:22px;color:var(--success);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:inline-flex}.learning-item strong{color:var(--text-1);font-weight:600}.related-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.related-card{border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:16px 18px;text-decoration:none;display:block}.related-card:hover{border-color:var(--border-3)}.related-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.related-place{color:var(--text-3);margin-bottom:3px;font-size:11px}.related-title{color:var(--text-1);font-size:14.5px;font-weight:600}.related-desc{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.related-more{color:var(--link);margin-top:10px;font-size:12px;font-weight:550}.admin-mock{background:var(--bg-3);border:1px solid var(--border);border-radius:4px;font-size:.8125rem;overflow:hidden}.admin-mock-top{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.admin-mock-crumb{color:var(--text-4);align-items:center;gap:var(--space-1);flex-wrap:wrap;font-size:.75rem;display:flex}.admin-mock-crumb strong{color:var(--text-1);font-weight:var(--w-medium)}.admin-mock-sep{color:var(--text-4)}.admin-mock-save{font-size:.6875rem;font-weight:var(--w-semibold);color:var(--on-accent);background:var(--accent);border-radius:var(--radius-rounded);padding:var(--space-1) var(--space-3)}.admin-mock-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.admin-mock-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-8);overflow:hidden}.admin-mock-section-head{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.admin-mock-section-head h4{font-size:.8125rem;font-weight:var(--w-semibold);color:var(--text-1);letter-spacing:-.008em;margin:0}.admin-mock-chevron{width:var(--space-2);height:var(--space-2);border-right:2px solid var(--text-4);border-bottom:2px solid var(--text-4);flex:none;transform:rotate(45deg)}.admin-mock-rows{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.admin-mock-row{gap:var(--space-4);grid-template-columns:minmax(90px,38%) 1fr;align-items:start;display:grid}.admin-mock-label{text-align:right;color:var(--text-3);font-size:.75rem;font-weight:var(--w-medium);padding-top:var(--space-1)}.admin-mock-control{min-width:0}.admin-mock-input,.admin-mock-select{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border-3);border-radius:var(--radius-6);padding:var(--space-2) var(--space-3);min-height:var(--space-6);color:var(--text-1);font-size:.75rem;display:flex}.admin-mock-placeholder{color:var(--text-4)}.admin-mock-empty{padding:var(--space-4) var(--space-5);color:var(--text-4);margin:0;font-size:.75rem;font-style:italic}.admin-mock-caret{border-right:2px solid var(--text-4);border-bottom:2px solid var(--text-4);flex:none;width:6px;height:6px;transform:rotate(45deg)}.admin-mock-native{width:100%;font:inherit;color:var(--text-1);box-sizing:border-box;font-size:.75rem}select.admin-mock-native{appearance:none;cursor:pointer;padding-right:calc(var(--space-3) * 2 + 8px);background-image:linear-gradient(45deg, transparent 50%, var(--text-4) 50%), linear-gradient(135deg, var(--text-4) 50%, transparent 50%);background-position:calc(100% - var(--space-3) - 5px) 50%, calc(100% - var(--space-3)) 50%;background-repeat:no-repeat;background-size:5px 5px}.admin-mock-native:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea.admin-mock-textarea.admin-mock-native{resize:vertical;min-height:calc(var(--space-6) * 2);display:block}.admin-mock-comment{margin:var(--space-1) 0 0;color:var(--text-4);font-size:.6875rem;line-height:1.45}button.admin-mock-section-head{border:0;border-bottom:1px solid var(--border);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0}.admin-mock-section.is-collapsed .admin-mock-rows,.admin-mock-section.is-collapsed .admin-mock-empty{display:none}.admin-mock-section.is-collapsed button.admin-mock-section-head{border-bottom:0}.admin-mock-section.is-collapsed .admin-mock-chevron{transform:rotate(-135deg)}.admin-mock-multi{gap:var(--space-1);background:var(--surface);border:1px solid var(--border-3);border-radius:var(--radius-6);padding:var(--space-2);flex-wrap:wrap;display:flex}button.admin-mock-opt{font:inherit;cursor:pointer;color:var(--text-3);background:var(--surface);border:1px solid var(--border-3);border-radius:var(--radius-rounded);padding:2px var(--space-2);font-size:.6875rem;line-height:1.4}button.admin-mock-opt.is-selected{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}button.admin-mock-opt:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.admin-note{color:var(--text-3);margin-top:12px;font-size:12px}.hvp{background:#fff;border:1px solid #e8eaed;border-radius:8px;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.hvp-top{background:#fff;border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.hvp-top h3{color:#1a202c;margin:0;font-size:18px;font-weight:700}.hvp-crumb{color:#94a3b8;margin-bottom:4px;font-size:12px}.hvp-saveBtn{color:#fff;background:#2550eb;border-radius:6px;flex:none;padding:8px 16px;font-size:13px;font-weight:600}.hvp-body{background:#f7f9fc;padding:20px 24px}.hvp-section{background:#fff;border:1px solid #eef0f3;border-radius:8px;margin-bottom:14px;overflow:hidden}.hvp-section:last-child{margin-bottom:0}.hvp-section-head{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.hvp-section-head h4{color:#1a202c;margin:0;font-size:15px;font-weight:700}.hvp-section-head:after{content:"⌃";color:#94a3b8;transition:transform var(--speed-highlight-fade) var(--ease-out-quad);font-size:18px;font-weight:700}.hvp-section-head[aria-expanded=false]:after{transform:rotate(180deg)}.hvp-section-body{padding:0 24px 20px}.hvp-section-body[hidden]{display:none}.hvp-row{grid-template-columns:200px 1fr;align-items:start;gap:24px;padding:10px 0;display:grid}.hvp-label{text-align:right;color:#475569;padding-top:6px;font-size:13px;font-weight:500}.hvp-label .scope{color:#9b9b9b;margin-top:2px;font-size:10px;font-weight:400;display:block}.hvp-control{max-width:460px}.hvp-control select,.hvp-control input[type=text],.hvp-control input[type=number]{color:#1a202c;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}.admin-disclaimer{align-items:flex-start;gap:7px;font-style:italic;display:flex}.admin-disclaimer svg{flex:none;width:14px;height:14px;margin-top:2px}.cta-block{margin-top:var(--space-6);padding:clamp(var(--space-5), 4vw, var(--space-6));background:var(--surface);border:1px solid var(--border);gap:var(--space-5);border-radius:6px;grid-template-columns:1fr auto;align-items:center;display:grid}.cta-price{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.cta-price .hint{color:var(--text-3);font-size:12px}.cta-block p{margin:0 0 var(--space-2);color:var(--text-2)}.cta-block strong{color:var(--text-1);font-weight:var(--w-medium)}.cta-title{color:var(--text-1);margin-bottom:var(--space-1);font-size:16px;font-weight:600}.mockup-opt{color:var(--text-2);cursor:pointer;text-align:left;align-items:flex-start;gap:.6rem;margin:0 0 1rem;display:flex}.mockup-opt input{margin-top:.2rem}.lib-staff-preview{border:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;font-size:13px;line-height:1.5;display:flex}.lib-backlink{z-index:60;background:var(--text-1);color:#fff;padding:11px 18px;font-weight:600;position:fixed;bottom:16px;left:16px}.fragment-frame{border:1px solid var(--border);background:var(--surface);border-radius:6px;position:relative;overflow:hidden}.fragment-frame iframe{border:0;width:100%;height:1600px;min-height:60vh;display:block}.fragment-frame .fragment-loading{color:var(--text-4);background:var(--surface);pointer-events:none;justify-content:center;align-items:center;font-size:13px;transition:opacity .3s;display:flex;position:absolute;inset:0}.fragment-frame.is-loaded .fragment-loading{opacity:0}.library-fragment{font-family:var(--font-sans);color:var(--text-1);-webkit-font-smoothing:antialiased;font-size:14px}.library-fragment:before{content:none}.library-fragment main>.grid>header h1{letter-spacing:-.035em;color:var(--text-1);font-size:clamp(24px,3.6vw,30px);font-weight:650;line-height:1.2}.library-fragment main>.grid>header p{color:var(--text-2);font-size:14px;line-height:1.7}.library-fragment :is(.card,main>.grid>aside){border:1px solid var(--border);background:var(--surface);box-shadow:none;border-radius:6px}.library-fragment :is(.pill-type-frontend,.pill-type-backend,.pill-type-both,.pill-credit){background:var(--bg-2);color:var(--text-2);border-color:var(--border);border-radius:4px;font-size:11px;font-weight:500}.library-fragment main>.grid>aside>.bg-teal{background:var(--bg-2);border-bottom:1px solid var(--border)}.library-fragment main>.grid>aside>.bg-teal .text-amber{color:var(--text-3);letter-spacing:.06em;font-weight:500}.library-fragment main>.grid>aside>.bg-teal .text-white{color:var(--text-1);font-variant-numeric:tabular-nums;font-weight:600}.library-fragment main>nav{background:var(--surface);border-color:var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}.library-fragment main>nav .btn-ghost{color:var(--text-2);box-shadow:none;background:0 0;border-color:#0000;border-radius:4px;font-size:13px;font-weight:500}.library-fragment main>nav .btn-ghost:hover{background:var(--bg-2);color:var(--text-1)}.library-fragment .card h2{color:var(--text-1);letter-spacing:-.02em;font-size:18px;font-weight:600}.library-fragment :is(.card>p,.card>div>p){color:var(--text-2)}.library-fragment .card[x-data]>div>button{box-shadow:none;border-radius:4px;font-weight:500}.library-fragment :is(main>.grid>aside a,.card a[href$=\/handleiding]){background:var(--surface);color:var(--text-1);border:1px solid var(--border-2);box-shadow:none;border-radius:4px;font-size:13px;font-weight:550}.library-fragment :is(main>.grid>aside a,.card a[href$=\/handleiding]):hover{background:var(--bg-2);border-color:var(--border-3)}.library-fragment :is(#related a[data-module-slug],#test-results aside>a){border-color:var(--border);box-shadow:none;border-radius:4px}.library-fragment :is(#related a[data-module-slug],#test-results aside>a):hover{border-color:var(--border-3);box-shadow:none}.library-fragment #test-results .grid>div:first-child{border-color:var(--border);border-radius:4px;background:var(--bg-2)!important}.library-fragment :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}body.library-page .compact-filters{z-index:20;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(var(--header-blur));border:1px solid var(--border);border-radius:6px;position:sticky;top:0}.library-page .result-count{color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}body.library-page .filter-trigger{transition:background var(--speed-highlight-fade) var(--ease-out-quad), border-color var(--speed-highlight-fade) var(--ease-out-quad);border-radius:4px}body.library-page .filter-trigger:hover{background:var(--bg-2);border-color:var(--border-2);color:var(--text-1)}body.library-page .filter-trigger[aria-expanded=true]{background:var(--bg-2);border-color:var(--border-3);color:var(--text-1)}body.library-page .filter-trigger:has(.filter-count:not([hidden])){background:var(--accent-tint);border-color:var(--border-2);color:var(--accent)}body.library-page #filters input[type=checkbox]{appearance:none;border:1px solid var(--border-3);border-radius:var(--radius-4);background:var(--surface) center / 10px no-repeat;cursor:pointer;width:15px;height:15px;transition:background-color var(--speed-highlight-fade) var(--ease-out-quad), border-color var(--speed-highlight-fade) var(--ease-out-quad);flex:none;margin:0}body.library-page #filters input[type=checkbox]:hover:not(:disabled){border-color:var(--focus)}body.library-page #filters input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent);background-image:var(--lib-check)}body.library-page #filters input[type=checkbox]:disabled{cursor:default}.row-visual-card{aspect-ratio:auto;padding:var(--space-5) var(--space-4)}.module-video{background:var(--text-1);aspect-ratio:16/9;object-fit:contain;border-radius:6px;width:100%;display:block}.license-box{border:1px solid var(--border);background:var(--bg-2);border-radius:4px;padding:12px 14px}.license-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.license-head .k{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:650}.license-head .v{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.license-head .v s{color:var(--text-4);margin-right:5px;font-size:11px;font-weight:550}.license-head .per{color:var(--text-2);font-size:11px;font-weight:550}.license-note{color:var(--text-2);margin-top:5px;font-size:11.5px;line-height:1.5}.license-cap{border-top:1px solid var(--border);color:var(--text-2);align-items:flex-start;gap:6px;margin-top:10px;padding-top:10px;font-size:11.5px;line-height:1.5;display:flex}.license-cap svg{width:14px;height:14px;color:var(--warning);flex:none;margin-top:2px}.license-cap strong{color:var(--accent);font-weight:650}.library-page .lib-section{font-family:var(--font-sans);overflow-x:auto}.library-page .lib-section>:first-child{margin-top:0}.library-page .compact-filters{z-index:20;padding:14px 18px;position:sticky;top:0}.compact-search-row{align-items:center;gap:20px;display:flex}.compact-search{flex:1;align-items:center;min-width:0;display:flex;position:relative}.compact-search input{width:100%;height:40px;font:inherit;border:1px solid var(--border-2);background:var(--surface);color:var(--text-1);border-radius:4px;padding:8px 48px 8px 12px;font-size:14px}.compact-search input::placeholder{color:var(--text-3)}.compact-search kbd{font:11px var(--font-sans);color:var(--text-3);border:1px solid var(--border);border-radius:3px;padding:0 5px;position:absolute;right:12px}.compact-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.filter-group{position:relative}.compact-filters button{font:500 12px/1.4 var(--font-sans);cursor:pointer}.filter-trigger{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text-2);border-radius:4px;align-items:center;gap:8px;padding:7px 10px;display:flex}.filter-trigger:hover,.filter-trigger[aria-expanded=true]{background:var(--bg-2);border-color:var(--border-2)}.filter-count{color:var(--accent);background:var(--accent-tint);font-variant-numeric:tabular-nums;border-radius:3px;padding:0 4px}.filter-chevron{color:var(--text-3)}.filter-options{background:var(--surface);border:1px solid var(--border-2);width:265px;box-shadow:var(--shadow-medium);z-index:22;border-radius:6px;max-height:min(420px,55dvh);padding:8px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.filter-options[hidden],.active-filters[hidden],.filter-count[hidden]{display:none}.filter-options>p{color:var(--text-3);padding:5px 8px 9px;font-size:11px}.filter-options>label{color:var(--text-2);cursor:pointer;border-radius:3px;align-items:center;gap:10px;padding:8px;font-size:13px;display:flex}.filter-options>label:hover{background:var(--bg-2)}.filter-options>label:has(input:disabled){opacity:.5;cursor:default}.filter-options input,.quick-filters input{width:14px;height:14px;accent-color:var(--accent);flex:none}.option-count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.filter-options-footer{border-top:1px solid var(--border);justify-content:space-between;margin-top:6px;padding-top:8px;display:flex}.filter-options-footer button{color:var(--text-2);background:0 0;border:0;padding:5px 8px}.filter-options-footer [data-close-filter]{background:var(--bg-2);border-radius:3px}.quick-filters{flex-wrap:wrap;align-items:center;gap:14px;margin-left:8px;display:flex}.quick-filters label{color:var(--text-2);cursor:pointer;align-items:center;gap:6px;min-height:34px;font-size:12px;display:flex}.active-filters{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}.active-label{color:var(--text-3);font-size:11px}#active-filter-values{flex-wrap:wrap;gap:6px;display:flex}#active-filter-values button{background:var(--accent-tint);color:var(--accent);border:0;border-radius:4px;padding:5px 8px}#active-filter-values button span{margin-left:6px}.clear-all{color:var(--text-3);text-underline-offset:3px;background:0 0;border:0;margin-left:auto;padding:5px 0;text-decoration:underline}@media (width<=720px){.library-page .compact-filters{padding:12px}.compact-search-row{flex-wrap:wrap;gap:8px}.compact-search{flex-basis:100%}.compact-search kbd{display:none}.compact-tools{gap:6px;position:relative}.filter-group{position:static}.filter-options{width:auto;top:40px;left:0;right:0}.quick-filters{gap:12px;width:100%;margin-left:0}}@media (width<=1100px){.row-test{grid-template-columns:minmax(250px,34%) 1fr}.row-test .row-ab{grid-column:1/-1}.tr-grid.has-side{grid-template-columns:1fr 1fr}.tr-side{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.tr-side h3{grid-column:1/-1}}@media (width<=900px){.hero{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.hero-aside{max-width:480px}.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-side,.detail-grid>.info-card{max-width:480px}.tr-grid,.tr-grid.has-side{grid-template-columns:minmax(0,1fr)}.cta-block{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.cta-block>:last-child{justify-self:start}.hvp-row{grid-template-columns:minmax(0,1fr);gap:6px}.hvp-label{text-align:left;padding-top:0}.hvp-control{max-width:none}.admin-mock-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.admin-mock-label{text-align:left}.library-page .lib-section [class*=-row],.library-page .lib-section [class*=-body]{grid-template-columns:minmax(0,1fr)}.library-page .lib-section [class*=-label]{text-align:left}.library-page .lib-section .hvp{margin-inline:0}}@media (width<=620px){body.library-page{padding-inline:var(--space-4)}.row,.row-test{gap:var(--space-4);padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.row-test .row-ab{grid-column:auto}.track-cards,.hl-grid,.related-grid,.tr-side{grid-template-columns:minmax(0,1fr)}.detail-section,.lib-visual{padding:var(--space-4)}.hero-aside,.detail-side,.detail-grid>.info-card{max-width:none}.lib-header{gap:var(--space-3)}.pill{white-space:normal;border-radius:12px}.ab-info:after{width:min(230px,66vw)}.shortcuts{scrollbar-width:none;overflow-x:auto}.shortcuts::-webkit-scrollbar{display:none}.shortcut-group{flex-wrap:nowrap}.shortcut-link{white-space:nowrap}.library-page .lib-section table{max-width:100%;display:block;overflow-x:auto}.shortcut-link{padding:10px 12px}}@media (pointer:coarse){.library-page :is(.mini-title a,.section-head-row a,.track-cta a,.row-cta){align-items:center;min-height:44px;display:inline-flex}.library-page a.pill{min-height:36px}.library-page .chip{min-height:40px}body.library-page .filter-trigger,.filter-options>label,.quick-filters label{min-height:44px}.mockup-theme-btn,.filter-options-footer button,.clear-all{min-height:40px}.lib-list .row{position:relative}.lib-list .row .row-cta:after{content:"";border-radius:6px;position:absolute;inset:0}.lib-list .row :is(a:not(.row-cta),button){z-index:1;position:relative}}