/* The simple route keeps the same information and forms, with less visual noise. */
html[data-simple-mode="true"] { font-size: 112.5%; scroll-behavior: auto; }
.simple-mode { --container: 68rem; --shadow: none; color: #102f49; background: #fff; }
.simple-mode h1 { max-width: 18ch; font-size: clamp(2.15rem, 5vw, 3.5rem); line-height: 1.12; letter-spacing: -.02em; }
.simple-mode h2 { font-size: clamp(1.6rem, 3vw, 2.15rem); letter-spacing: -.02em; }
.simple-mode p, .simple-mode li, .simple-mode label { line-height: 1.7; }
.simple-mode :is(.eyebrow, small) { letter-spacing: 0; }
.simple-mode :is(.button, .text-link, .filter-pill) { min-height: 3rem; }
.simple-mode .site-header { border-bottom: 2px solid #d6e1e8; background: #fff; }
.simple-mode .site-header .header-inner { flex-wrap: wrap; }
.simple-mode .site-header :is(.primary-nav, .menu-toggle, .header-search, .header-cta) { display: none !important; }
.simple-mode .site-header .brand { margin-right: auto; }
.simple-mode .site-header .accessibility-header { border-radius: .65rem; }
.simple-mode :is(.page-hero-mint, .page-hero-sand, .page-hero-blue, .wizard-shell, .knowledge-panel) { background: #f6fafc; }
.simple-mode :is(.hero-media, .conversation-intro-art, .activity-photo, .activity-placeholder, .detail-media, .organization-visual, .org-hero-visual, .kb-hero-visual) { display: none !important; }
.simple-mode .activity-visual { display: flex; align-items: flex-start; flex-direction: column; aspect-ratio: auto; }
.simple-mode .activity-date, .simple-mode .activity-visual .places { position: static; width: auto; margin: .8rem .8rem 0; box-shadow: none; }
.simple-mode .activity-date { flex-direction: row; gap: .4rem; }
.simple-mode .activity-card-body { padding-top: 1rem; }
.simple-mode :is(.activities-save-banner, .kb-suggestions, .org-total) { display: none; }
.simple-mode :is(.activities-grid, .kb-topic-grid, .kb-quick-grid, .kb-help-grid) { grid-template-columns: minmax(0, 1fr); }
.simple-mode :is(.prose-card, .action-card, .wizard-card, .activity-card, .knowledge-panel) { border: 2px solid #d6e1e8; box-shadow: none; }
.simple-mode :is(.content-aside, .detail-hero, .knowledge-grid, .hero-grid) { grid-template-columns: minmax(0, 1fr); }
.simple-mode .action-card { position: static; }
.simple-only { display: none; }
.simple-mode .simple-only { display: inline; }
.simple-container { width: min(calc(100% - 2rem), 58rem); }
.simple-home-hero { padding: clamp(1.5rem, 4vw, 2.25rem) 0; background: #eaf7f7; border-bottom: 2px solid #c7e0e3; }
.simple-home-hero .eyebrow { display: block; margin-bottom: .35rem; }
.simple-home-hero h1 { max-width: none; margin-bottom: .55rem; font-size: clamp(2rem, 4vw, 2.85rem); }
.simple-home-hero .lead { max-width: 48rem; margin: 0 0 1rem; line-height: 1.55; }
.simple-home-cta { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1rem; }
.simple-primary-action { font-size: 1.1rem; }
.simple-privacy { display: flex; align-items: center; gap: .5rem; margin: 0; font-weight: 650; line-height: 1.4; }
.simple-actions-section { padding-block: clamp(1.5rem, 3vw, 2rem); }
.simple-actions-section h2 { margin-bottom: .75rem; }
.simple-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.simple-actions a { display: block; min-height: 5.25rem; padding: .9rem 1rem; border: 2px solid #bfd4dc; border-radius: .5rem; color: #102f49; background: #fff; text-decoration: none; }
.simple-actions a:hover { border-color: #006779; background: #f5fcfc; }
.simple-actions a > span { display: none; }
.simple-actions a strong { display: block; font-size: 1.1rem; }
.simple-actions a small { display: block; margin-top: .15rem; color: #405f73; font-size: .9rem; line-height: 1.45; }
.simple-phone-section { padding-block: 0 2rem; }
.simple-phone-card { display: flex; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; padding: 1rem 1.25rem; border: 2px solid #d6e1e8; border-radius: .75rem; background: #fff7e9; }
.simple-phone-card h2 { margin-bottom: .2rem; }
.simple-phone-card p { max-width: 38rem; margin: 0; line-height: 1.5; }
.simple-phone-card .button { flex: 0 0 auto; }

/* Answer finder: first choose a topic, then show only that topic's questions. */
.simple-mode .knowledge-page { background: #fff; }
.simple-mode .kb-hero { padding-block: 2.25rem; background: #f6fafc; }
.simple-mode .kb-hero-grid { display: block; width: min(calc(100% - 2rem), 58rem); margin-inline: auto; }
.simple-mode .kb-hero-copy { max-width: 52rem; margin-inline: auto; }
.simple-mode .kb-section { padding-block: 2rem; background: #fff; }
.simple-mode .kb-section-heading { margin-bottom: .8rem; }
.simple-mode .kb-topics-section > .container { width: min(calc(100% - 2rem), 48rem); }
.simple-mode .kb-topic-grid { max-width: none; gap: .5rem; }
.simple-mode .kb-topic { display: block; min-height: 3.5rem; padding: .85rem 1rem; border: 2px solid #d6e1e8; border-radius: .5rem; background: #fff; }
.simple-mode .kb-topic .kb-icon,
.simple-mode .kb-topic > .icon,
.simple-mode .kb-topic small { display: none; }
.simple-mode .kb-topic strong { font-size: 1.05rem; }
.simple-mode .simple-unsure { margin-top: 1rem; }
.simple-mode #antwoorden > .container { width: min(calc(100% - 2rem), 52rem); }
.simple-mode .kb-explorer-grid { display: block; max-width: none; }
.simple-mode .kb-topic-nav { display: none; }
.simple-mode .kb-question-panel { padding: 0; border: 0; }
.simple-mode .kb-panel-heading { grid-template-columns: minmax(0, 1fr); padding-bottom: .8rem; border-bottom: 2px solid #d6e1e8; }
.simple-mode .kb-panel-heading > .kb-icon { display: none; }
.simple-mode .kb-question-list { gap: .6rem; }
.simple-mode .kb-question-row { display: block; min-height: 0; padding: 1rem; border: 2px solid #d6e1e8; border-radius: .5rem; background: #fff; }
.simple-mode .kb-question-row > .kb-icon, .simple-mode .kb-question-copy small, .simple-mode .kb-read .icon { display: none; }
.simple-mode .kb-read { margin-top: .5rem; color: #006779; }

/* Activities: one calm list, no photographs or competing view controls. */
.simple-mode .activities-page { padding-block: 2rem 3rem; background: #fff; }
.simple-mode .activities-top { grid-template-columns: minmax(0, 1fr); width: min(100%, 58rem); margin-inline: auto; }
.simple-mode .activities-breadcrumb,
.simple-mode .activities-personal,
.simple-mode .activities-quick-filters,
.simple-mode .activities-sort,
.simple-mode .activities-view-switch,
.simple-mode .activities-save-banner { display: none !important; }
.simple-mode .activities-explorer { display: block; width: min(100%, 58rem); margin-inline: auto; }
.simple-mode .activities-filter-panel { width: 100%; max-width: none; margin-bottom: 1.25rem; padding: 0 1rem; border: 2px solid #d6e1e8; border-radius: .5rem; box-shadow: none; }
.simple-mode .activities-filter-panel > summary { display: flex; min-height: 3rem; align-items: center; gap: .5rem; padding-block: .7rem; font-weight: 750; cursor: pointer; }
.simple-mode .activities-filter-panel form { padding-bottom: 1rem; }
.simple-mode .activities-results { width: 100%; max-width: none; }
.simple-mode .activities-grid { display: grid; grid-template-columns: minmax(0, 1fr) !important; }
.simple-mode .activity-explorer-card { display: grid; grid-template-columns: 9rem minmax(0, 1fr); border: 2px solid #d6e1e8; border-radius: .5rem; box-shadow: none; }
.simple-mode .activity-explorer-card:hover { box-shadow: none; }
.simple-mode .explorer-card-visual { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: .4rem; height: 100%; padding: .9rem; background: #f6fafc; border-right: 1px solid #d6e1e8; }
.simple-mode .explorer-card-visual > :is(img, .explorer-card-placeholder) { display: none; }
.simple-mode :is(.explorer-card-date, .explorer-card-price, .explorer-card-example) { position: static; margin: 0; box-shadow: none; }
.simple-mode .explorer-card-date { flex-direction: row; gap: .3rem; width: 100%; }
.simple-mode .explorer-card-date strong { font-size: 1rem; }
.simple-mode .explorer-card-summary { display: block; overflow: visible; }
.simple-mode .explorer-card-category { color: #102f49; background: #f6fafc; }
.simple-mode .explorer-card-category .icon, .simple-mode .explorer-card-organizer .icon, .simple-mode .explorer-card-meta .icon { display: none; }
.simple-mode :is(.explorer-card-favorite, .explorer-card-open) { display: inline-flex; width: auto; min-width: 2.75rem; height: 2.75rem; gap: .4rem; padding-inline: .75rem; border-radius: .5rem; }

/* Wizard: one column, flat surfaces and only information needed for the step. */
.simple-mode .simple-conversation-intro { padding-block: 1.25rem; background: #f6fafc; border-bottom: 1px solid #d6e1e8; }
.simple-mode .simple-conversation-intro h1 { margin-bottom: .3rem; font-size: 1.75rem; }
.simple-mode .simple-conversation-intro p { margin: 0; }
.simple-mode .conversation-modal { --container: 46rem; position: fixed; inset: 0; width: min(46rem, calc(100% - 2rem)); height: min(42rem, calc(100dvh - 2rem)); max-height: calc(100dvh - 2rem); margin: auto; border-radius: .75rem; }
.simple-mode .conversation-modal-bar { padding: .7rem .9rem; }
.simple-mode .conversation-modal-mark { width: 2.25rem; height: 2.25rem; }
.simple-mode .conversation-modal-mark .icon { width: 1.35rem; height: 1.35rem; }
.simple-mode .conversation-modal-bar #help-modal-title { font-size: 1rem; }
.simple-mode .conversation-modal-content { scrollbar-gutter: auto; }
.simple-mode .conversation-modal .conversation-main { width: 100%; max-width: none; min-height: 100%; margin: 0; padding-top: .8rem; }
.simple-mode .conversation-modal .conversation-main > .container,
.simple-mode .conversation-modal .conversation-navigation > .container { width: calc(100% - 2rem); }
.simple-mode .conversation-modal .conversation-resume { margin-bottom: .65rem; padding: .4rem .65rem; }
.simple-mode .conversation-modal .conversation-progress { margin-bottom: .65rem; }
.simple-mode .conversation-modal .conversation-question-heading { margin-bottom: .7rem; }
.simple-mode .conversation-modal .conversation-question-heading h2 { margin-bottom: .25rem; font-size: clamp(1.35rem, 3vw, 1.7rem); }
.simple-mode .conversation-modal .conversation-primary { padding-bottom: .65rem; }
.simple-mode .conversation-modal .conversation-choice { min-height: 3.4rem; padding: .6rem .8rem; gap: .55rem; }
.simple-mode .conversation-modal .conversation-choice-copy > span { margin-top: .15rem; line-height: 1.35; }
.simple-mode .conversation-modal .conversation-navigation { padding-block: .55rem; }
.simple-mode .conversation-main { max-width: 58rem; margin-block: 1rem; border: 0; border-radius: 0; box-shadow: none; }
.simple-mode .conversation-workspace { grid-template-columns: minmax(0, 1fr); }
.simple-mode .conversation-info, .simple-mode .conversation-progress-note, .simple-mode .conversation-free-icon { display: none; }
.simple-mode .conversation-progress progress::-webkit-progress-value { background: #006779; }
.simple-mode .conversation-choices, .simple-mode .conversation-topics { grid-template-columns: minmax(0, 1fr); gap: .6rem; }
.simple-mode .conversation-topics .conversation-choice, .simple-mode .conversation-choice { min-height: 3.75rem; padding: .8rem 1rem; border: 2px solid #c7d6dd; border-radius: .5rem; box-shadow: none; }
.simple-mode .conversation-choice-icon { display: none; }
.simple-mode .conversation-choice:has(input:checked) { color: #102f49; background: #eaf7f7; border-color: #006779; box-shadow: inset 0 0 0 1px #006779; }
.simple-mode .conversation-choice:has(input:checked)::before { content: "Gekozen"; flex: 0 0 auto; padding: .15rem .4rem; border-radius: .25rem; color: #fff; background: #006779; font-size: .75rem; font-weight: 750; }
.simple-mode .conversation-free-text { border-width: 2px; border-radius: .5rem; }
.simple-mode .conversation-navigation { border-top: 2px solid #d6e1e8; border-radius: 0; }
.simple-mode .conversation-footer-links > :not(.conversation-emergency) { display: none; }
.simple-mode .wizard-context-bar { background: #f6fafc; }
.simple-mode .wizard-intro .eyebrow { display: none; }
.simple-mode .wizard-intro h1 { font-size: 1.35rem; }
.simple-mode .wizard-workspace:has(> .wizard-info-card) { grid-template-columns: minmax(0, 1fr); }
.simple-mode .wizard-info-card { display: none; }
.simple-mode .wizard-page :is(.wizard-topics, .intake-field) { grid-template-columns: minmax(0, 1fr); }
.simple-mode .wizard-page :is(.wizard-topics, .intake-field) label:not(.sr-only) { border-width: 2px; border-radius: .5rem; box-shadow: none; }
.simple-mode .wizard-page :is(.wizard-topics, .intake-field) label:has(:checked) { color: #102f49; background: #eaf7f7; border-color: #006779; }
@media (max-width: 48rem) {
    .simple-mode .site-header .brand { flex-basis: calc(100% - 3rem); }
    .simple-mode .simple-mode-exit { order: 3; margin-right: auto; }
    .simple-mode .site-header .accessibility-header { order: 4; }
    .simple-mode .conversation-modal { width: calc(100% - 1rem); height: calc(100dvh - 1rem); max-height: calc(100dvh - 1rem); border: 1px solid #bdd5df; border-radius: .6rem; }
    .simple-mode .conversation-modal .conversation-main > .container,
    .simple-mode .conversation-modal .conversation-navigation > .container { width: calc(100% - 1.25rem); }
    .simple-home-hero { padding-block: 1.35rem; }
    .simple-home-hero h1 { font-size: clamp(1.9rem, 10vw, 2.4rem); }
    .simple-home-cta { align-items: flex-start; flex-direction: column; }
    .simple-actions-section { padding-block: 1.35rem 1.75rem; }
    .simple-actions { grid-template-columns: 1fr; }
    .simple-actions a { min-height: 4.75rem; }
    .simple-phone-card { align-items: stretch; flex-direction: column; }
    .simple-phone-card .button { width: 100%; }
    .simple-mode .activity-explorer-card { grid-template-columns: minmax(0, 1fr); }
    .simple-mode .explorer-card-visual { height: auto; border-right: 0; border-bottom: 1px solid #d6e1e8; }
}
@media (prefers-reduced-motion: reduce) {
    html[data-simple-mode="true"], .simple-mode *, .simple-mode *::before, .simple-mode *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}
