:root { --adtg-purple:#7800d6; --adtg-violet:#5a46ee; --adtg-blue:#3f42e8; --adtg-lilac:#eee8f6; --adtg-ink:#282430; --adtg-body:#595661; }
.adtg-article-page { background:linear-gradient(180deg,#f4eff9 0,#fff 260px); color:var(--adtg-body); font-family:inherit; padding:clamp(28px,4vw,52px) clamp(14px,2vw,28px) 72px; }
.adtg-article-page *, .adtg-article-page *::before, .adtg-article-page *::after { box-sizing:border-box; }
.adtg-author-card { align-items:center; background:linear-gradient(118deg,#10152f 0%,#151d42 58%,#10304a 100%); border:1px solid rgba(181,199,255,.34); border-radius:24px; box-shadow:0 22px 54px rgba(20,24,64,.2),inset 0 1px 0 rgba(255,255,255,.14); color:#fff; display:grid; gap:clamp(22px,4vw,42px); grid-template-columns:auto minmax(0,1fr); isolation:isolate; margin:0 auto 26px; max-width:1370px; overflow:hidden; padding:clamp(26px,4vw,44px); position:relative; }
.adtg-author-card::before { background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size:36px 36px; content:""; inset:0; mask-image:linear-gradient(110deg,transparent 4%,#000 100%); pointer-events:none; position:absolute; z-index:-1; }
.adtg-author-card::after { background:radial-gradient(circle,rgba(66,133,255,.25),rgba(155,92,255,.12) 38%,rgba(85,220,255,.06) 56%,transparent 72%); border-radius:50%; content:""; filter:blur(3px); height:min(58vw,560px); position:absolute; right:-75px; top:-190px; width:min(58vw,560px); z-index:-1; }
.adtg-author-card__shine { animation:adtg-author-sweep 9s ease-in-out infinite; background:linear-gradient(105deg,transparent,rgba(255,255,255,.055),transparent); height:100%; left:-65%; pointer-events:none; position:absolute; top:0; transform:skewX(-18deg); width:45%; }
.adtg-author-card__portrait { aspect-ratio:1; background:linear-gradient(135deg,#7711c9,#4146f3 55%,#2ca7ff); border:1px solid rgba(255,255,255,.6); border-radius:30px; box-shadow:0 0 0 7px rgba(255,255,255,.055),0 0 34px rgba(88,116,255,.36),inset 0 1px 0 rgba(255,255,255,.4); overflow:hidden; padding:4px; position:relative; transform:rotate(-3deg); width:clamp(110px,14vw,150px); }
.adtg-author-card__portrait::after { border:1px solid rgba(255,255,255,.38); border-radius:25px; content:""; inset:4px; pointer-events:none; position:absolute; }
.adtg-author-card__photo { border-radius:24px!important; display:block; height:100%!important; object-fit:cover; object-position:center 35%; width:100%!important; }
.adtg-author-card__content { min-width:0; position:relative; }
.adtg-author-card__eyebrow { align-items:center; color:#d9e5ff; display:flex; font-size:.72rem; font-weight:750; gap:9px; letter-spacing:.15em; margin:0 0 11px; text-transform:uppercase; }
.adtg-author-card__eyebrow::before { background:linear-gradient(90deg,#9b5cff,#55dcff); border-radius:2px; box-shadow:0 0 12px rgba(85,220,255,.75); content:""; height:2px; width:25px; }
.adtg-author-card__heading { color:#fff!important; font-size:clamp(1.55rem,3.2vw,2.35rem); font-weight:750; letter-spacing:-.035em; line-height:1.14; margin:0 0 12px; text-shadow:0 3px 22px rgba(5,12,35,.28); }
.adtg-author-card__bio,.adtg-author-card__bio p { color:#f4f2fa!important; font-size:clamp(.96rem,1.35vw,1.05rem); font-weight:400; line-height:1.75; margin:0; max-width:850px; }
.adtg-author-card__link { border:1px solid rgba(210,222,255,.42); border-radius:10px; color:#fff!important; display:inline-flex; font-size:.82rem; font-weight:750; gap:9px; margin-top:17px; padding:9px 13px; text-decoration:none; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.adtg-author-card__link:hover { background:rgba(255,255,255,.13); border-color:#8ee4ff; transform:translateY(-2px); }
@keyframes adtg-author-sweep { 0%,58%,100% { left:-65%;opacity:0; } 66% { opacity:1; } 82% { left:125%;opacity:0; } }
.adtg-article-layout { align-items:start; display:grid; gap:clamp(18px,2.5vw,34px); grid-template-columns:minmax(170px,220px) minmax(0,760px) minmax(210px,270px); justify-content:center; margin:0 auto; max-width:1370px; }
.adtg-article-toc,.adtg-random-sidebar { background:#fff; border:1px solid #e7e0f0; border-radius:12px; box-shadow:0 10px 28px rgba(45,29,83,.07); padding:20px; position:sticky; top:24px; }
.adtg-article-eyebrow { color:var(--adtg-violet); font-size:.69rem; font-weight:800; letter-spacing:.13em; margin:0 0 7px; text-transform:uppercase; }
.adtg-article-toc h2,.adtg-random-sidebar>h2 { color:var(--adtg-ink); font-size:1.08rem; line-height:1.3; margin:0 0 15px; }
.adtg-toc-links { border-left:2px solid #e4dbf5; padding-left:12px; }
.adtg-toc-links ol { list-style:none; margin:0; padding:0; }
.adtg-toc-links li { margin:0 0 9px; }
.adtg-toc-links li.adtg-toc-level-3 { padding-left:10px; }
.adtg-toc-links a { color:#514a60; display:block; font-size:.82rem; line-height:1.42; text-decoration:none; }
.adtg-toc-links li.adtg-toc-level-3 a { color:#756e80; font-size:.77rem; }
.adtg-toc-links a:hover,.adtg-toc-links a:focus-visible { color:var(--adtg-blue); text-decoration:underline; }
.adtg-article-entry { background:#fff; border:1px solid #eeeaf2; border-radius:14px; box-shadow:0 12px 34px rgba(45,29,83,.06); min-width:0; padding:clamp(24px,4vw,54px); }
.adtg-article-header { border-bottom:1px solid #e7e0f0; margin-bottom:28px; padding:0 0 22px; position:relative; }
.adtg-article-header::after { background:linear-gradient(90deg,#7958e8,#41bfe7); border-radius:99px; bottom:-2px; content:""; height:3px; left:0; position:absolute; width:112px; }
.adtg-article-meta { color:#797481; font-size:.81rem; line-height:1.5; margin:0 0 12px; }
.adtg-article-meta a { color:var(--adtg-violet); text-decoration:none; }
.adtg-article-entry h1 { color:var(--adtg-ink); font-size:clamp(2rem,4vw,3.2rem); letter-spacing:-.035em; line-height:1.12; margin:0; overflow-wrap:anywhere; }
.adtg-article-deck { color:#67616f; font-size:1.12rem; line-height:1.65; margin:0; }
.adtg-article-featured { margin:0 0 30px; }
.adtg-article-featured img { border-radius:10px; display:block; height:auto; max-width:100%; width:100%; }
.adtg-article-content { color:#403c46; font-size:1.025rem; line-height:1.82; overflow-wrap:anywhere; }
.adtg-article-content p { margin:0 0 1.35em; }
.adtg-article-content h2 { color:#2d2933; font-size:clamp(1.55rem,2.5vw,2rem); letter-spacing:-.02em; line-height:1.28; margin:1.9em 0 .65em; scroll-margin-top:24px; }
.adtg-article-content h3 { color:#34303b; font-size:clamp(1.22rem,2vw,1.5rem); line-height:1.35; margin:1.55em 0 .55em; scroll-margin-top:24px; }
.adtg-article-content a { color:#4848d9; text-decoration-thickness:1px; text-underline-offset:3px; }
.adtg-article-content a:hover { color:var(--adtg-purple); }
.adtg-article-content img,.adtg-article-content video { border-radius:8px; height:auto; max-width:100%; }
.adtg-article-content figure { margin:1.8em 0; }
.adtg-article-content blockquote { border-left:4px solid #7b60e9; color:#5b5368; margin:1.8em 0; padding:.4em 0 .4em 1.2em; }
.adtg-article-content ul,.adtg-article-content ol { margin:0 0 1.4em; padding-left:1.5em; }
.adtg-article-content li { margin:.35em 0; }
.adtg-article-content table { border-collapse:collapse; display:block; max-width:100%; overflow-x:auto; width:100%; }
.adtg-article-content th,.adtg-article-content td { border:1px solid #e3deea; padding:10px 12px; text-align:left; }
.adtg-article-content th { background:#f3eff8; color:#302a3a; }
.adtg-article-content pre,.adtg-article-content code { background:#f3eff8; border-radius:5px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.adtg-article-content pre { overflow-x:auto; padding:16px; }
.adtg-article-content code { padding:.12em .3em; }
.adtg-article-pages { border-top:1px solid #e8e2ef; margin-top:36px; padding-top:20px; }
.adtg-random-list { display:grid; gap:16px; }
.adtg-random-card { border-bottom:1px solid #ece7f1; padding-bottom:15px; }
.adtg-random-card:last-child { border-bottom:0; padding-bottom:0; }
.adtg-random-card__image { aspect-ratio:16/9; background:linear-gradient(135deg,#eee8f6,#e2e4ff); border-radius:8px; display:block; margin-bottom:10px; overflow:hidden; }
.adtg-random-card__image img { display:block; height:100%; object-fit:cover; transition:transform .25s ease; width:100%; }
.adtg-random-card:hover .adtg-random-card__image img { transform:scale(1.035); }
.adtg-random-card__image span { align-items:center; color:var(--adtg-blue); display:flex; height:100%; justify-content:center; }
.adtg-random-card__date { color:#898391; font-size:.7rem; margin:0 0 5px; }
.adtg-random-card h3 { font-size:.93rem; line-height:1.4; margin:0 0 7px; }
.adtg-random-card h3 a { color:#332f39; text-decoration:none; }
.adtg-random-card h3 a:hover { color:var(--adtg-blue); }
.adtg-random-card__link { color:var(--adtg-blue); font-size:.77rem; font-weight:750; text-decoration:none; }
.adtg-random-card__link:hover { color:var(--adtg-purple); text-decoration:underline; }
.adtg-random-empty { color:#77727f; font-size:.88rem; line-height:1.55; }
.adtg-article-page a:focus-visible { border-radius:3px; outline:3px solid rgba(91,70,238,.55); outline-offset:3px; }
@media(max-width:1120px) { .adtg-article-layout { grid-template-areas:"toc content" "random content"; grid-template-columns:minmax(160px,210px) minmax(0,760px); } .adtg-article-toc { grid-area:toc; } .adtg-article-entry { grid-area:content; } .adtg-random-sidebar { grid-area:random; position:static; } }
@media(max-width:760px) { .adtg-article-layout { grid-template-areas:"toc" "content" "random"; grid-template-columns:minmax(0,1fr); } .adtg-article-toc,.adtg-random-sidebar { position:static; } .adtg-article-entry { padding:24px 20px; } .adtg-toc-links ol { columns:2; column-gap:22px; } .adtg-random-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .adtg-article-page { padding:18px 10px 42px; } .adtg-article-layout { gap:14px; } .adtg-toc-links ol,.adtg-random-list { columns:auto; grid-template-columns:1fr; } .adtg-article-entry { padding:22px 17px; } .adtg-article-content { font-size:.98rem; line-height:1.75; } }
@media(max-width:620px) { .adtg-author-card { align-items:start; border-radius:20px; gap:20px; grid-template-columns:1fr; padding:25px 22px; } .adtg-author-card__portrait { border-radius:25px; width:112px; } .adtg-author-card__portrait::after { border-radius:20px; } }

[data-adtg-theme="dark"] .adtg-article-page { background:linear-gradient(180deg,#171322 0,#100e18 260px); color:#d5cede; }
[data-adtg-theme="dark"] .adtg-article-toc,[data-adtg-theme="dark"] .adtg-random-sidebar { background:#1b1725; border-color:#373044; box-shadow:0 10px 28px rgba(0,0,0,.22); }
[data-adtg-theme="dark"] .adtg-article-toc h2,[data-adtg-theme="dark"] .adtg-random-sidebar>h2 { color:#f3eef9; }
[data-adtg-theme="dark"] .adtg-toc-links { border-color:#594b76; }
[data-adtg-theme="dark"] .adtg-toc-links a { color:#ded7e8; }
[data-adtg-theme="dark"] .adtg-toc-links li.adtg-toc-level-3 a { color:#bdb4cb; }
[data-adtg-theme="dark"] .adtg-toc-links a:hover,[data-adtg-theme="dark"] .adtg-toc-links a:focus-visible { color:#b8afff; }
[data-adtg-theme="dark"] .adtg-article-entry { background:#1a1723; border-color:#363041; box-shadow:0 12px 34px rgba(0,0,0,.22); }
[data-adtg-theme="dark"] .adtg-article-header { border-color:#3b3348; }
[data-adtg-theme="dark"] .adtg-article-entry h1,[data-adtg-theme="dark"] .adtg-article-content h2,[data-adtg-theme="dark"] .adtg-article-content h3 { color:#f4effa; }
[data-adtg-theme="dark"] .adtg-article-deck,[data-adtg-theme="dark"] .adtg-article-content { color:#d2cbdc; }
[data-adtg-theme="dark"] .adtg-article-meta,[data-adtg-theme="dark"] .adtg-random-card__date { color:#aaa2b5; }
[data-adtg-theme="dark"] .adtg-article-meta a,[data-adtg-theme="dark"] .adtg-article-content a { color:#aaa7ff; }
[data-adtg-theme="dark"] .adtg-article-content a:hover { color:#e2a0ff; }
[data-adtg-theme="dark"] .adtg-article-content blockquote { border-left-color:#9b7cf1; color:#cfc3e5; }
[data-adtg-theme="dark"] .adtg-article-content th,[data-adtg-theme="dark"] .adtg-article-content td { border-color:#40384b; }
[data-adtg-theme="dark"] .adtg-article-content th { background:#2a2335; color:#f0eaf8; }
[data-adtg-theme="dark"] .adtg-article-content pre,[data-adtg-theme="dark"] .adtg-article-content code { background:#262033; color:#eee6f6; }
[data-adtg-theme="dark"] .adtg-article-pages { border-color:#3c3548; }
[data-adtg-theme="dark"] .adtg-random-card { border-color:#393245; }
[data-adtg-theme="dark"] .adtg-random-card h3 a { color:#f0eaf8; }
[data-adtg-theme="dark"] .adtg-random-card h3 a:hover,[data-adtg-theme="dark"] .adtg-random-card__link { color:#aaa7ff; }
[data-adtg-theme="dark"] .adtg-random-empty { color:#bdb5c8; }

/* Restrained underline flow makes article links easier to spot without distracting from reading. */
.adtg-toc-links a,.adtg-random-card__link,.adtg-article-meta a { background-image:linear-gradient(currentColor,currentColor); background-position:0 100%; background-repeat:no-repeat; background-size:0 1px; transition:background-size .28s ease,color .2s ease; }
.adtg-toc-links a:hover,.adtg-toc-links a:focus-visible,.adtg-random-card__link:hover,.adtg-article-meta a:hover { background-size:100% 1px; }
.adtg-random-card__link span { display:inline-block; transition:transform .22s ease; }
.adtg-random-card__link:hover span { transform:translateX(3px); }
@media(prefers-reduced-motion:reduce) { .adtg-author-card__shine { animation:none;display:none; } .adtg-author-card__link,.adtg-toc-links a,.adtg-random-card__link,.adtg-article-meta a,.adtg-random-card__link span { transition-duration:.01ms!important; } }

/* Let single articles use the available viewport instead of inheriting a narrow theme content column. */
.adtg-article-page { margin-left:0; max-width:none; overflow-x:clip; padding-left:clamp(16px,3.2vw,64px); padding-right:clamp(16px,3.2vw,64px); width:100%; }
.adtg-author-card,.adtg-article-layout { max-width:1680px; width:100%; }
.adtg-article-layout { gap:clamp(18px,2vw,32px); grid-template-columns:minmax(210px,260px) minmax(0,1fr) minmax(240px,310px); }
.adtg-article-entry h1 { font-size:clamp(2.1rem,3vw,3.35rem); hyphens:auto; overflow-wrap:normal; word-break:normal; }
@media(max-width:1100px) { .adtg-article-layout { grid-template-areas:"content content" "toc random"; grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .adtg-article-entry { grid-area:content; } .adtg-article-toc { grid-area:toc; } .adtg-random-sidebar { grid-area:random; position:static; } }
@media(max-width:760px) { .adtg-article-page { padding-left:16px; padding-right:16px; } .adtg-article-layout { grid-template-areas:"content" "toc" "random"; grid-template-columns:minmax(0,1fr); } .adtg-article-toc { grid-area:toc; } .adtg-random-sidebar { grid-area:random; } }
.adtg-berichten-layout .adtg-random-sidebar { top:104px; }