/* FRAMO scrollcomfort. Mobiele basis; uitbreiding uitsluitend met min-width. */
:root{--framo-sticky-height:112px;--framo-sticky-top:0px;--framo-actions-height:0px;--framo-viewport-height:100vh}
html{scroll-padding-top:calc(var(--framo-sticky-height) + var(--framo-sticky-top) + 16px);scroll-padding-bottom:calc(var(--framo-actions-height) + 16px)}
body{padding-bottom:var(--framo-actions-height)}
.framo-sticky-masthead,.framo-quality-2026 .framo-sticky-masthead{position:sticky;top:var(--framo-sticky-top);z-index:1001;isolation:isolate;overflow:visible;width:100%;background:var(--framo-header-bg,#fff);box-shadow:0 3px 16px rgb(0 0 0 / .08)}
.framo-sticky-masthead>.site-header,.framo-sticky-masthead>.header{position:relative;top:auto;z-index:auto;transform:none;filter:none;backdrop-filter:none}
.framo-sticky-masthead .brand,.framo-sticky-masthead .brand-name{min-width:0}
.framo-sticky-masthead .brand-name{overflow-wrap:anywhere}
.framo-sticky-masthead .race-line{position:static;top:auto}
.framo-sticky-info{background:#153b2b;color:#fff;font:600 11px/1.5 system-ui,-apple-system,sans-serif}
.framo-sticky-info__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;max-width:1220px;margin:auto;padding:7px 14px}
.framo-sticky-info a{color:inherit;text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
.framo-sticky-info a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.framo-sticky-masthead .framo-sticky-panel{position:fixed!important;top:calc(var(--framo-sticky-height) + var(--framo-sticky-top))!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;max-height:calc(var(--framo-viewport-height) - var(--framo-sticky-height) - var(--framo-sticky-top) - 8px)!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;background:var(--framo-header-bg,#fff)!important;color:var(--framo-header-color,#13283b);box-shadow:0 14px 24px rgb(0 0 0 / .16);z-index:5;box-sizing:border-box}
.framo-sticky-masthead .framo-sticky-panel a{min-height:44px}
.framo-sticky-masthead :is(button,summary,a):focus-visible{outline:2px solid currentColor;outline-offset:4px}
main [id]{scroll-margin-top:16px;scroll-margin-bottom:16px}
.framo-sticky-compact .framo-sticky-masthead .evidence-bar,.framo-sticky-compact .framo-sticky-masthead .brand-name small{display:none}
.framo-sticky-compact .framo-sticky-masthead .header-grid{min-height:64px}
.framo-sticky-actions{position:static;background:var(--paper,#fff);border-top:1px solid var(--line,#d9e2e6);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:1000}
.framo-sticky-actions__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.framo-sticky-actions .button{min-width:0;min-height:44px;padding:9px 8px;font-size:13px;overflow-wrap:anywhere}
.framo-actions-fixed .framo-sticky-actions{position:fixed;inset-inline:0;bottom:0;box-shadow:0 -3px 16px rgb(0 0 0 / .08)}
@media(min-width:601px){body.admin-bar .framo-sticky-masthead{top:46px}}
@media(min-width:783px){body.admin-bar .framo-sticky-masthead{top:32px}}
@media(min-width:768px){.framo-sticky-info{font-size:12px}.framo-sticky-info__inner{padding-inline:24px}}
@media(min-width:1020px){.framo-sticky-actions__inner{max-width:480px}}
@media print{body{padding-bottom:0}.framo-sticky-masthead,.framo-quality-2026 .framo-sticky-masthead{position:static;top:auto;box-shadow:none}.framo-sticky-info,.framo-sticky-actions{display:none}html{scroll-padding-top:0;scroll-padding-bottom:0}main [id]{scroll-margin-top:0;scroll-margin-bottom:0}}