/* Centrale layout en responsive styling — v1.0.2 */
:root{--max:1100px;--gap:1rem;--border:#d9d9d9;--bg:#f6f6f6;--text:#202020;--accent:#315a7d}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:var(--accent)}header{background:#fff;border-bottom:1px solid var(--border);padding:.5rem max(1rem,calc((100% - var(--max))/2));display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{min-width:0}.brand a{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--text);font-weight:800;max-width:100%}.brand img{height:75px;width:auto;max-width:35vw;object-fit:contain}.brand img.home-logo{height:120px}.brand-copy{display:flex;flex-direction:column;min-width:0;max-width:65vw}.brand-title{color:#5b5e25;font-size:clamp(1.1rem,4.5vw,3.375rem);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tagline{text-align:center;color:grey;font-size:clamp(.72rem,1.5vw,1.05rem);line-height:1.25;font-weight:500;margin-top:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}nav a{padding:.45rem .65rem;text-decoration:none;border-radius:.4rem}nav a:hover,nav a:focus-visible{background:#e7edf2}nav a.active{background:#e7edf2;font-weight:700}main{max-width:var(--max);margin:auto;padding:1rem}.hero,.card,.article,.comments,.form-card{background:#fff;border:1px solid var(--border);border-radius:.6rem;padding:1.1rem;margin-bottom:1rem}.card h2{margin:.2rem 0 .4rem}.meta{font-size:.9rem;color:#666}.button,button{display:inline-block;border:0;border-radius:.4rem;background:var(--accent);color:#fff;padding:.55rem .85rem;text-decoration:none;cursor:pointer;font:inherit}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:1.2rem;padding-top:1rem}.actions form{margin:0}.intro{font-size:1.05rem}.body{white-space:normal}.comment{border-top:1px solid var(--border);padding:1rem 0}.comment.level-1{margin-left:3.65rem}.comment.level-2{margin-left:4rem}.comment textarea{min-height:70px}.form-card{max-width:720px;margin-inline:auto}label{display:block;font-weight:650;margin:.8rem 0;margin-left:.7rem;color:#888}label>input{margin-left:-.7rem}input,textarea{display:block;width:100%;padding:.65rem;border:1px solid #bbb;border-radius:.35rem;font:inherit;background:#fff}textarea{min-height:110px;resize:vertical}.search-form{display:flex;gap:.5rem}.search-form input{flex:1}.load-more{text-align:center;margin:1.5rem}.success{background:#eaf7ea;border:1px solid #b9dfb9;padding:.7rem;border-radius:.4rem;margin-bottom:1rem}.error{background:#fdecec;border:1px solid #e4b6b6;padding:.7rem;border-radius:.4rem}footer{max-width:var(--max);margin:2rem auto 0;padding:1.2rem;text-align:center;color:#666;border-top:1px solid var(--border)}
@media(max-width:760px){header{display:block}.brand{margin-bottom:.5rem}.brand img{height:75px;max-width:28vw}.brand img.home-logo{height:120px;max-width:45vw}.brand-copy{max-width:55vw}.brand-title{color:#5b5e25;font-size:clamp(1.05rem,7vw,2.3rem)}.brand-tagline{text-align:center;color:grey;font-size:clamp(.68rem,3vw,.95rem)}nav{gap:.15rem}nav a{padding:.4rem .5rem;font-size:.93rem}.search-form{display:block}.search-form button{margin-top:.5rem}.comment.level-1{margin-left:3.65rem}.comment.level-2{margin-left:2rem}}
@media(max-width:420px){.brand a{gap:.4rem}.brand img.home-logo{height:100px}.brand-title{color:#5b5e25;font-size:1.7rem}.brand-tagline{text-align:center;color:grey;font-size:.72rem}main{padding:.6rem}.card,.article,.comments,.form-card,.hero{padding:.85rem}}

/* v1.0.2: avatars, reacties en artikel-editor */
.avatar{width:40px;height:40px;min-width:40px;border-radius:50%;border:1px solid #000;object-fit:cover;background:#fff}.comment-author,.user-line{display:flex;align-items:center;gap:.65rem}.comment:target{outline:2px solid var(--accent);outline-offset:4px;border-radius:.35rem}.article-paragraph{white-space:pre-line;margin:0 0 .75em}.article-paragraph:last-child{margin-bottom:0}.editor-toolbar{display:flex;gap:.35rem;flex-wrap:wrap;margin:.35rem 0}.editor-toolbar button{background:#fff;color:var(--text);border:1px solid #999;padding:.4rem .65rem}.article-editor{font-weight:400!important;font-style:normal}.rich-editor{margin-bottom:1rem}

.button.secondary{background:#666}

.danger{background:#8b1e1e}.removed-message{color:#666}.admin-original{background:#fff7d6;border:1px solid #d9c56b;border-radius:.4rem;padding:.65rem;margin:.5rem 0}.delete-comment-form{margin:.5rem 0}.deleted-comment>.comment-author{opacity:.75}


/* v1.0.5: artikelregels, afbeeldingen en vorige/volgende navigatie */
.article-paragraph{margin:0 0 .75em}.article-paragraph br{display:none}.body img{display:block;max-width:100%;height:auto;margin:.75rem 0}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:.6rem;padding:.85rem 1.1rem;margin:-.25rem 0 1rem}.article-navigation>div{min-width:0}.article-navigation .newer{text-align:right}.article-navigation a{display:block;font-size:.88rem;line-height:1.3;text-decoration:none}.nav-caption{display:block;color:#777;font-size:.72rem;margin-bottom:.15rem}.editor-image-button{display:inline-block;background:#fff;color:var(--text);border:1px solid #999;border-radius:.4rem;padding:.4rem .65rem;cursor:pointer;font-weight:400;margin:0}.editor-image-button.busy{opacity:.55;pointer-events:none}.editor-image-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:560px){.article-navigation{grid-template-columns:1fr}.article-navigation .newer{text-align:left}}

/* v1.0.7 */
.comment.level-0{margin-left:0}.comment.level-1{margin-left:3.65rem}.comment.level-2{margin-left:4rem}
.comment>p,.comment>.removed-message,.comment>.admin-original,.comment>.delete-comment-form,.comment>details{margin-left:50px}
.account-link{display:inline-flex;align-items:center;gap:.4rem}.avatar.menu-avatar{width:28px;height:28px;min-width:28px}
@media(max-width:760px){.comment.level-1{margin-left:3.65rem}.comment.level-2{margin-left:2rem}.comment>p,.comment>.removed-message,.comment>.admin-original,.comment>.delete-comment-form,.comment>details{margin-left:46px}}

/* v1.0.8: artikelafbeeldingen op grote schermen 75% van de viewport en gecentreerd */
@media(min-width:761px){.body img{width:min(75vw,100%);max-width:100%;height:auto;margin:.75rem auto}}

summary{cursor:pointer}

.inline-form{display:inline-block;margin:0}.danger{background:#9b2c2c}

.latest-heading{margin:1.4rem 0 .7rem 1.2rem;font-size:2em}.publish-option{display:flex;align-items:center;gap:.55rem}.publish-option input{width:auto;margin:0}.unpublished-notice.compact{display:inline-block;margin:.45rem 0 0;padding:.25rem .55rem;font-size:.85rem}.unpublished-notice{background:#fff3cd;border:1px solid #e1c66b;padding:.75rem 1rem;border-radius:.4rem;margin-bottom:1rem;font-weight:700}

/* v1.6 */
.latest-heading{margin:1.4rem 0 .7rem 1.2rem;font-size:2em;}
.body img{display:block;width:auto;max-width:100%;max-height:400px;height:auto;margin:.75rem auto;object-fit:contain;}
@media(min-width:761px){.body img{width:auto;max-width:min(75vw,100%);max-height:400px;height:auto;margin:.75rem auto;}}

/* v1.7: grotere avatar op accountpagina */
.avatar.account-avatar{width:160px;height:160px;min-width:160px;border-width:2px}.account-user-line{align-items:center}

.article-image-count{display:inline-block;margin:0 0 .8rem;padding:.2rem .5rem;border-radius:.35rem;background:#eef3f7;color:#405463;font-size:.85rem;font-weight:650}.article-image-count.none{background:#f3f3f3;color:#777}.article-body img{cursor:zoom-in}.image-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:5vh 5vw;background:rgba(0,0,0,.82);cursor:zoom-out}.image-lightbox.open{display:flex}.image-lightbox img{display:block;max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;margin:0;cursor:zoom-out;box-shadow:0 0 2rem rgba(0,0,0,.45)}body.lightbox-open{overflow:hidden}

/* v1.10 editor icon buttons */
.editor-toolbar{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.5rem}.editor-icon-button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;border-radius:0;cursor:pointer;width:auto;height:auto;margin:0;color:inherit}.editor-icon-button img{display:block;max-height:36px;width:auto}.editor-clear-button{margin-right:40px}.editor-image-button{font-weight:normal}.editor-image-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;padding:0!important;border:0!important;margin:0!important}.article-image-count{display:inline-block;margin-left:.7rem;color:#666;font-size:.9rem}

/* v1.11 */
.editor-toolbar button{
    /* background: #fff; */
    color: var(--text);
    border: 1px solid #fff;
    /* padding: .4rem .65rem; */
    border-radius: 6px;
    padding: 2px;
}
.editor-toolbar button:hover,.editor-toolbar button:focus-visible{border-color:#000;}
label>textarea{margin-left:-.7rem;}
.editor-message-row{display:flex;align-items:center;gap:.35rem;margin:.35rem 0 .5rem;}
.editor-message-label{margin-left:.7rem;color:#888;font-weight:650;}
.editor-message-row .editor-toolbar{margin:0 0 0 auto;justify-content:flex-end;}
.account-form-help{font-weight:400;}