/* De auteur: foto (of initialen zonder foto), auteursregel, "Over de auteur" onder een artikel en het profiel op /auteur/<slug>/.
   Alleen geladen op pagina's die de auteur tonen (src/lib/present-page.ts). */
.lsz-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lsz-icon{flex:none;width:1.125em;height:1.125em}
.lsz-author-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;object-fit:cover;background:var(--color-title,#05164c);color:#fff;font-size:1.25rem;font-weight:700;line-height:1;letter-spacing:.02em;box-shadow:0 0 0 3px #fff,0 4px 12px rgba(5,22,76,.16)}
.post_item .author .lsz-author-avatar{width:46px;height:46px;font-size:1rem;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(5,22,76,.14)}
.lsz-author-byline{color:var(--color-title,#05164c)}
.lsz-author-byline a{color:var(--color-title,#05164c);font-weight:700;text-decoration:underline;text-decoration-color:rgba(15,107,201,.45);text-decoration-thickness:2px;text-underline-offset:4px;transition:color var(--dur,180ms) var(--ease,ease),text-decoration-color var(--dur,180ms) var(--ease,ease)}
.lsz-author-byline a:hover{color:var(--prim-strong,#0f6bc9);text-decoration-color:currentColor}
.lsz-author-dates{font-size:var(--fs-small,.875rem)}
.lsz-nowrap{white-space:nowrap}
/* Knop in pilvorm: profiel en LinkedIn. */
.lsz-author-button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-pill,999px);background:var(--light-blue,#e2effc);color:var(--color-title,#05164c);font-size:1rem;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color var(--dur,180ms) var(--ease,ease),color var(--dur,180ms) var(--ease,ease),transform var(--dur,180ms) var(--ease,ease)}
.lsz-author-button .lsz-icon{color:var(--prim-strong,#0f6bc9);transition:color var(--dur,180ms) var(--ease,ease),transform var(--dur,180ms) var(--ease,ease)}
.lsz-author-button:hover{background:var(--prim-strong,#0f6bc9);color:#fff}
.lsz-author-button:hover .lsz-icon{color:#fff}
.lsz-author-block .lsz-author-button:hover .lsz-icon{transform:translateX(3px)}
/* Einde van een artikel: "Over de auteur" over de volle breedte, de knoppen eronder. */
.ct-section.post_content .ct-section-inner-wrap .ct-div-block.post_info.lsz-post-end{flex-direction:column;align-items:stretch;gap:24px}
.lsz-author-block{position:relative;display:flex;gap:24px;align-items:flex-start;margin:0;padding:32px 28px 28px;overflow:hidden;border:1px solid rgba(5,22,76,.08);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(5,22,76,.08)}
.lsz-author-block::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0f6bc9,#1480ec 55%,#ffb08f)}
.lsz-author-block .lsz-author-avatar{width:88px;height:88px;font-size:1.75rem;box-shadow:0 0 0 4px var(--light-blue,#e2effc)}
.lsz-author-block-body{min-width:0}
.lsz-author-block p{margin:0}
.lsz-author-block .lsz-author-block-label{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:var(--radius-pill,999px);background:var(--light-blue,#e2effc);color:var(--color-title,#05164c);font-size:.75rem;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
.lsz-author-block .lsz-author-block-name{font-size:1.375rem;font-weight:700;line-height:1.25}
.lsz-author-block .lsz-author-block-name a{color:var(--color-title,#05164c);text-decoration:none}
.lsz-author-block .lsz-author-block-name a:hover{color:var(--prim-strong,#0f6bc9);text-decoration:underline;text-underline-offset:4px}
.lsz-author-block .lsz-author-block-role{margin-top:2px;font-weight:600;color:var(--prim-strong,#0f6bc9)}
.lsz-author-block .lsz-author-block-text{margin-top:12px}
.lsz-author-block .lsz-author-block-more{margin-top:18px}
/* Profielkop: portret, naam en functie op een donkerblauw verloop.
   :not(#lsz) geeft de witruimte hier voorrang op de algemene sectieregel met zijn rij :not()-klassen. */
.ct-section.user_info_title{position:relative;overflow:hidden;background:linear-gradient(115deg,#05164c 0%,#0b3f8f 52%,#0f6bc9 100%)}
.ct-section.user_info_title::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px circle at 88% 6%,rgba(255,176,143,.3),transparent 62%),radial-gradient(640px circle at 4% 112%,rgba(20,128,236,.55),transparent 60%)}
.ct-section.user_info_title:not(#lsz)>.ct-section-inner-wrap{position:relative;align-items:stretch;padding-top:clamp(24px,3.5vw,40px);padding-bottom:clamp(96px,10vw,128px)}
/* Vervolgpagina's van de artikellijst: dezelfde kop, lager en met een kleiner portret. */
.ct-section.user_info_title.lsz-author-title-compact:not(#lsz)>.ct-section-inner-wrap{padding-bottom:clamp(32px,4.5vw,56px)}
.lsz-author-title-compact .lsz-author-hero .lsz-author-avatar{width:clamp(88px,10vw,120px);height:clamp(88px,10vw,120px);font-size:clamp(2rem,4vw,2.5rem)}
.ct-section.user_info_title.lsz-author-title-compact .lsz-author-hero h1.ct-headline{font-size:var(--fs-h2,2.375rem)}
.ct-section.user_info_title .rank-math-breadcrumb{width:100%;margin:0 0 clamp(24px,3.5vw,44px);font-size:var(--fs-small,.875rem)}
.ct-section.user_info_title .rank-math-breadcrumb p{margin:0}
.ct-section.user_info_title .rank-math-breadcrumb,.ct-section.user_info_title .rank-math-breadcrumb a{color:rgba(255,255,255,.86)}
.ct-section.user_info_title .rank-math-breadcrumb a:hover{color:#fff}
.ct-section.user_info_title .rank-math-breadcrumb .last{color:#fff;font-weight:600}
.ct-section.user_info_title .user_info_title_inner.lsz-author-hero{flex-direction:row;align-items:center;gap:clamp(20px,4vw,48px);width:100%}
.lsz-author-hero .lsz-author-avatar{width:clamp(104px,15vw,176px);height:clamp(104px,15vw,176px);font-size:clamp(2.25rem,5vw,3.5rem);background:rgba(255,255,255,.16);box-shadow:0 0 0 5px rgba(255,255,255,.96),0 20px 44px rgba(2,10,40,.45)}
.lsz-author-hero-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.lsz-author-hero .lsz-author-eyebrow{margin:0 0 14px;padding:5px 12px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-pill,999px);background:rgba(255,255,255,.14);color:#fff;font-size:.75rem;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
.ct-section.user_info_title .lsz-author-hero h1.ct-headline{margin:0;color:#fff;font-size:var(--fs-h1,3.25rem);line-height:1.08;text-align:left}
.lsz-author-hero .lsz-author-role{margin:12px 0 0;color:rgba(255,255,255,.94);font-size:var(--fs-lead,1.25rem);font-weight:500;line-height:1.4}
.lsz-author-hero .lsz-author-linkedin{margin:24px 0 0;color:#fff}
.lsz-author-hero .lsz-author-button{background:#fff}
.lsz-author-hero .lsz-author-button:hover{background:var(--light-blue,#e2effc);color:var(--color-title,#05164c);transform:translateY(-1px)}
.lsz-author-hero .lsz-author-button:hover .lsz-icon{color:var(--prim-strong,#0f6bc9)}
/* Profiel: kaart met feiten over de rand van de kop, daaronder de bio met de kennisgebieden ernaast. */
.ct-section.user_info_section:not(#lsz)>.ct-section-inner-wrap{align-items:stretch;padding-top:0;padding-bottom:clamp(40px,5vw,64px)}
.lsz-author-profile{width:100%}
.lsz-author-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:clamp(-64px,-5vw,-48px) 0 0;padding:8px;border:1px solid rgba(5,22,76,.06);border-radius:20px;background:#fff;box-shadow:0 20px 48px rgba(5,22,76,.14),0 2px 6px rgba(5,22,76,.06)}
.lsz-author-fact{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:76px;margin:0;padding:16px 16px 16px 76px}
.lsz-author-fact::before{content:"";position:absolute;top:50%;left:16px;width:44px;height:44px;margin-top:-22px;border-radius:12px;background:var(--light-blue,#e2effc) center/22px 22px no-repeat}
.lsz-author-fact-role::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6BC9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E")}
.lsz-author-fact-experience::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6BC9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 12.9 17 22l-5-3-5 3 1.5-9.1'/%3E%3C/svg%3E")}
.lsz-author-fact-area::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6BC9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.lsz-author-fact-organization::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F6BC9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4'/%3E%3Cpath d='M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01'/%3E%3C/svg%3E")}
.lsz-author-fact dt{font-size:.75rem;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text,#435079)}
.lsz-author-fact dd{margin:3px 0 0;font-weight:700;line-height:1.3;color:var(--color-title,#05164c);overflow-wrap:anywhere}
.lsz-author-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:clamp(36px,5vw,64px)}
.lsz-author-bio{max-width:68ch}
.lsz-author-bio h2.ct-headline{margin:0 0 20px;font-size:var(--fs-h3,1.875rem)}
.lsz-author-bio p{margin:0 0 18px}
.lsz-author-bio p:last-child{margin-bottom:0}
.lsz-author-bio h2+p{font-size:var(--fs-lead,1.25rem);line-height:1.6;color:var(--color-title,#05164c)}
.lsz-author-profile a{color:var(--prim-strong,#0f6bc9)}
.lsz-author-side{display:flex;flex-direction:column;gap:20px;align-self:start;min-width:0}
.lsz-author-card{padding:24px;border:1px solid rgba(15,107,201,.14);border-radius:20px;background:linear-gradient(160deg,#f6faff 0%,var(--light-blue,#e2effc) 100%)}
.lsz-author-card .lsz-author-card-title{margin:0 0 14px;font-size:1.125rem;font-weight:700;line-height:1.3;color:var(--color-title,#05164c)}
.lsz-author-card .lsz-author-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.lsz-author-card .lsz-author-chips li{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px 8px 10px;border-radius:var(--radius-pill,999px);background:#fff;color:var(--color-title,#05164c);font-size:.9375rem;font-weight:600;line-height:1.3;box-shadow:0 1px 2px rgba(5,22,76,.08)}
.lsz-author-card .lsz-author-chips li::before{content:none}
.lsz-author-chips .lsz-icon{color:var(--prim-strong,#0f6bc9)}
.lsz-author-profile-short .lsz-author-bio{margin-top:clamp(28px,4vw,48px)}
.lsz-author-more{display:inline-flex;align-items:center;gap:8px;font-weight:600}
/* Artikellijst onder het profiel. */
.ct-section.lsz-author-list:not(#lsz)>.ct-section-inner-wrap{padding-top:clamp(8px,2vw,24px)}
.lsz-author-list .lsz-author-articles{margin:0 0 24px}
@media(min-width:700px){
  .lsz-author-facts{display:flex}
  .lsz-author-fact{flex:1 1 0;min-width:0}
  .lsz-author-fact-role{flex-grow:1.45}
  .lsz-author-fact+.lsz-author-fact::after{content:"";position:absolute;top:16px;bottom:16px;left:0;width:1px;background:rgba(5,22,76,.1)}
}
@media(min-width:700px) and (max-width:1199px){
  .lsz-author-facts{flex-wrap:wrap}
  .lsz-author-fact,.lsz-author-fact-role{flex:1 1 50%}
  .lsz-author-fact:nth-child(odd)::after{content:none}
}
@media(min-width:900px){
  .lsz-author-columns{grid-template-columns:minmax(0,1fr) 360px;column-gap:64px}
}
@media(max-width:699px){
  .ct-section.user_info_title .user_info_title_inner.lsz-author-hero{flex-direction:column;align-items:flex-start}
  .lsz-author-facts{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .lsz-author-block{flex-direction:column;gap:16px;padding:28px 20px 22px}
  .lsz-author-block .lsz-author-avatar{width:72px;height:72px}
  .lsz-author-block .lsz-author-block-name{font-size:1.25rem}
}
@media(prefers-reduced-motion:reduce){
  .lsz-author-button,.lsz-author-button .lsz-icon,.lsz-author-byline a{transition:none}
  .lsz-author-hero .lsz-author-button:hover,.lsz-author-block .lsz-author-button:hover .lsz-icon{transform:none}
}