@charset "utf-8";
/* 21 oktober 2026 — canon Hulk + Spiderman, Agenda en Zevende Traditie.
   Alleen deze twee pagina's; de homepage piramide-stack blijft ongemoeid. */

body:is(.page-agenda, .page-zevende-traditie) .subpage-main {
    display: grid;
    align-content: start;
    gap: var(--naoih-frame-gap, 20px);
    padding: var(--naoih-frame-gap, 20px) var(--naoih-frame, 20px) var(--naoih-frame-gap, 20px);
}

body:is(.page-agenda, .page-zevende-traditie) :is(.naoih-canon-hulk, .naoih-page-index, .naoih-traditie-section) {
    width: 100%;
    min-height: 0;
    max-width: 42rem;
    margin: 0 auto;
    padding: clamp(26px, 6vw, 44px) clamp(20px, 5vw, 38px);
    box-sizing: border-box;
    border-radius: var(--naoih-card-radius, 24px);
    box-shadow: none;
}

body:is(.page-agenda, .page-zevende-traditie) .naoih-canon-hulk.naoih-block--hulk {
    background: var(--offwhite, #FCFAF6);
    color: var(--blue, #203A5A);
}

body:is(.page-agenda, .page-zevende-traditie) :is(.naoih-canon-hulk, .naoih-page-index, .naoih-traditie-section) .eyebrow {
    margin: 0 0 1rem;
    font: 700 .72rem/1.4 var(--font-body, Inter, sans-serif);
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--honey, #D39858);
}

body:is(.page-agenda, .page-zevende-traditie) :is(.naoih-canon-hulk, .naoih-page-index, .naoih-traditie-section) h2 {
    margin: 0;
    font-family: var(--font-heading, "Playfair Display", serif);
    font-size: clamp(1.65rem, 6.2vw, 2.3rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.025em;
    color: var(--blue, #203A5A);
}

body:is(.page-agenda, .page-zevende-traditie) .naoih-canon-rule {
    width: min(65%, 10rem);
    height: 2px;
    margin: .8rem 0 1.55rem;
    border-radius: 100px;
    background: linear-gradient(90deg, var(--honey, #D39858) 0%, rgba(211,152,88,.65) 55%, transparent 100%);
}

body:is(.page-agenda, .page-zevende-traditie) :is(.naoih-canon-hulk, .naoih-page-index, .naoih-traditie-section) p:not(.eyebrow) {
    margin: 0 0 1rem;
    color: var(--blue, #203A5A);
    font: 400 clamp(.95rem, 3.7vw, 1.05rem)/1.7 var(--font-body, Inter, sans-serif);
}
body:is(.page-agenda, .page-zevende-traditie) :is(.naoih-canon-hulk, .naoih-page-index, .naoih-traditie-section) p:last-child {
    margin-bottom: 0;
}

/* Spiderman: een eigen zandkleurig glasblok met overzichtslinks. */
body:is(.page-agenda, .page-zevende-traditie) .naoih-page-index.naoih-block--spiderman {
    background: rgba(234,206,170,.62);
    border: 1px solid rgba(255,255,255,.46);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: none;
}
body:is(.page-agenda, .page-zevende-traditie) .naoih-page-index ul {
    list-style: none;
    display: grid;
    gap: .95rem;
    margin: 0;
    padding: 0;
}
body:is(.page-agenda, .page-zevende-traditie) .naoih-page-index li {
    display: flex;
    align-items: baseline;
    gap: .85rem;
    min-width: 0;
}
body:is(.page-agenda, .page-zevende-traditie) .naoih-page-index li::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--honey, #D39858);
    transform: translateY(-1px);
}
body:is(.page-agenda, .page-zevende-traditie) .naoih-page-index a {
    color: var(--blue, #203A5A);
    text-decoration: none;
    font: 600 clamp(.92rem, 3.5vw, 1.02rem)/1.5 var(--font-body, Inter, sans-serif);
    overflow-wrap: anywhere;
}
body:is(.page-agenda, .page-zevende-traditie) .naoih-page-index a:hover,
body:is(.page-agenda, .page-zevende-traditie) .naoih-page-index a:focus-visible {
    text-decoration: underline;
    text-underline-offset: .25em;
}
body:is(.page-agenda, .page-zevende-traditie) :is(#activiteiten, #agenda-abonneren, #waarvoor-gebruiken-we-het, #iedereen-welkom) {
    scroll-margin-top: 7rem;
}

/* Zevende Traditie: Ironman met schaduwloze lichte binnenkaartjes. */
body.page-zevende-traditie .naoih-traditie-section.naoih-block--ironman {
    background: var(--rock, #EAE0D2);
    color: var(--blue);
    border: 1px solid rgba(255,255,255,.45);
}
body.page-zevende-traditie .naoih-traditie-uitgaven {
    list-style: none;
    display: grid;
    gap: .7rem;
    margin: 1.3rem 0 0;
    padding: 0;
}
body.page-zevende-traditie .naoih-traditie-uitgaven li {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    padding: .95rem 1rem;
    border: 1px solid rgba(32,58,90,.06);
    border-radius: 13px;
    background: var(--offwhite, #FCFAF6);
    box-shadow: none;
    color: var(--blue, #203A5A);
    font: 500 .92rem/1.5 var(--font-body, Inter, sans-serif);
}
body.page-zevende-traditie .naoih-traditie-dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--honey, #D39858);
}
body.page-zevende-traditie .naoih-traditie-welkom {
    background: var(--blue, #203A5A);
}
body.page-zevende-traditie .naoih-traditie-welkom h2,
body.page-zevende-traditie .naoih-traditie-welkom p:not(.eyebrow) {
    color: var(--offwhite, #FCFAF6);
}
body.page-zevende-traditie .naoih-traditie-welkom .naoih-canon-rule {
    background: linear-gradient(90deg, var(--honey, #D39858), transparent);
}
@media (prefers-reduced-transparency:reduce) {
    body:is(.page-agenda, .page-zevende-traditie) .naoih-page-index.naoih-block--spiderman {
        background: var(--sand, #EACEAA);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}