
/* Release 7.4.0 – AI Act Artikelsgewijs Commentaar */
.commentary-intro{grid-column:1/-1;background:linear-gradient(135deg,#183153,#255784);color:#fff;border-radius:18px;padding:22px;margin-bottom:4px;box-shadow:0 10px 24px rgba(24,49,83,.14)}
.commentary-intro h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:7px 0}.commentary-intro p{max-width:850px;line-height:1.55;color:#edf5ff}.commentary-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#dceaf7;color:#183153;border-radius:999px;padding:5px 9px}.commentary-source{margin:14px 0 12px;padding:10px 12px;background:rgba(255,255,255,.12);border-radius:10px;font-size:13px;line-height:1.45}.commentary-pdf-button{display:inline-block;background:#fff;color:#183153;text-decoration:none;padding:10px 13px;border-radius:10px;font-size:13px;font-weight:750}.commentary-card{border-left:5px solid #2f6fa3}.commentary-label{display:inline-block;color:#2f6fa3;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}.commentary-snippet{margin-top:9px!important;font-size:12px;line-height:1.45;color:#66758a!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.article-view-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 4px}.article-view-tabs button{border:1px solid #b8c8d8;background:#f5f8fb;color:#183153;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}.article-view-tabs button.active{background:#183153;color:#fff;border-color:#183153}.article-detail-body{white-space:normal!important;font-family:inherit!important}.law-panel,.commentary-panel{border-radius:14px;padding:16px;margin:12px 0}.law-panel{background:#f7f4fb;border-left:5px solid #7b3f91}.commentary-panel{background:#f4f8fc;border-left:5px solid #2f6fa3}.content-label{display:inline-block;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 9px;margin-bottom:12px}.law-label{background:#eadcf1;color:#632d78}.commentary-content-label{background:#dceaf7;color:#183153}.law-text,.commentary-text{white-space:pre-wrap;line-height:1.62;font-family:Georgia,serif}.commentary-attribution{display:grid;gap:5px;background:#e8f1f9;border-radius:10px;padding:12px;margin-bottom:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.commentary-attribution span{font-size:13px;color:#40566e}.commentary-attribution small{font-size:11px;color:#5f7083;line-height:1.4}.combined-view{display:grid;gap:14px}.commentary-missing{padding:14px;background:#fff4ce;border-radius:10px}@media(min-width:1000px){.combined-view{grid-template-columns:1fr 1fr;align-items:start}.combined-view .law-panel,.combined-view .commentary-panel{margin:0}}
/* Release 8.0 geïntegreerde juridische lagen */
.article-view-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.article-view-tabs button{border:1px solid #cbd5e1;background:#fff;color:#183153;border-radius:999px;padding:8px 12px;font-weight:700}.article-view-tabs button.active{background:#183153;color:#fff;border-color:#183153}.legal-layer{border:1px solid #d9e1ea;border-radius:14px;margin:0 0 16px;overflow:hidden;background:#fff}.legal-layer-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;font-weight:800}.legal-layer-head small{font-weight:500;color:#64748b}.legal-layer-body{padding:16px;line-height:1.62}.legal-layer-law{border-left:5px solid #6b46c1}.legal-layer-law .legal-layer-head{background:#f3effc}.legal-layer-comment{border-left:5px solid #2563a8}.legal-layer-comment .legal-layer-head{background:#eaf3fc}.legal-layer-omnibus{border-left:5px solid #d97706;padding-bottom:14px}.legal-layer-omnibus .legal-layer-head{background:#fff4df}.legal-layer-omnibus p,.legal-layer-omnibus button{margin-left:14px;margin-right:14px}.commentary-source-note{margin:14px 16px 0;padding:10px 12px;border-radius:9px;background:#f1f5f9;color:#475569;font-size:13px}.commentary-text{font-family:Georgia,serif}.integrated-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:900px){.integrated-two-column{grid-template-columns:1fr}.legal-layer-head{align-items:flex-start;flex-direction:column}}
