:root{--paper:#f5f1e8;--card:#fffdf8;--ink:#24231f;--muted:#746f65;--line:#ddd5c7;--accent:#8e3945;--accent2:#294c40;--shadow:0 18px 45px rgba(51,43,31,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.narrow{width:min(820px,calc(100% - 36px))}.hero{min-height:310px;display:flex;align-items:flex-end;background:linear-gradient(120deg,#213d35,#3b5b4e);color:white;padding:64px 0 46px}.hero-inner h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,7vw,5.4rem);line-height:.98;margin:.12em 0}.hero-inner p{margin:0;color:#dce7e1;font-size:1.08rem}.brand{font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.top{background:#243f36;color:#fff;padding:22px 0}.top h1{margin:4px 0 0;font:700 2rem/1.1 Georgia,serif}.top-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.top a{color:#fff;text-decoration:none}.top nav{display:flex;gap:18px;font-size:.9rem}.filters{display:flex;gap:9px;flex-wrap:wrap;padding:28px 0 10px}.chip{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff9;text-decoration:none;font-size:.88rem}.chip.active{background:var(--accent2);border-color:var(--accent2);color:white}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:20px 0 54px}.story-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 8px 20px rgba(60,50,37,.05);transition:.2s ease}.story-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cover{aspect-ratio:16/9;overflow:hidden;background:#ded6c8}.cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.story-card:hover .cover img{transform:scale(1.025)}.cover.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#d9d0bf,#ebe6dc);color:#766f62}.cover.placeholder span{letter-spacing:.16em;font-weight:900}.story-body{padding:22px 23px 24px}.meta{font-size:.77rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:800}.story-body h2,.article h1{font-family:Georgia,"Times New Roman",serif}.story-body h2{font-size:1.75rem;line-height:1.15;margin:7px 0 13px}.excerpt{color:#4d4a43;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;line-height:1.55;max-height:15.5em}.read-more{display:inline-block;margin-top:17px;color:var(--accent);font-weight:800}.article-wrap{width:min(900px,calc(100% - 32px));margin:48px auto 64px}.article{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.article-head{padding:38px 48px 26px}.article h1{font-size:clamp(2.5rem,7vw,4.8rem);line-height:1.02;margin:10px 0 0}.lead-photo{margin:0;max-height:620px;overflow:hidden}.lead-photo img{display:block;width:100%;height:100%;max-height:620px;object-fit:cover}.prose{padding:36px 48px 44px;font-family:Georgia,"Times New Roman",serif;font-size:1.17rem;line-height:1.85}.prose p{margin:0 0 1.35em}.prose p:last-child{margin-bottom:0}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;background:#eee5d8;padding:5px}.photo-grid figure{margin:0;aspect-ratio:4/3;overflow:hidden}.photo-grid img{width:100%;height:100%;object-fit:cover;display:block}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;margin:28px 0;box-shadow:0 10px 28px rgba(60,50,37,.06)}.panel h2{font:700 1.65rem/1.15 Georgia,serif;margin:5px 0 16px}.kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:900}form label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.88rem;margin-bottom:14px}input,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfc6b8;border-radius:10px;background:white;font:inherit;color:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--accent2);color:#fff;text-decoration:none;padding:11px 16px;font:800 .92rem/1.2 inherit;cursor:pointer}.btn.small{padding:8px 12px;font-size:.82rem}.link{border:0;background:none;padding:8px;cursor:pointer;font:700 .82rem/1.2 inherit}.danger{color:#a23d3d}.muted{color:var(--muted)}.alert{padding:13px 15px;border-radius:11px;margin:20px 0}.alert.ok{background:#e7f2eb;color:#276143;border:1px solid #bcdac7}.alert.error{background:#f8e9e9;color:#8c3333;border:1px solid #e8bbbb}.source-list{display:grid;gap:11px}.source-row{border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:18px}.source-row strong,.source-row span,.source-row small{display:block}.source-row span{color:var(--muted);font-size:.84rem;margin-top:3px}.source-row small{margin-top:5px}.source-actions{display:flex;align-items:center;gap:8px}.source-actions form{margin:0}.empty{text-align:center;padding:80px 20px}.empty h2{font:700 2rem Georgia,serif}footer{border-top:1px solid var(--line);padding:26px 0 36px;color:var(--muted);font-size:.86rem}footer a{color:inherit}.back{font-weight:800}.article .meta{font-size:.8rem}
@media(max-width:760px){.hero{min-height:240px;padding:42px 0 32px}.story-grid{grid-template-columns:1fr;gap:18px}.story-body{padding:18px}.article-wrap{margin-top:20px}.article-head,.prose{padding-left:22px;padding-right:22px}.article-head{padding-top:28px}.prose{font-size:1.08rem}.photo-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.source-row{align-items:flex-start;flex-direction:column}.top-row{align-items:flex-start}.top nav{flex-direction:column;gap:6px}.wrap,.narrow{width:min(100% - 22px,1180px)}}

.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-weight:700;text-decoration:none}.footer-links a:hover{text-decoration:underline}@media(max-width:560px){.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:14px}}


/* ZaNaBoZa header v0.4.5 */
.hero{
    min-height:260px;
    padding:46px 0 42px;
    align-items:center;
}
.hero-inner{
    display:flex;
    align-items:center;
    gap:34px;
}
.hero-logo{
    width:150px;
    max-height:165px;
    object-fit:contain;
    flex:0 0 auto;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.18));
}
.hero-copy{
    min-width:0;
}
.hero-copy h1{
    margin:.08em 0 .14em;
}
.hero-copy p{
    font-size:1.14rem;
    max-width:720px;
}
.top-row{
    min-height:68px;
}
.top-identity{
    display:flex;
    align-items:center;
    gap:14px;
    color:#dce7e1;
    font-size:.88rem;
    line-height:1.35;
    text-align:right;
}
.top-logo{
    width:62px;
    height:68px;
    object-fit:contain;
    flex:0 0 auto;
}

@media(max-width:760px){
    .hero{
        min-height:0;
        padding:32px 0 30px;
    }
    .hero-inner{
        gap:20px;
        align-items:center;
    }
    .hero-logo{
        width:92px;
        max-height:108px;
    }
    .hero-copy h1{
        font-size:clamp(2.05rem,10vw,3.1rem);
    }
    .hero-copy p{
        font-size:.96rem;
        line-height:1.45;
    }
    .top-row{
        align-items:center;
    }
    .top-identity{
        max-width:68%;
        font-size:.72rem;
    }
    .top-logo{
        width:44px;
        height:50px;
    }
}

@media(max-width:520px){
    .hero-inner{
        align-items:flex-start;
    }
    .hero-logo{
        width:76px;
    }
    .brand{
        font-size:.64rem;
    }
    .top-identity span{
        display:none;
    }
}


/* ZaNaBoZa hoofdbalk v0.4.6 */
.hero{
    min-height:0 !important;
    padding:18px 0 !important;
}
.hero-inner{
    gap:22px !important;
}
.hero-logo{
    width:92px !important;
    max-height:96px !important;
}
.hero-copy p{
    margin:0 !important;
    font-size:1.12rem !important;
    line-height:1.4 !important;
}
@media(max-width:760px){
    .hero{
        padding:14px 0 !important;
    }
    .hero-logo{
        width:72px !important;
        max-height:76px !important;
    }
    .hero-copy p{
        font-size:.9rem !important;
    }
}


/* ZaNaBoZa vaste klikbare header v0.4.7 */
.hero,.top{
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 3px 14px rgba(0,0,0,.14);
}
.header-home{
    display:block;
    width:100%;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
}
.header-home:focus-visible{
    outline:3px solid rgba(255,255,255,.8);
    outline-offset:-5px;
}
.hero .header-home:hover,.top .header-home:hover{
    background:rgba(255,255,255,.035);
}
.top{
    padding:0 !important;
}
.top .header-home{
    padding:10px 0;
}
.top-row{
    justify-content:flex-start !important;
    min-height:64px !important;
}
.top-identity{
    max-width:none !important;
    text-align:left !important;
}
@media(max-width:760px){
    .hero,.top{
        position:sticky;
        top:0;
    }
    .top .header-home{
        padding:7px 0;
    }
    .top-row{
        min-height:54px !important;
    }
}


/* ZaNaBoZa compacte reiskeuze v0.4.9 */
.filters{display:none!important}
.trip-filter{
    padding:26px 0 10px;
    position:relative;
    z-index:30;
}
.trip-menu{
    width:min(390px,100%);
    position:relative;
}
.trip-menu summary{
    list-style:none;
    min-height:52px;
    padding:11px 17px 11px 19px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border:1px solid var(--line);
    border-radius:14px;
    background:var(--card);
    box-shadow:0 5px 16px rgba(60,50,37,.06);
    cursor:pointer;
    font-weight:800;
    color:var(--accent2);
    user-select:none;
}
.trip-menu summary::-webkit-details-marker{display:none}
.trip-menu summary::marker{display:none}
.trip-menu[open] summary{
    border-radius:14px 14px 8px 8px;
    box-shadow:0 8px 22px rgba(60,50,37,.10);
}
.trip-menu-arrow{
    font-size:1.35rem;
    line-height:1;
    transition:transform .18s ease;
}
.trip-menu[open] .trip-menu-arrow{transform:rotate(180deg)}
.trip-menu-list{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 6px);
    max-height:min(58vh,460px);
    overflow-y:auto;
    padding:7px;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:0 18px 38px rgba(51,43,31,.18);
}
.trip-menu-list a{
    display:block;
    padding:10px 12px;
    border-radius:8px;
    text-decoration:none;
    color:var(--ink);
    line-height:1.3;
}
.trip-menu-list a:hover{
    background:#eee9df;
}
.trip-menu-list a.active{
    background:var(--accent2);
    color:#fff;
    font-weight:800;
}
@media(max-width:760px){
    .trip-filter{padding:18px 0 6px}
    .trip-menu{width:100%}
    .trip-menu summary{min-height:50px}
    .trip-menu-list{max-height:55vh}
}


/* Polarsteps fotomelding v0.5.0 */
.polarsteps-photo-note{
    margin:28px 0 4px;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#f4f0e8;
    color:var(--muted);
    font-size:.91rem;
    line-height:1.55;
}
.polarsteps-photo-note strong{
    display:block;
    margin-bottom:3px;
    color:var(--ink);
}
.polarsteps-photo-note span{display:block}
.polarsteps-photo-note a{
    display:inline-block;
    margin-top:9px;
    color:var(--accent2);
    font-weight:800;
    text-decoration:none;
}
.polarsteps-photo-note a:hover{text-decoration:underline}

/* Paginering reisverhalen v0.5.2 */
.pagination{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:16px;
    margin:32px 0 8px;
}
.pagination > div:last-child{text-align:right}
.page-button{
    display:inline-block;
    padding:10px 15px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--card);
    color:var(--accent2);
    text-decoration:none;
    font-weight:800;
}
.page-button:hover{background:#eee9df}
.page-status{font-size:.88rem;color:var(--muted);white-space:nowrap}
@media(max-width:620px){
    .pagination{grid-template-columns:1fr 1fr}
    .page-status{grid-column:1/-1;grid-row:1;text-align:center}
    .pagination > div{grid-row:2}
}