/* Public website: one type scale, logo-based palette and shared components. */
:root{--paper:#f5f9fc;--ink:#16344b;--muted:#526375;--orange:#bb4708;--sun:#ffe09a;--line:#dce5eb;--night-blue:#16344b;--street-blue:#0877a5;--brand-blue:#24a9db;--brand-pale:#eaf6fc;--body-size:16px;--small-size:14px;--h1-size:34px;--h2-size:24px;--h3-size:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:var(--body-size);line-height:1.55}
body h1,body h2,body h3,body h4,body button,body input,body select,body textarea{font-family:inherit}
main h1,main h1.form-title{font-size:var(--h1-size)!important;line-height:1.2!important;font-weight:700;letter-spacing:-.025em;color:var(--ink)!important;margin:0 0 16px;padding:0;border:0}
main h2,main .section-heading,main .form-stage legend{font-size:var(--h2-size)!important;line-height:1.3!important;font-weight:700;letter-spacing:-.015em;color:var(--ink)!important;margin:0 0 12px;padding:0;border:0}
main h3,main h4,main .info-section h3,main .form-section h4{font-size:var(--h3-size)!important;line-height:1.35!important;font-weight:700;letter-spacing:0;color:var(--ink)!important;margin:0 0 12px;padding:0;border:0;background:none;text-transform:none;display:block}
main p,main li,main .info-section p,main .info-section li,main .hero p,main .hero-kerngroep p{font-size:var(--body-size)!important;line-height:1.55!important;color:var(--muted);margin-top:0}
main p{margin-bottom:16px}main a:not(.action):not(.btn):not(.service-card):not(.cta-card):not(.cta-card-large){color:#076b95;text-underline-offset:3px}main a:visited:not(.action):not(.btn):not(.service-card):not(.cta-card):not(.cta-card-large){color:#076b95}
main .eyebrow,main .field-hint,main .fine,main .local-note,main .breadcrumbs,main .campaign-label,main .cake-banner-date,main .cake-banner-action p{font-size:var(--small-size)!important;line-height:1.5!important}
a,button,input,textarea,select,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--street-blue);outline-offset:3px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:999;background:white;padding:12px}.skip-link:focus{top:10px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.sidebar-menu,.sidebar-overlay{display:none!important}
/* Navigation and footer */
header.site-header{background:#ffffffed;border-bottom:1px solid var(--line);box-shadow:0 3px 16px #16344b06;padding:0;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}header.site-header::after{display:none}
.site-head{max-width:1152px;margin:auto;min-height:82px;padding:10px 24px;display:flex;align-items:center;gap:20px}.site-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;flex-shrink:0}.site-brand img{width:82px;height:56px;object-fit:contain}.site-brand span{font-size:11px;line-height:1.4;font-weight:700}
.site-header nav{display:flex;gap:4px;align-items:center;margin-left:auto;background:none;padding:0;position:static;box-shadow:none}.site-header nav a,.site-more summary{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;padding:10px 9px;min-height:44px;border-radius:10px;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}.site-header nav .ui-icon{width:17px;height:17px;flex-basis:17px;color:var(--street-blue)}.site-header nav a:hover,.site-header nav a[aria-current],.site-more[open]>summary,.site-more.has-current>summary,.site-more summary:hover{color:#07658d;background:var(--brand-pale);text-decoration:none}.site-header nav a[aria-current]{box-shadow:inset 0 -2px var(--brand-blue)}.site-header nav a.campaign-nav{color:#8a4108;background:#fff3d9}.site-header nav .campaign-nav .ui-icon{color:inherit}.site-menu-button{display:none;align-items:center;gap:8px;background:var(--brand-pale);color:var(--street-blue);border:1px solid #cce4ef;border-radius:10px;min-height:44px;padding:8px 12px;font-size:15px;font-weight:700}.site-more{position:relative}.site-more summary{list-style:none}.site-more summary::-webkit-details-marker{display:none}.site-more-links{position:absolute;top:calc(100% + 10px);left:0;width:260px;padding:8px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #16344b1a;display:grid;gap:3px}.site-header .site-more-links a{padding:11px 12px;white-space:normal;gap:12px}.site-header .site-more-links .ui-icon{width:20px;height:20px;flex-basis:20px}
.site-header .header-search{display:block;width:110px;margin:0 0 0 6px;position:relative}.site-header .header-search input{width:100%;min-height:44px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:16px;padding:9px 10px;border-radius:10px}.site-header .header-search input::placeholder{color:var(--muted);opacity:1}.site-header .search-results{color:var(--ink);min-width:260px;max-width:min(90vw,400px);right:0;left:auto}.site-header .search-results a{white-space:normal;font-size:14px}
.site-footer{background:var(--ink);color:white;margin-top:36px;padding:30px 24px;text-align:center}.footer-inner{max-width:1092px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:28px}.footer-inner>div{min-width:0}.footer-inner>div:first-child{text-align:left}.site-footer strong{font-size:16px;line-height:1.5}.site-footer p{color:#e0e8ee!important;margin:8px 0;font-size:14px!important;line-height:1.5}.site-footer a{color:white;font-size:14px!important;line-height:1.5;overflow-wrap:anywhere}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;width:100%;max-width:490px;justify-self:center;align-content:start}.footer-links a{display:flex;align-items:center;justify-content:center;min-height:40px}
/* Page rhythm */
.container{max-width:1152px;padding:28px 24px;margin:auto}.container>main{padding:0;background:transparent;box-shadow:none;min-height:0}main.home-main,main.campaign-main{background:transparent;box-shadow:none;min-height:0}.home-main{max-width:1152px;margin:auto;padding:24px}.campaign-main{max-width:1152px;margin:auto;padding:24px}.page-intro{margin:0 0 24px}.page-intro p{max-width:65ch;margin-bottom:0}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--street-blue)!important;margin:0 0 10px!important}.info-section{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 24px;box-shadow:none}.info-section p,.info-section li{max-width:78ch}.info-section p+p{margin-top:12px}.hero,.hero-kerngroep{background:var(--brand-pale);color:var(--ink);padding:24px;border:1px solid var(--line);border-radius:14px;box-shadow:none;margin:0 0 24px;gap:20px}.hero h2,.hero-kerngroep h2{font-size:var(--h1-size)!important;color:var(--ink)!important;padding:0;border:0}.hero p,.hero-kerngroep p{color:var(--muted)!important;margin-bottom:0}.hero-kerngroep img{width:100px;height:100px;object-fit:contain;flex-shrink:0}.cta-card,.cta-card-large{border:1px solid var(--line)!important;background:white!important;color:var(--ink)!important;border-radius:12px;box-shadow:none!important}.cta-card:hover,.cta-card-large:hover{transform:none;border-color:var(--street-blue)!important}.cta-title{font-size:16px!important;line-height:1.4}.cta-sub{font-size:14px!important;line-height:1.5}.cta-card::after,.cta-card-large::after{display:none}
/* Home and prominent campaign banner */
.home-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center}.home-hero h1{font-size:40px!important;line-height:1.15!important;margin-bottom:20px;max-width:600px}.home-hero h1 em{font-style:normal;color:var(--street-blue)}.hero-intro{max-width:490px;margin-bottom:22px}.hero-art{height:auto;width:100%;border-radius:20px;aspect-ratio:1.15;object-fit:cover;background:var(--brand-pale)}.actions{display:flex;flex-wrap:wrap;gap:12px}.action,main .btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 18px;border-radius:12px;text-decoration:none;font-size:16px!important;line-height:1.4!important;font-weight:700;border:1px solid var(--street-blue);background:var(--street-blue);color:white;cursor:pointer;white-space:normal}.action:hover,main .btn:hover{background:#08658a;color:white;box-shadow:0 5px 14px #0877a51a}.action,main .btn{transition:background .18s,box-shadow .18s,transform .18s}.action:active,main .btn:active{transform:translateY(1px)}.action.secondary,main .btn-secondary{background:white;color:var(--street-blue);border-color:var(--street-blue)}.action.yellow{background:var(--sun);color:var(--ink);border-color:var(--sun)}.action.orange{background:var(--orange);border-color:var(--orange);color:white}.quick-links{margin-top:20px;font-size:16px;display:flex;gap:12px 20px;flex-wrap:wrap}.quick-links a{font-weight:600}.local-note{color:var(--muted);margin-top:18px}.cake-banner{display:grid;grid-template-columns:minmax(0,1fr) 106px auto;gap:20px;align-items:center;background:#086a97;color:white;border-radius:14px;padding:24px 28px;margin:0 0 30px;border-top:4px solid var(--brand-blue)}.cake-banner-logo{display:block;border-radius:10px;overflow:hidden;line-height:0}.cake-banner-logo img{display:block;width:100%;height:auto}.cake-banner h2{font-size:26px!important;color:white!important;margin-bottom:10px}.cake-banner p{color:white!important}.cake-banner-date{font-weight:700;margin-bottom:8px}.cake-banner-copy>p:last-child{margin:0}.cake-banner-action{display:grid;gap:10px;justify-items:center}.cake-banner .action{background:white;color:#075c84;border-color:white}.cake-banner .action:focus-visible{outline-color:white}.cake-banner-action p{margin:0}.home-section{padding:28px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--ink);text-decoration:none}.service-card .card-number{font-size:14px;font-weight:700;color:var(--street-blue);background:var(--brand-pale);width:36px;height:36px;display:grid;place-items:center;border-radius:8px;margin-bottom:16px}.service-card p{margin-bottom:18px}.service-card strong{font-size:16px}.neighbor-note{border-radius:14px;background:var(--brand-pale);padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:16px}.neighbor-note p{margin:0;max-width:66ch;font-size:var(--body-size,16px)!important}.home-how{display:grid;grid-template-columns:1fr 1fr;gap:28px}.joining-steps{padding-left:23px;margin:14px 0}.joining-steps li{padding:4px 0}.joining-steps strong{color:var(--ink)}.wijkplan-note{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.text-link{font-size:16px;font-weight:600}.home-how .local-note{font-size:var(--body-size)!important;line-height:1.55!important}.wijkplan-note .text-link{font-size:14px;line-height:1.4;gap:6px}.wijkplan-note .text-link .ui-icon{width:16px;height:16px;flex-basis:16px}
/* Forms: one card, one field style, consistent labels and section titles */
.form-card{max-width:780px!important;margin:0 auto!important;background:white!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:24px!important;box-shadow:none!important}.form-section{padding:14px 0!important;margin:0!important;background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}.form-section h4{margin-bottom:12px!important;font-size:17px!important}.form-group{margin-bottom:14px!important;min-width:0}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px!important}.form-row>.full-width{grid-column:1/-1}.form-group label{display:block;font-size:14px!important;line-height:1.4!important;margin-bottom:5px!important;color:var(--ink)!important;font-weight:600}.form-group input:not([type=radio]):not([type=checkbox]):not([type=file]),.form-group select,.form-group textarea,.bonregel input{font-size:16px!important;line-height:1.5!important;min-height:44px;padding:9px 11px!important;border:1px solid #a9b8c3!important;border-radius:8px!important;background:white;color:var(--ink);width:100%;max-width:100%}.form-group textarea{resize:vertical;min-height:92px}.form-group input::placeholder,.form-group textarea::placeholder{color:#677887;opacity:1}.form-group input.field-error,.form-group textarea.field-error{border-color:#a52d2d!important}.field-hint{display:block;color:var(--muted)!important;margin-top:6px;font-style:normal}.radio-group{display:flex;flex-wrap:wrap;gap:10px}.radio-label{display:flex!important;align-items:center;min-height:44px;gap:8px!important;padding:8px 10px!important;background:var(--paper);border:1px solid var(--line)!important;border-radius:8px;font-size:14px!important;font-weight:400!important}.radio-label:has(input:checked){background:var(--brand-pale);border-color:var(--street-blue)!important}input[type=radio],input[type=checkbox]{width:20px;height:20px;accent-color:var(--street-blue);flex-shrink:0}.privacy-check{font-size:14px!important;line-height:1.5!important;display:block;margin:14px 0}.privacy-check input{vertical-align:middle;margin:0 7px 2px 0}.error-msg{font-size:14px;color:#a12525}.info-box{border-radius:10px!important;line-height:1.5!important;font-size:16px!important;padding:14px 16px!important;background:var(--brand-pale);color:var(--ink)}.info-box-icon{font-size:20px}.form-stage{border:0;padding:0;margin:18px 0 0}main .form-stage legend{font-size:18px!important;color:var(--street-blue)!important}.form-stage:first-child .form-section>h4{display:none}.form-stage .form-section:last-child{border-bottom:0}.form-actions{margin-top:20px}.form-actions .btn{width:100%;min-height:48px}.upload-status,.form-feedback{padding:14px 16px;border-radius:8px;background:var(--brand-pale);color:var(--ink);margin:16px 0;font-size:16px}.form-feedback.error{background:#fff0ed;color:#952b1a}.bon-file{display:flex;align-items:center;gap:10px;background:var(--brand-pale);border-radius:8px;padding:12px;font-size:14px;overflow-wrap:anywhere}.bon-file button{min-width:44px;min-height:44px;background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink)}.bonregel{gap:8px!important}.success-message{max-width:760px;margin:24px auto;padding:24px;border-radius:14px}.success-message:focus{outline:none}
/* Contact: the actual form leads, support channels remain easy to find. */
.contact-layout,.sa-page-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}.contact-form-panel,.contact-panel{padding:24px;background:white;border:1px solid var(--line);border-radius:14px}.contact-form-panel h2{margin-bottom:20px}.contact-aside{display:grid;gap:20px}.contact-links{display:grid;gap:4px}.contact-links a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;min-height:44px;font-size:16px;overflow-wrap:anywhere}.contact-panel p:last-child{margin:0}
/* Burendag */
.breadcrumbs{margin:0 0 20px}.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.campaign-copy h1{font-size:38px!important;margin:10px 0 20px}.campaign-copy h1 span{color:var(--orange)}.campaign-copy .lead{margin-bottom:20px}.campaign-poster{height:auto;width:100%;border-radius:14px;margin-top:22px;display:block}.event-pills{display:flex;gap:8px;flex-wrap:wrap}.event-pills span{border-radius:6px;padding:6px 10px;background:#fff0d9;color:#75450f;font-size:14px;font-weight:600}.campaign-form{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:none;scroll-margin-top:12px}.campaign-form .form-group{margin-top:0}.campaign-form fieldset{border:0;padding:0;margin:14px 0}.campaign-form legend{font-size:16px;font-weight:600;margin-bottom:10px}.campaign-form .radio-label{flex:1}.campaign-form .action{width:100%;margin-top:12px}.campaign-form .fine{color:var(--muted)}.campaign-form .form-group input{margin:0}.campaign-form .form-group p{margin-bottom:0}.next-steps{margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--line)}.next-steps h3{font-size:18px!important}.next-steps ol{padding-left:22px}.next-steps li{padding:4px 0}.campaign-faq{max-width:800px;margin:32px auto 0}.campaign-faq details{border-bottom:1px solid var(--line);padding:16px 0}.campaign-faq summary{font-size:16px!important;line-height:1.5;font-weight:600;cursor:pointer;color:var(--ink)}.campaign-faq p{margin:10px 0 0}.campaign-admin-list{display:grid;gap:16px}.campaign-admin-card{padding:22px;background:white;border:1px solid var(--line);border-radius:14px}.campaign-admin-card p{margin:5px 0}.campaign-admin-card button{margin:10px 10px 0 0}
/* Installation hint stays in the document instead of covering content. */
.install-prompt{max-width:1152px;margin:16px auto;padding:0 24px}.install-prompt-inner{display:flex;align-items:center;gap:12px;padding:14px;background:var(--brand-pale);border:1px solid var(--line);border-radius:12px}.install-prompt img{width:36px;height:36px;border-radius:7px;flex-shrink:0}.install-copy{flex:1;min-width:0}.install-copy strong{font-size:14px}.install-copy p{font-size:14px;line-height:1.4;margin:3px 0 0}.install-prompt button{font-size:14px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}.install-prompt .install-close{padding:6px;min-width:36px;font-size:22px}
@media(max-width:1100px){.site-brand span{display:none}.site-header nav{gap:12px}.site-header .header-search{width:110px}}
@media(max-width:800px){:root{--h1-size:28px;--h2-size:22px;--h3-size:18px}.site-head{min-height:70px;padding:6px 16px;gap:12px;flex-wrap:wrap}.site-brand img{width:78px;height:52px}.site-brand span{display:block;font-size:11px}.site-menu-button{display:block;margin-left:auto}.site-header nav{display:none;width:100%;order:3;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 0 12px;max-height:calc(100dvh - 80px);overflow-y:auto}.site-header nav.active{display:flex}.site-header nav>a,.site-more summary{padding:11px 8px;font-size:16px;min-height:44px;border-bottom:1px solid var(--line)}.site-more-links{position:static;width:auto;border:0;border-left:2px solid var(--brand-blue);border-radius:0;box-shadow:none;margin:4px 8px 8px;padding:0 12px}.site-header .site-more-links a{font-size:16px}.site-header .header-search{display:block;width:100%;margin-top:12px;position:relative;top:auto;left:auto;right:auto}.site-header .search-results{width:100%;max-width:100%;min-width:0}.home-main,.campaign-main,.container{padding:20px 16px}.home-hero,.campaign-grid,.home-how,.contact-layout{grid-template-columns:1fr;gap:24px}.home-hero h1,.campaign-copy h1{font-size:32px!important}.home-hero h1 br{display:none}.hero-art{aspect-ratio:1.5;max-height:300px;border-radius:14px}.cake-banner{grid-template-columns:1fr;gap:16px;padding:20px;margin-bottom:26px}.cake-banner h2{font-size:24px!important}.cake-banner-action{justify-items:stretch}.cake-banner-stock{justify-self:start}.cake-banner-action p{text-align:center}.cake-banner .action{width:100%}.service-grid{grid-template-columns:1fr;gap:16px}.service-card,.wijkplan-note,.neighbor-note,.info-section{padding:20px}.home-section{padding:22px 0}.neighbor-note{display:block;margin-top:8px}.neighbor-note .action{margin-top:18px}.form-card{padding:20px!important}.form-row{grid-template-columns:1fr;gap:0!important}.form-stage legend{font-size:20px!important}.form-section{padding:12px 0!important}.contact-form-panel,.contact-panel,.campaign-form{padding:20px}.campaign-form{scroll-margin-top:8px}.campaign-copy .action{width:100%}.campaign-poster{max-width:440px;margin:20px auto 0}.campaign-faq{margin-top:28px}.bonregel{grid-template-columns:36px minmax(0,1fr) 78px 32px!important}.bonregel input{padding:8px 5px!important}.hero,.hero-kerngroep{padding:20px}.hero-kerngroep img{width:72px;height:72px}.site-footer{margin-top:24px;padding:24px 16px}.footer-inner{grid-template-columns:1fr;gap:20px}.footer-links{width:100%;gap:4px 16px}.footer-links a{min-height:44px}.install-prompt{padding:0 16px}.install-prompt-inner{flex-wrap:wrap;gap:8px}.install-copy{flex-basis:calc(100% - 52px)}.install-prompt img{align-self:flex-start}.install-prompt button{margin-left:44px}.install-prompt .install-close{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Compact, shared actions and quiet neighbourhood details. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;color:currentColor}
main a.icon-link,.icon-link{display:inline-flex;align-items:center;gap:8px;max-width:100%}.icon-link>span{min-width:0;overflow-wrap:anywhere}
main .contact-links a{justify-content:flex-start}.contact-links .ui-icon{color:var(--street-blue)}
.home-hero h1,.campaign-copy h1,.section-heading{text-wrap:balance}.home-hero h1{max-width:19ch}.campaign-copy h1{max-width:18ch}
.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:490px;align-items:stretch}.actions .action{height:100%;padding:11px 12px}
.quick-links a{display:inline-flex;align-items:center;min-height:44px}.service-grid{align-items:stretch}.service-card{display:flex;flex-direction:column}.service-card strong{margin-top:auto;font-size:15px}
.neighbor-note{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:22px}.neighbor-tile{width:104px;height:104px;border-radius:6px;object-fit:contain}.neighbor-note h2{font-size:22px!important}.neighbor-note .action{min-width:170px}.neighborhood-panorama{display:block;position:relative;overflow:hidden;width:100%;max-width:1100px;aspect-ratio:3.2;margin:24px auto 0;border-radius:14px}.neighborhood-art{display:block;position:absolute;top:0;left:0;width:100%;height:auto;max-height:none;margin:0;transform:translateY(-6%)}
/* The wide illustration has blank vertical padding; crop only that padding. */

.form-actions .btn{box-shadow:none}.form-title{overflow-wrap:normal}.site-more summary::after{content:'';display:inline-block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);vertical-align:3px;margin-left:8px}
/* Batch administration */
.batch-panel{padding:20px;border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:20px}.batch-tools,.batch-actions,.request-actions{display:flex;gap:10px;flex-wrap:wrap}.batch-tools .action{font-size:14px!important;min-height:44px}.batch-actions .action{flex:1;min-width:180px}.batch-panel>p{margin:12px 0}.batch-panel .field-hint{margin-bottom:0}
.campaign-admin-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.campaign-admin-card{min-width:0;padding:20px}.request-heading{display:flex;align-items:center;gap:12px}.request-heading h3{font-size:18px!important;margin:0}.request-select{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}.request-heading .request-street{margin:2px 0 0}.request-email{overflow-wrap:anywhere}.campaign-admin-card .request-meta,.request-mail p{font-size:14px!important}.request-status{display:inline-block;font-size:14px;margin:8px 0;color:var(--street-blue)}.request-mail{padding:8px 0}.request-mail summary{font-size:14px;cursor:pointer}.request-actions{margin-top:12px}.request-actions .action{flex:1;font-size:14px!important;min-height:44px;margin:0}.campaign-admin-card button:disabled,.batch-panel button:disabled{cursor:not-allowed}
#decision-dialog{width:min(640px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink);background:white}#decision-dialog::backdrop{background:#16344b80}#decision-dialog h2{font-size:24px;line-height:1.3;margin:0 0 16px}#decision-dialog p,#decision-dialog li{font-size:16px;line-height:1.5}#decision-recipients{padding-left:22px;overflow-wrap:anywhere;max-height:32dvh;overflow:auto}#decision-recipients li{margin:8px 0}#decision-error{color:#a12525}#selected-count{font-weight:600}
@media(min-width:801px) and (max-width:1050px){.home-hero{gap:24px}.home-hero h1{font-size:34px!important}.actions{grid-template-columns:1fr}.neighbor-note{grid-template-columns:90px 1fr}.neighbor-note .action{grid-column:2;justify-self:start}.service-card{padding:18px}}
@media(max-width:800px){.home-hero h1,.campaign-copy h1{font-size:30px!important}.neighbor-note{grid-template-columns:80px minmax(0,1fr);gap:16px}.home-main .neighbor-note{grid-template-columns:1fr}.home-main .neighbor-note .neighbor-tile{display:none}.neighbor-tile{width:80px;height:80px}.neighbor-note h2{font-size:20px!important}.neighbor-note .action{grid-column:1/-1;margin-top:0;width:100%}.campaign-admin-list{grid-template-columns:1fr}.batch-panel,.campaign-admin-card{padding:16px}.batch-tools{display:grid;grid-template-columns:1fr 1fr}.batch-tools #select-available{grid-column:1/-1}.batch-actions{display:grid;grid-template-columns:1fr;width:100%}.batch-actions .action{min-width:0;width:100%}#decision-dialog{padding:20px}.form-card h1{font-size:26px!important}.actions .action{font-size:15px!important;padding:10px 8px;gap:6px}.actions .ui-icon{width:18px;height:18px;flex-basis:18px}}
@media(max-width:380px){.actions{grid-template-columns:1fr}.site-brand span{font-size:10px}.site-brand img{width:66px;height:44px}.site-head{gap:8px}.site-brand{gap:8px}.form-card,.contact-form-panel,.campaign-form{padding:12px!important}.container,.campaign-main{padding-left:10px;padding-right:10px}.form-card h1{font-size:24px!important}}
/* Legacy promotional cards now share readable surfaces and text. */
main .cta-card-large span,main .cta-card-large strong,main .cta-card-large .cta-sub{color:var(--ink)!important}main .cta-card-large span[style*="background"]{background:var(--brand-pale)!important}main .cta-card-large{padding:20px!important}.cta-card-large .cta-title{font-size:18px!important}
@media(max-width:800px){.home-hero .actions{grid-template-columns:1fr}.home-hero .actions .action{font-size:16px!important;min-height:48px}.home-hero .actions .ui-icon{width:20px;height:20px;flex-basis:20px}}

/* Compact public forms and a campaign sticker with real, accessible text. */
.cake-banner-stock{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:106px;height:106px;flex:none;color:#16344b;transform:rotate(-6deg);font-size:12px;font-weight:700;line-height:1.15;filter:drop-shadow(0 3px 1px #003c6030)}
.cake-banner-stock::before,.cake-banner-stock::after{content:"";position:absolute;inset:0;z-index:-2;clip-path:polygon(100.00% 50.00%,96.77% 54.61%,99.04% 59.75%,94.98% 63.64%,96.19% 69.13%,91.45% 72.16%,91.57% 77.78%,86.33% 79.82%,85.36% 85.36%,79.82% 86.33%,77.78% 91.57%,72.16% 91.45%,69.13% 96.19%,63.64% 94.98%,59.75% 99.04%,54.61% 96.77%,50.00% 100.00%,45.39% 96.77%,40.25% 99.04%,36.36% 94.98%,30.87% 96.19%,27.84% 91.45%,22.22% 91.57%,20.18% 86.33%,14.64% 85.36%,13.67% 79.82%,8.43% 77.78%,8.55% 72.16%,3.81% 69.13%,5.02% 63.64%,0.96% 59.75%,3.23% 54.61%,0.00% 50.00%,3.23% 45.39%,0.96% 40.25%,5.02% 36.36%,3.81% 30.87%,8.55% 27.84%,8.43% 22.22%,13.67% 20.18%,14.64% 14.64%,20.18% 13.67%,22.22% 8.43%,27.84% 8.55%,30.87% 3.81%,36.36% 5.02%,40.25% 0.96%,45.39% 3.23%,50.00% 0.00%,54.61% 3.23%,59.75% 0.96%,63.64% 5.02%,69.13% 3.81%,72.16% 8.55%,77.78% 8.43%,79.82% 13.67%,85.36% 14.64%,86.33% 20.18%,91.57% 22.22%,91.45% 27.84%,96.19% 30.87%,94.98% 36.36%,99.04% 40.25%,96.77% 45.39%);background:white}.cake-banner-stock::after{inset:3px;z-index:-1;background:#ffda49}.cake-banner-stock b{font-size:32px;line-height:1.05}.cake-banner-stock strong{font-size:14px;margin-top:5px}.cake-banner-stock span{font-size:12px}
.service-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.service-card .card-number{flex:0 0 32px;width:32px;height:32px;margin:0}.service-card-heading h3{color:var(--street-blue)!important;font-size:18px!important;margin:0;line-height:1.3!important}.service-card p{margin-bottom:14px}.service-card{padding:20px}
.form-group textarea[rows="2"]{min-height:72px}.form-group label.radio-label{margin-bottom:0!important;font-weight:400}.form-section>.form-group:last-child{margin-bottom:0!important}.form-group:has(+.form-group),.form-group:has(+.form-row){margin-bottom:14px!important}.form-group select option{font-family:inherit;font-size:16px}.conditional-field{padding:14px!important}.checkbox-card{padding:14px!important}.checkbox-card label{font-size:14px!important;line-height:1.5!important}.form-group button[type="button"],.btn-bakfiets-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font:600 15px/1.4 Arial,Helvetica,sans-serif!important;padding:9px 12px!important;border-radius:8px!important;box-shadow:none!important}.form-group button .ui-icon{width:18px;height:18px;flex-basis:18px}main .form-stage legend{font-size:18px!important}.form-stage .form-section h4{font-size:17px!important}.info-box{font-size:14px!important;padding:12px 14px!important}.field-hint{font-size:14px!important}.date-row{min-width:0}.date-row>.form-group{min-width:0}.campaign-form .fine{margin:10px 0}.campaign-form .next-steps{padding-top:14px;margin-top:16px}.form-card .form-title{font-size:28px!important}.form-feedback{font-size:14px}
@media(max-width:800px){.cake-banner{grid-template-columns:86px minmax(0,1fr);gap:16px}.cake-banner-copy{grid-column:2}.cake-banner-logo{width:72px;justify-self:center}.cake-banner-stock{width:86px;height:86px;justify-self:center}.cake-banner-stock b{font-size:28px}.cake-banner-stock span{font-size:10px}.cake-banner-stock strong{font-size:12px}.cake-banner-action{min-width:0}.cake-banner .action{font-size:15px!important;padding:10px 8px;gap:6px}.cake-banner-action p{font-size:12px!important}.service-card-heading{gap:10px}.service-card-heading h3{font-size:17px!important}.form-card .form-title{font-size:25px!important}.form-card,.contact-form-panel,.campaign-form{padding:18px!important}.form-row{row-gap:0!important}.form-stage{margin-top:16px}.form-group .date-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.date-row .date-separator{display:none}}

/* A fixed reading column and one coherent set of secondary actions. */
.sa-content{min-width:0;background:white;border:1px solid var(--line);border-radius:16px;padding:28px}.sa-content .info-section{padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none}.sa-content .info-section+.info-section{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.sa-content h2{font-size:21px!important;margin-bottom:12px}.sa-content h2:not(:first-child){margin-top:24px}.sa-content h4{font-size:17px!important}.sa-content ul{padding-left:0;margin:8px 0 16px}.sa-content li{padding:3px 0 3px 22px}.sa-content p:last-child{margin-bottom:0}.sa-sidebar{width:auto;min-width:0;display:grid;gap:24px;position:static}.aside-actions{padding:20px;background:white;border:1px solid var(--line);border-radius:16px;display:grid;gap:10px}.aside-actions h2{font-size:20px!important;margin:0 0 4px}.neighborhood-gallery{display:grid;gap:24px;margin:0}.neighborhood-gallery figure{margin:0}.neighborhood-gallery img{display:block;width:100%;height:auto;object-fit:contain;border-radius:14px}.neighborhood-gallery figcaption{display:flex;justify-content:space-between;gap:8px;padding:10px 2px;font-size:13px;font-weight:600;color:var(--ink)}.neighborhood-gallery figcaption span{color:var(--muted);font-weight:400}.neighborhood-quote{margin:0;text-align:center}.neighborhood-quote img{width:140px;height:140px;object-fit:contain;border-radius:8px}
.contact-panel{padding:20px}.contact-panel h2{font-size:20px!important}.contact-links{gap:10px}.contact-address{background:transparent;border:0;padding:0 4px}.contact-address h2{font-size:17px!important}.contact-address p{font-size:14px!important}.channel-link{--channel:#087491;--channel-bg:#e8f6f8;--channel-border:#cce8ec;display:flex;align-items:center;gap:12px;min-height:62px;padding:12px;border:1px solid var(--channel-border);border-radius:12px;background:var(--channel-bg);text-decoration:none!important;transition:box-shadow .18s,transform .18s,border-color .18s}.tone-blue{--channel:#265ba6;--channel-bg:#edf3fe;--channel-border:#d2e0f7}.tone-sun{--channel:#805711;--channel-bg:#fff6dc;--channel-border:#eedda6}.tone-neutral{--channel:#526375;--channel-bg:#f5f8fb;--channel-border:#e2e9ee}main a.channel-link{color:var(--ink)!important;justify-content:flex-start;padding:12px}.channel-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:var(--channel);color:white}.channel-icon .ui-icon{color:white;width:24px;height:24px;flex-basis:24px}.channel-copy{min-width:0}.channel-copy strong{display:block;font-size:15px;line-height:1.4;font-weight:600}.channel-copy small{display:block;font-size:13px;line-height:1.4;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.channel-link:hover{border-color:var(--channel);box-shadow:0 4px 12px #16344b0b}.quick-links{gap:10px}.quick-links a{background:white;border:1px solid var(--line);padding:8px 12px;border-radius:10px;text-decoration:none;font-size:15px}.service-card{transition:border-color .18s,box-shadow .18s}.service-card:hover{border-color:#96c9dc;box-shadow:0 5px 18px #16344b08}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px}main a:not(.action):not(.btn):not(.channel-link):not(.service-card):hover{text-decoration-color:var(--brand-blue)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.channel-link:hover,.service-card:hover{transform:translateY(-2px)}}
@media(min-width:801px) and (max-width:1100px){.site-brand span{display:none}.site-head{gap:12px}.site-header nav{gap:2px}.site-header nav a,.site-more summary{padding:10px 7px}.site-header .header-search{width:104px}}
@media(max-width:1199px){.site-head{min-height:72px;padding:8px 16px;flex-wrap:wrap;gap:10px}.site-brand span{display:block}.site-brand img{width:76px;height:50px}.site-menu-button{display:flex;margin-left:auto}.site-header nav{display:none;width:100%;order:3;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:8px 0 12px;max-height:calc(100dvh - 90px);overflow-y:auto}.site-header nav.active{display:flex}.site-header nav>a,.site-more summary{min-height:46px;border:0;padding:10px 12px;font-size:16px}.site-header nav .ui-icon{width:20px;height:20px;flex-basis:20px}.site-more-links{position:static;width:auto;box-shadow:none;margin:6px 0 6px 14px;border:0;border-left:2px solid var(--brand-blue);border-radius:0;padding:0 8px}.site-header .header-search{width:100%;margin:8px 0 0}.site-header .search-results{min-width:0;max-width:100%;width:100%}}
@media(max-width:800px){.sa-page-layout{grid-template-columns:1fr}.sa-content{padding:20px}.sa-sidebar{grid-template-columns:1fr}.sa-content h2{font-size:20px!important}.neighborhood-gallery{grid-template-columns:1fr 1fr;gap:16px;align-items:start}.neighborhood-gallery figcaption{display:block}.neighborhood-gallery figcaption span{display:block}.contact-form-panel,.contact-panel{border-radius:14px}.about-main .page-intro h1{font-size:28px!important}.channel-copy strong{font-size:15px}.channel-copy small{font-size:13px}}

/* Homepage: a clear headline and aligned pairs of actions. */
main.home-main .home-hero h1{font-size:clamp(34px,4.1vw,50px)!important;line-height:1.08!important;font-weight:800;letter-spacing:-.035em;color:#101c25!important;max-width:none;margin-bottom:20px;text-wrap:initial}.home-hero h1>span{display:inline-block;max-width:100%}main .resident-line,main .resident-heading{font-family:inherit;font-size:18px!important;line-height:1.4!important;font-weight:700;letter-spacing:-.015em;color:#101c25!important;margin:0 0 14px}.home-hero .hero-intro{max-width:56ch;margin-bottom:18px;font-size:18px!important;line-height:1.5!important;color:#101c25!important}.hero-intro>span{display:block}.home-hero+.home-section{padding-top:12px}.home-hero .actions,.home-hero .quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:490px;width:100%}.home-hero .quick-links{margin-top:12px}.home-hero .actions a,.home-hero .quick-links a{justify-content:center;min-height:48px;width:100%;height:100%;padding:11px 10px;gap:8px;font-size:16px!important;line-height:1.4;font-weight:600;border-radius:12px;text-decoration:none}.home-hero .quick-links a{background:var(--brand-pale);border:1px solid #c9e3ef}.home-hero .quick-links a:hover{background:#daeff8;border-color:var(--street-blue)}.home-hero .icon-link>span{overflow-wrap:normal;text-wrap:balance}
@media(max-width:480px){.home-hero .actions,.home-hero .quick-links{grid-template-columns:1fr;gap:10px}.home-hero .quick-links{margin-top:10px}main.home-main .home-hero h1{font-size:34px!important}main .resident-line{font-size:18px!important}}

/* Section navigation and compact mobile reading. */
.site-about .site-more-links{width:276px;max-height:calc(100dvh - 112px);overflow-y:auto}.sa-content h2[id]{scroll-margin-top:12px}.contact-intro{display:flex;align-items:center;gap:20px;width:fit-content;max-width:100%}.contact-tile{display:block;width:80px;height:80px;object-fit:contain;border-radius:6px;flex:none}.contact-intro-copy{min-width:0;flex:0 1 auto}.contact-intro-copy h1{margin:0 0 8px}.contact-intro-copy p{margin:0}
@media(max-width:1100px){.site-header nav{gap:1px}.site-header nav a,.site-more summary{padding-left:6px;padding-right:6px}}
@media(max-width:1199px){.site-about .site-more-links{width:auto;max-height:none;overflow:visible}.site-header nav a,.site-more summary{padding-left:12px;padding-right:12px}}
@media(max-width:800px){.home-hero+.home-section{padding-top:32px}.home-hero .hero-intro>span{display:inline}.home-hero .eyebrow,.home-hero .resident-line,.home-hero+.home-section>.eyebrow,.home-hero+.home-section>.resident-heading{text-align:center}.home-hero .eyebrow{font-size:clamp(10px,3.33vw,14px)!important;letter-spacing:0;white-space:normal}.home-hero .resident-line,.home-hero+.home-section>.resident-heading{text-wrap:balance}.map-intro p{font-size:clamp(11px,3.59vw,14px)!important;letter-spacing:-.01em;line-height:1.5!important}.contact-intro{gap:14px}.contact-tile{width:72px;height:72px}}

/* Shared release and maker credit, matching the existing footer typography. */
.footer-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px;max-width:1092px;margin:22px auto 0;padding-top:16px;border-top:1px solid #ffffff26;font-size:14px;line-height:1.5}
.site-footer .footer-credit{color:#ffad55!important;font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.site-footer .footer-credit:hover,.site-footer .footer-credit:focus-visible{color:#ffc98f!important;text-decoration:underline;text-underline-offset:4px}
.footer-version{color:#e0e8ee;white-space:nowrap}

/* Compact mobile section heading; allow reflow when text is enlarged. */
@media(max-width:800px){.sa-content #straatambassadeur{font-size:clamp(14px,4.4vw,18px)!important;letter-spacing:-.02em;line-height:1.4;text-wrap:wrap;white-space:normal}}
/* 1.3: quiet product motion, inspired by the free transitions.dev patterns.
   Native CSS; no runtime dependency. The existing reduced-motion guard wins. */
:root {
  --motion-fast: 150ms;
  --motion-open: 220ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
}
.site-header :is(a,summary,button),
main :is(.action,.btn,.channel-link,.service-card,.text-link,.icon-link) {
  transition: color var(--motion-fast), background-color var(--motion-fast),
    border-color var(--motion-fast), box-shadow var(--motion-open),
    transform var(--motion-fast) var(--motion-ease);
}
.site-header :is(a,summary,button):focus-visible,
main :is(a,button,summary,input,select,textarea):focus-visible {
  outline: 3px solid var(--street-blue);
  outline-offset: 4px;
}
.site-more summary::after {
  transition: transform var(--motion-open) var(--motion-ease);
}
.site-more[open]>summary::after { transform: rotate(225deg); }
.menu-motion-icon { fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.menu-motion-icon path { transform-origin:12px 12px; transition:transform var(--motion-open) var(--motion-ease),opacity var(--motion-fast); }
.site-menu-button[aria-expanded=true] .menu-motion-icon path:nth-child(1) { transform:translateY(6px) rotate(45deg); transform-origin:12px 6px; }
.site-menu-button[aria-expanded=true] .menu-motion-icon path:nth-child(2) { opacity:0; }
.site-menu-button[aria-expanded=true] .menu-motion-icon path:nth-child(3) { transform:translateY(-6px) rotate(-45deg); transform-origin:12px 18px; }
.service-card .card-number {
  border:1px solid #a9d6e8;
  box-shadow:inset 0 0 0 2px white;
  border-radius:5px;
  transition:background-color var(--motion-fast),color var(--motion-fast);
}
.service-card:focus-visible { border-color:var(--street-blue); }
.service-card:focus-visible .card-number { background:var(--street-blue);color:white; }
.public-success {
  border:1px solid #b8d9e5;
  border-top:3px solid var(--street-blue);
  border-radius:12px;
  padding:20px;
  background:linear-gradient(135deg,#f0f8fc,white 75%);
}
.success-mark { display:block;width:36px;height:36px;margin:0 0 14px;fill:none;stroke:var(--street-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.success-mark circle { fill:#e4f3f8;stroke:#b8d9e5;stroke-width:1; }
.public-success.success-message .success-mark { margin-inline:auto; }
main button.is-sending { cursor:wait;opacity:1; }
main button.is-sending::before { content:"";width:16px;height:16px;flex:0 0 16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%; }
.campaign-faq summary { display:flex;align-items:flex-start;gap:14px;list-style:none; }
.campaign-faq summary::-webkit-details-marker { display:none; }
.campaign-faq summary::after { content:"";flex:0 0 8px;width:8px;height:8px;margin:6px 4px 0 auto;border-right:2px solid var(--street-blue);border-bottom:2px solid var(--street-blue);transform:rotate(45deg);transition:transform var(--motion-open) var(--motion-ease); }
.campaign-faq details[open]>summary::after { transform:rotate(225deg); }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .service-card:hover,.channel-link:hover { transform:translateY(-2px); }
  .service-card:hover .card-number { background:var(--street-blue);color:white; }
  main :is(.action,.btn,.text-link,.icon-link):hover .ui-icon { transform:translateY(-1px); }
  main :is(.action,.btn,.text-link,.icon-link) .ui-icon { transition:transform var(--motion-fast) var(--motion-ease); }
}
@media(prefers-reduced-motion:no-preference) {
  .cake-banner-stock { animation:street-sticker 240ms var(--motion-ease) both; }
  .public-success:not([hidden]):not(.hidden) { animation:street-arrive var(--motion-open) var(--motion-ease); }
  .public-success:not([hidden]):not(.hidden) .success-mark path { animation:street-check 240ms var(--motion-ease) both; }
  main button.is-sending::before { animation:street-spin 800ms linear infinite; }
  /* Native details keep their keyboard behavior. Older browsers open instantly. */
  @supports selector(::details-content) {
    .site-more-links { transform-origin:top left;transform:translateY(-4px);transition:transform var(--motion-fast) var(--motion-ease); }
    .site-more[open] .site-more-links { transform:translateY(0);transition-duration:var(--motion-open); }
    .site-more::details-content,.campaign-faq details::details-content {
      opacity:0;
      transition:opacity var(--motion-fast),content-visibility var(--motion-fast) allow-discrete;
    }
    .site-more[open]::details-content,.campaign-faq details[open]::details-content { opacity:1;transition-duration:var(--motion-open); }
    .site-more:not([open]) .site-more-links { pointer-events:none; }
    @supports (interpolate-size:allow-keywords) {
      .campaign-faq details::details-content {
        interpolate-size:allow-keywords;block-size:0;overflow:clip;
        transition:block-size var(--motion-open) var(--motion-ease),opacity var(--motion-fast),content-visibility var(--motion-open) allow-discrete;
      }
      .campaign-faq details[open]::details-content { block-size:auto; }
    }
  }
  @media(max-width:1199px) {
    .site-header nav { opacity:0;transform:translateY(-4px);transition:opacity var(--motion-fast),transform var(--motion-fast) var(--motion-ease),display var(--motion-fast) allow-discrete; }
    .site-header nav.active { opacity:1;transform:translateY(0);transition-duration:var(--motion-open); }
    .site-header nav:not(.active) { pointer-events:none; }
    @starting-style { .site-header nav.active { opacity:0;transform:translateY(-4px); } }
  }
}
@keyframes street-arrive { from { opacity:0;transform:translateY(4px); } to { opacity:1;transform:translateY(0); } }
@keyframes street-sticker { from { opacity:0;transform:rotate(-6deg) scale(.95); } to { opacity:1;transform:rotate(-6deg) scale(1); } }
@keyframes street-check { from { stroke-dasharray:1;stroke-dashoffset:1; } to { stroke-dasharray:1;stroke-dashoffset:0; } }
@keyframes street-spin { to { transform:rotate(360deg); } }

/* Desktop alignment: hero actions meet the photo baseline; footer links stay compact. */
@media(min-width:1051px){
 .home-hero{align-items:stretch}
 .home-hero>div{display:flex;flex-direction:column}
 .home-hero .resident-line{margin-top:auto;padding-top:24px}
 .home-hero .quick-links{margin-bottom:0}
}
@media(min-width:801px){
 .footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
 .footer-links{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:6px 18px}
 .footer-links a{min-height:30px;justify-content:flex-start}
}

/* 1.9: compact public layouts and full-width neighborhood illustration. */
.campaign-brand-heading{display:flex;align-items:center;gap:16px;min-width:0}.campaign-brand-heading>div{min-width:0;flex:1}.campaign-brand-heading .cake-banner-logo{width:76px;flex:0 0 76px}.campaign-brand-heading h1,.campaign-brand-heading h2{margin-bottom:0}.cake-banner-description{margin:12px 0 0}.campaign-copy>.campaign-brand-heading{margin-bottom:18px}.campaign-copy .campaign-brand-heading .cake-banner-logo{width:88px;flex-basis:88px}.campaign-copy .campaign-brand-heading h1{font-size:30px!important}
.map-main .map-join-action{width:fit-content;max-width:100%;min-height:44px}.map-main,.home-main{padding-bottom:0}.home-main+.site-footer{margin-top:18px}body:has(.map-main) .site-footer{margin-top:18px}
.sa-content ul,.kerngroep-page .info-section ul{padding-left:8px;list-style:none}.sa-content .info-section ul li,.kerngroep-page .info-section ul li{position:relative;display:block;list-style:none;padding:2px 0 2px 24px;margin:0;line-height:1.45!important}.sa-content .info-section ul li::before,.kerngroep-page .info-section ul li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--street-blue);left:5px;top:calc(.725em - 1px);font-size:inherit}
.sa-content .contacten-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;padding:12px;background:var(--brand-pale);border-radius:14px}.sa-content .contacten-grid>.wijk-contact{display:flex;align-items:flex-start;gap:10px;padding:10px!important;background:#ffffffc9;border:1px solid #d7e9f2;border-radius:10px;min-width:0;line-height:1.4}.wijk-contact>div{min-width:0}.wijk-contact strong{display:block;font-size:14px;color:var(--ink);line-height:1.4}.wijk-contact-icon{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#daeff8;color:var(--street-blue)}.wijk-contact-icon .ui-icon{width:18px;height:18px}.wijk-contact-detail{display:block;font-size:14px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.wijk-contact-detail a{display:inline-flex;align-items:center;min-height:32px;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:600}.sa-sidebar{gap:18px}
@media(min-width:801px){.sa-page-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}}
@media(min-width:1100px){.sa-page-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(min-width:801px) and (max-width:1000px){.sa-content .contacten-grid{grid-template-columns:1fr}}
@media(max-width:800px){
:root{--h1-size:24px;--h2-size:19px;--h3-size:16px;--body-size:14px;--small-size:12px}
.wijkplan-note .text-link{font-size:clamp(10px,3.1vw,12px)}main.home-main .home-hero h1{font-size:28px!important}.home-hero .hero-intro{font-size:15px!important;margin-bottom:16px}main .resident-line,main .resident-heading{font-size:16px!important}.about-main .page-intro h1{font-size:24px!important}.sa-content h2,.aside-actions h2{font-size:18px!important}.neighbor-note h2{font-size:18px!important}.home-hero .actions .action,.home-hero .quick-links a{font-size:15px!important;min-height:44px}.home-hero{gap:20px}.home-section{padding:18px 0}
.cake-banner{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:18px}.cake-banner-copy{grid-column:1/-1}.campaign-brand-heading{gap:12px}.campaign-brand-heading .cake-banner-logo{width:62px;flex-basis:62px}.cake-banner h2{font-size:21px!important;line-height:1.2!important}.cake-banner .cake-banner-date{font-size:12px!important;margin-bottom:6px}.cake-banner-description{font-size:15px!important;line-height:1.5!important}.cake-banner-description br{display:none}.cake-banner-stock{width:76px;height:76px}.cake-banner-stock b{font-size:25px}.cake-banner-stock strong{font-size:11px}.cake-banner-action p{font-size:11px!important}.cake-banner .action{min-height:44px;font-size:14px!important}.campaign-copy .campaign-brand-heading .cake-banner-logo{width:64px;flex-basis:64px}.campaign-copy .campaign-brand-heading h1{font-size:23px!important}.campaign-copy .campaign-brand-heading .eyebrow{font-size:11px!important}.campaign-copy .lead{font-size:16px!important}
.sa-content{padding:18px}.sa-content .info-section+.info-section{padding-top:18px;margin-top:18px}.sa-content .contacten-grid{grid-template-columns:1fr;padding:8px;gap:6px!important}.sa-content .contacten-grid>.wijk-contact{padding:8px 10px!important}.wijk-contact-detail a{display:inline;min-height:0;padding:0;line-height:1.35}.wijk-contact-detail{margin-top:2px;font-size:13px;line-height:1.35}.wijk-contact strong{font-size:13px;line-height:1.35}.sa-content .contacten-grid .wijk-contact:has(a){align-items:flex-start}.neighborhood-panorama{margin-top:18px;border-radius:10px}.site-footer{font-size:14px}.site-header .site-menu-button{font-size:13px!important;gap:6px;padding:6px 10px;min-height:40px}.site-menu-button .ui-icon,.site-menu-button .menu-motion-icon{width:18px;height:18px}.site-header nav>a,.site-header .site-more summary,.site-header .site-more-links a{font-size:13px!important;line-height:1.35;min-height:40px;padding:8px 10px}.site-header nav{gap:0}.site-header nav .ui-icon,.site-header .site-more-links .ui-icon{width:17px;height:17px;flex-basis:17px}.site-head{min-height:62px}.site-brand img{width:68px;height:46px}.site-brand span{font-size:10px}.site-header .header-search input{font-size:16px!important}
}

/* 1.10: smaller, centered mobile footer with compact link rows. */
@media(max-width:800px){
.site-footer{padding:20px 16px 16px;font-size:12px}.footer-inner{gap:12px}.footer-inner>div:first-child{text-align:center}.site-footer strong{font-size:14px;line-height:1.35}.site-footer p{font-size:11px!important;line-height:1.4;margin:4px 0}.site-footer a{font-size:12px!important;line-height:1.35}.footer-inner>div:first-child a{font-size:11px!important}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;max-width:360px;margin:0 auto}.footer-links a{min-height:32px;padding:5px 2px;justify-content:center}.footer-meta{font-size:11px;gap:8px 18px;margin-top:12px;padding-top:8px}.site-footer .footer-credit{font-size:11px!important;min-height:30px}.footer-version{font-size:11px}
}

/* 1.12: clear form hierarchy, line icons and an accessible potje infographic. */
main form .form-section>h4,main .form-stage .form-section>h4{font-size:19px!important;line-height:1.3!important;margin-bottom:12px!important;font-weight:700}
main .form-stage>legend{font-size:21px!important;line-height:1.3!important;margin-bottom:4px}.form-stage+.form-stage{margin-top:24px}.form-section{padding:18px 0!important}
main form .form-group>label,main form .form-group>legend{font-size:14px!important;line-height:1.4!important;font-weight:600}.form-group .radio-label,.form-group .radio-label span,main form .radio-label{font-size:14px!important;line-height:1.4!important;font-weight:400!important}.radio-label input[type=radio]{width:18px;height:18px}.radio-label{min-height:44px;padding:8px 10px!important}.radio-group{gap:8px}.form-group .field-hint,main form .info-box,main form .info-box p{font-size:13px!important;line-height:1.45!important}.form-group label.radio-label{margin-bottom:0!important}.form-group:has(+.form-group),.form-group:has(+.form-row){margin-bottom:18px!important}
.inline-brand-icon{display:inline-block;vertical-align:-.18em;width:1.15em;height:1.15em;color:var(--street-blue);margin-right:.2em}.info-box-icon .inline-brand-icon{width:22px;height:22px}
main .functie-card .help-card-heading{display:flex;align-items:center;gap:10px;font-size:17px!important;line-height:1.35!important;margin:0 0 8px}.help-card-heading .ui-icon{width:22px;height:22px;flex:0 0 22px;color:var(--street-blue)}.functie-card{padding:16px;border-left:3px solid var(--brand-blue);background:var(--brand-pale)}.handleiding-section .icon-link{display:inline;white-space:normal}.handleiding-section .icon-link .ui-icon{display:inline-block;vertical-align:-.2em;margin-right:4px}.handleiding-section .icon-link span{display:inline}
.potje-overview{margin:16px 0 10px;padding:18px;border:1px solid #cde5ef;border-radius:16px;background:var(--brand-pale)}.potje-budget{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #cde5ef}.potje-budget-amount{font-size:42px;line-height:1;font-weight:800;color:var(--street-blue);letter-spacing:-.04em}.potje-budget>div{flex:1;min-width:0}.potje-budget strong,.potje-budget>div>span{display:block}.potje-budget strong{font-size:18px;color:var(--ink)}.potje-budget>div>span{font-size:14px;color:var(--muted)}.potje-budget>.ui-icon{width:34px;height:34px;flex:0 0 34px;color:var(--street-blue)}
.sa-content .potje-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:16px 0}.sa-content .potje-steps>li{padding:12px!important;margin:0;background:#fff;border-radius:12px;list-style:none;min-width:0}.potje-steps>li::before{display:none!important}.potje-step-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#fff1cc;color:#986117;margin-bottom:10px}.potje-step-icon .ui-icon{width:21px;height:21px}.potje-steps strong{display:block;font-size:14px;line-height:1.35;color:var(--ink)}.sa-content .potje-steps p{font-size:13px!important;line-height:1.4!important;margin:6px 0 0}.potje-overview>.action{min-height:44px;font-size:14px!important;padding:9px 14px}.sa-content .potje-funding{font-size:12px!important;line-height:1.4!important;color:var(--muted);margin:0 0 12px}.potje-details{border:1px solid var(--line);border-radius:10px;padding:0 14px}.potje-details summary{font-size:14px;font-weight:600;line-height:1.4;padding:12px 0;cursor:pointer;min-height:44px}.potje-details[open]{padding-bottom:14px}.sa-content .potje-details p,.sa-content .potje-details li{font-size:14px!important;line-height:1.45!important}
@media(max-width:800px){
main form .form-section>h4,main .form-stage .form-section>h4{font-size:18px!important}main .form-stage>legend{font-size:20px!important}.form-section{padding:18px 0!important}main .functie-card .help-card-heading{font-size:16px!important}.functie-grid{grid-template-columns:1fr;gap:10px}.functie-card{padding:14px}.handleiding-section .functie-card p{font-size:14px!important;line-height:1.45!important}.potje-overview{padding:14px}.potje-budget{gap:12px;padding-bottom:12px}.potje-budget-amount{font-size:36px}.potje-budget strong{font-size:16px}.potje-budget>div>span{font-size:13px}.potje-budget>.ui-icon{width:26px;height:26px;flex-basis:26px}.sa-content .potje-steps{grid-template-columns:1fr;gap:8px;margin:12px 0}.sa-content .potje-steps>li{display:flex;align-items:flex-start;gap:12px;padding:10px!important}.potje-step-icon{flex:0 0 32px;margin:0}.sa-content .potje-steps p{margin-top:3px}.potje-overview>.action{width:100%}
}

/* 1.13: consistent headings, event markers and mobile neighborhood gallery. */
.potje-details>h3{font-size:17px!important;margin:0 0 10px}.potje-help-link{display:inline-flex;align-items:center;min-height:44px;margin-left:14px;font-size:14px;font-weight:600;text-underline-offset:3px}.campaign-copy .campaign-brand-heading h1{max-width:none;text-wrap:initial}.campaign-copy .campaign-brand-heading h1>span{display:block}.campaign-copy .campaign-brand-heading h1>.campaign-title-line{color:var(--ink);margin-top:4px}.event-facts{display:grid;gap:10px;list-style:none;padding:0;margin:18px 0;text-align:left}.event-facts>li{display:flex;align-items:center;gap:10px;padding:0;margin:0;list-style:none}.event-facts>li::before{display:none}.event-marker{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:var(--brand-pale);color:var(--street-blue)}.event-marker .ui-icon{width:19px;height:19px}.event-marker-cake{background:#fff1cf;color:#a45008}.event-facts strong{font-size:15px;font-weight:600;line-height:1.4}.event-facts small{display:inline-block;margin-left:10px;font-size:12px;color:var(--muted)}.neighborhood-gallery>.neighborhood-quote{order:-1}.neighborhood-gallery>.neighborhood-quote img{width:140px;height:140px;margin:auto;object-fit:contain}.help-info-link{display:inline!important;white-space:normal;font-weight:600;text-underline-offset:3px}.handleiding-section .stappen .help-info-link{overflow-wrap:normal}
@media(max-width:800px){.potje-help-link{display:flex;justify-content:center;margin:6px 0 0;font-size:13px}.potje-details>h3{font-size:16px!important}.campaign-copy .campaign-brand-heading h1{font-size:clamp(19px,5.25vw,23px)!important}.campaign-copy .campaign-brand-heading .eyebrow{font-size:11px!important;line-height:1.4!important}.event-facts{gap:8px;margin:16px 0}.event-facts strong{font-size:14px}.neighborhood-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.neighborhood-gallery>.gallery-keipark{grid-column:1/-1;order:0}.neighborhood-gallery>.neighborhood-quote{grid-column:1;order:1;display:grid;place-items:center;aspect-ratio:1;background:white;border:1px solid var(--line);border-radius:14px;padding:12px}.neighborhood-gallery>.neighborhood-quote img{width:100%;height:auto;max-width:180px;max-height:100%;object-fit:contain}.neighborhood-gallery>.gallery-slak{grid-column:2;order:2}.gallery-keipark img{width:100%;height:auto}}


@media(max-width:375px){.wijkplan-note{padding:16px}}

/* 1.18: compact navigation, useful search and clearer public page hierarchy. */
.site-header nav .site-admin-link{flex:0 0 36px;justify-content:center;width:36px;min-height:38px;padding:8px;border:1px solid var(--line);border-radius:10px}
.site-header nav .site-admin-link>span{display:none}
.site-header nav .site-more>summary{gap:6px}
.site-header .header-search{position:relative;min-width:0}
.site-header .header-search input{padding:9px 30px 9px 34px;border:1px solid #c8dde8;border-radius:12px;background:#f3f8fb;box-shadow:inset 0 1px 2px #16344b05}
.site-header .header-search input:focus{outline:2px solid var(--brand-blue);outline-offset:1px;background:white}
.site-header .search-field-icon{position:absolute;left:10px;top:13px;width:17px;height:17px;pointer-events:none}
.site-header .search-clear{position:absolute;right:3px;top:4px;width:30px;height:36px;padding:0;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}
.site-header input[type=search]::-webkit-search-cancel-button{display:none}
.site-header .search-results{position:absolute;top:calc(100% + 8px);right:0;left:auto;width:370px;max-width:calc(100vw - 32px);max-height:440px;overflow-y:auto;border:1px solid #c8dde8;border-radius:14px;padding:6px;background:white;box-shadow:0 14px 36px #16344b20}
.site-header .search-results[hidden]{display:none!important}
.search-heading{padding:8px 10px 6px;font:700 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.site-header .search-results .search-result-item{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:10px;border:0;text-align:left;min-height:50px;border-radius:8px}
.site-header .search-result-item[aria-selected=true],.site-header .search-result-item:hover{background:var(--brand-pale)}
.site-header .search-result-title{font-size:14px;line-height:1.35;color:var(--ink)}
.site-header .search-result-snippet{font-size:12px;line-height:1.4;font-weight:400;color:var(--muted);white-space:normal}
.search-no-results{padding:10px;font-size:13px;color:var(--muted)}
.home-hero+.home-section{padding-top:56px}
.kerngroep-page>.container{max-width:1152px;padding:24px}
.kerngroep-page .container>main{max-width:none;width:100%;padding:0;background:transparent;box-shadow:none}
.kerngroep-page .info-section{width:100%;max-width:none;padding:24px;margin-bottom:20px;border-color:var(--line);border-radius:14px}
.kerngroep-page .info-section :is(p,ul){max-width:none}
.kerngroep-page .kerngroep{justify-content:flex-start;gap:10px;margin-top:20px}
.kerngroep-page .kerngroep-member{font-size:17px;line-height:1.4;font-weight:700;color:white;background:var(--street-blue);padding:9px 18px;border-radius:8px;border:1px solid #076b95;box-shadow:inset 0 0 0 2px #ffffff30}
.kerngroep-page .foundation-link{font-weight:500;text-decoration-color:#a5c9d9;text-underline-offset:3px}
@media(min-width:1200px){
 .site-head{gap:18px;flex-wrap:nowrap;min-height:76px;padding:8px 24px}
 .site-header nav{gap:2px;flex:1;min-width:0;justify-content:flex-end}
 .site-header nav>a,.site-header .site-more>summary{font-size:13px;min-height:38px;padding:8px 7px}
 .site-header nav .ui-icon{width:16px;height:16px;flex-basis:16px}
 .site-header .header-search{width:clamp(165px,16vw,220px);flex:1 1 185px;max-width:220px;margin:0 8px}
 .site-header .header-search input{font-size:13px;min-height:42px}
 .site-header .site-brand{gap:8px}
 .site-header .site-brand img{width:76px;height:52px}
 .site-header .site-brand span{font-size:10px}
}
@media(min-width:801px){
 .home-hero{align-items:center;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px}
 .home-hero>div{display:block}
 .home-hero .hero-intro{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,1.8vw,24px)!important;line-height:1.65!important;font-weight:500;color:var(--ink)!important;margin-bottom:6px;max-width:44ch}
 .home-hero .hero-intro>span{display:inline}
 .home-hero .resident-line{margin:0 0 24px;padding:0;font-size:17px!important;line-height:1.5!important}
 .home-hero .actions,.home-hero .quick-links{gap:18px;max-width:510px}
 .home-hero .quick-links{margin-top:18px}
 .cake-banner{grid-template-columns:minmax(0,1fr) 100px auto;gap:24px;padding:28px}
 .cake-banner-copy{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:22px;align-items:center}
 .cake-banner-copy .campaign-brand-heading{display:contents}
 .cake-banner-copy .campaign-brand-heading>.cake-banner-logo{grid-row:1/3;width:110px;align-self:center}
 .cake-banner-copy .campaign-brand-heading>div{grid-column:2;min-width:0}
 .cake-banner-copy .cake-banner-description{grid-column:2;margin:12px 0 0;line-height:1.8!important}
 .cake-banner-copy .cake-banner-date{line-height:1.6!important}
}
@media(max-width:1199px){
 .site-header .header-search{margin:8px 0 0;width:100%}
 .site-header .search-results{position:relative;top:auto;margin-top:8px;width:100%;max-height:320px}
 .site-header nav .site-admin-link{align-self:flex-end;margin-top:6px}
}
@media(max-width:800px){
 .kerngroep-page>.container{padding:20px 16px}
 .kerngroep-page .info-section{padding:18px}
 .kerngroep-page .kerngroep-member{font-size:16px;padding:8px 14px}
}

/* The provided infographic stays unmodified and downloadable at full resolution. */
.infographic-card{margin:0;padding:12px;background:white;border:1px solid var(--line);border-radius:14px;align-self:start}
.infographic-preview{display:block;text-align:center;color:var(--street-blue);font-size:13px;font-weight:600;text-decoration:none}
.infographic-preview img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:8px}
.infographic-preview>span{display:block;padding:10px 0 2px}
.infographic-card figcaption{font-size:12px;line-height:1.4;text-align:center;color:var(--muted);margin-top:4px}

.potje-request-page #potje-form{clear:both}
.infographic-viewer{width:min(960px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 24px);max-height:none;margin:auto;border:0;border-radius:14px;padding:0;background:#edf5f9;color:var(--ink);overflow:hidden}
.infographic-viewer[open]{display:flex;flex-direction:column}
.infographic-viewer::backdrop{background:#102b43c9;backdrop-filter:blur(3px)}
.infographic-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:white;border-bottom:1px solid var(--line);flex-shrink:0}
.infographic-toolbar h2{font:700 17px/1.3 Arial,sans-serif;margin:0 auto 0 0;color:var(--ink)}
.infographic-toolbar :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid #c8dde8;border-radius:8px;background:#f4f9fc;color:#076b95;font:600 13px/1.3 Arial,sans-serif;cursor:pointer;text-decoration:none}
.infographic-toolbar .infographic-save{background:#0877a5;border-color:#0877a5;color:white}
.infographic-image-wrap{min-height:0;overflow:auto;flex:1;padding:12px;overscroll-behavior:contain}
.infographic-image-wrap img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;margin:auto}
.infographic-viewer.is-zoomed .infographic-image-wrap img{width:1024px;height:auto;max-width:none}
@media(min-width:801px){
 .sa-page-layout.sa-with-infographic{grid-template-columns:300px minmax(0,1fr)}
 .sa-with-infographic>.sa-sidebar{grid-column:1;grid-row:1}
 .sa-with-infographic>.sa-content{grid-column:2;grid-row:1}
}
@media(max-width:800px){
 .sa-with-infographic .infographic-card{max-width:300px;width:100%;justify-self:center}
 .infographic-toolbar{flex-wrap:wrap;padding:8px}
 .infographic-toolbar h2{flex-basis:100%;font-size:16px}
 .infographic-toolbar :is(a,button){flex:1;min-height:44px}
}

/* 1.19: readable identity and aligned content columns. */
.site-header .site-brand{gap:10px}
.site-header .site-brand img{width:108px;height:74px;object-fit:contain}
.site-header .site-brand span{display:block;font-size:13px;line-height:1.45;font-weight:700}
@media(min-width:1200px){
 .site-header .site-head{gap:14px}
 .site-header .header-search{width:180px;max-width:180px;flex:1 1 150px;margin-inline:5px}
}
@media(max-width:600px){
 .site-header .site-brand img{width:92px;height:63px}
 .site-header .site-brand span{font-size:12px}
}
.sa-with-infographic .neighborhood-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.sa-with-infographic .neighborhood-gallery>figure{order:0;grid-column:auto;margin:0;width:100%;max-width:none}
.sa-with-infographic .neighborhood-gallery>.neighborhood-quote{padding:0;background:transparent;border:0;aspect-ratio:auto}
.sa-with-infographic .neighborhood-gallery>.neighborhood-quote img{width:100%;height:auto;max-width:none;max-height:none;display:block;object-fit:contain}
.sa-with-infographic .neighborhood-gallery>.infographic-card figcaption{display:block;text-align:center}
.sa-with-infographic .neighborhood-gallery .infographic-preview img{max-height:none}
.burendag-apply-link{font-weight:700;text-underline-offset:3px}
.potje-request-page>.container{max-width:1152px}
.potje-request-page .container>.potje-application-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;width:100%;max-width:none;align-items:start}
.potje-application-layout>.form-card{grid-column:1;grid-row:1;width:100%;max-width:none;min-width:0;margin:0}
.potje-application-layout>#success-message{grid-column:1;grid-row:1}
.potje-infographic-column{grid-column:2;grid-row:1;min-width:0}
.potje-infographic-column .infographic-card{width:100%;margin:0}
.potje-infographic-column .infographic-preview img{width:100%;height:auto;max-height:none}
.kerngroep-who{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:center}
.kerngroep-who-copy{min-width:0}
.kerngroep-who-tile{margin:0;width:100%}
.kerngroep-who-tile img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}
.kerngroep-page .kerngroep{justify-content:center;flex-wrap:wrap}
.kerngroep-page .info-section>.kerngroep-tasks-heading,.kerngroep-page .info-section>ul+h3{text-align:left;margin-top:40px!important;margin-bottom:12px }
.kerngroep-page .info-section li{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
.map-main .map-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;margin-top:16px}
.map-layout>.map-container{min-width:0;margin:0;padding:12px}
.map-layout #map{height:420px!important;min-height:420px}
.map-sidebar{display:grid;gap:16px;min-width:0}
.map-sidebar>.map-legend{margin:0}
.map-sidebar .street-list{max-height:270px;overflow-y:auto}
@media(max-width:900px){
 .potje-request-page .container>.potje-application-layout{grid-template-columns:minmax(0,1fr)}
 .potje-infographic-column{grid-column:1;grid-row:2;width:100%;max-width:360px;justify-self:center}
 .kerngroep-who{grid-template-columns:minmax(0,1fr) 200px;gap:20px}
 .map-main .map-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}
}
@media(max-width:650px){
 .kerngroep-who{grid-template-columns:minmax(0,1fr)}
 .kerngroep-who-tile{max-width:260px;justify-self:center}
 .map-main .map-layout{grid-template-columns:minmax(0,1fr)}
 .map-layout #map{height:350px!important;min-height:350px}
}