/* Accessible brand orange for actions; pale apricot for large navigation cards. */
:root{--sn-action:#cc4b06;--sn-action-deep:#bf4204;--sn-action-hover:#a93602;--sn-action-border:#bf4204;--sn-action-pale:#f1dcc8;--sn-action-focus:#143855}
html body[class] a.sn-o-button,html body[class] a.sn-button,html body[class] a.sn-demo-primary,html body[class] a.sn-whom-button,html body[class] a.sn-pk-button-warm,
body button.btn.primary,body button.button.primary,body a.button.primary,body .sm-btn.sm-primary,body.sn-guest-body .sn-guest-button--primary{
 background:linear-gradient(180deg,var(--sn-action),var(--sn-action-deep));border:1px solid var(--sn-action-border);color:#fff;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #9b4c251b;text-decoration:none;font-weight:600;line-height:1.45;transition:background .18s,box-shadow .18s,border-color .18s;}
html body[class] a.sn-o-button:hover,html body[class] a.sn-button:hover,html body[class] a.sn-demo-primary:hover,html body[class] a.sn-whom-button:hover,html body[class] a.sn-pk-button-warm:hover,
body button.btn.primary:hover:not(:disabled),body button.button.primary:hover:not(:disabled),body a.button.primary:hover,body .sm-btn.sm-primary:hover:not(:disabled),body.sn-guest-body .sn-guest-button--primary:hover:not(:disabled){background:linear-gradient(180deg,var(--sn-action-deep),var(--sn-action-hover));border-color:#8f4021;color:#fff;box-shadow:inset 0 1px 0 #ffffff15,0 5px 15px #9b4c2522}
html body[class] a.sn-o-button:visited,html body[class] a.sn-button:visited,html body[class] a.sn-demo-primary:visited,html body[class] a.sn-whom-button:visited,html body[class] a.sn-pk-button-warm:visited{color:#fff}
body .sn-pk-button,body .sn-demo-secondary,body .button,body .btn{border-radius:12px;min-height:48px;gap:10px}
body button.btn.primary:disabled,body button.button.primary:disabled,body .sm-btn.sm-primary:disabled,body.sn-guest-body .sn-guest-button--primary:disabled{background:#e8e7e1;border-color:#d2d7d2;color:#68746e;box-shadow:none;opacity:1;cursor:not-allowed}
body .button:focus-visible,body .btn:focus-visible,body .sn-pk-button:focus-visible,body.sn-guest-body .sn-guest-button:focus-visible{outline:3px solid var(--sn-action-focus);outline-offset:4px}
body .button:not(.primary):hover:not(:disabled),body .btn:not(.primary):hover:not(:disabled){background:#faf4eb;border-color:#c8b49e;color:#143855}
body .sn-action-icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;flex:none;vertical-align:middle;color:inherit}
body .sn-action-icon svg{width:18px;height:18px;display:block}
body .sn-pk-button{display:flex;align-items:center;justify-content:center;gap:10px}
body .sn-demo-choice--primary{background:#f1dcc8;border-color:#e2c0a1;color:#143855;box-shadow:0 4px 14px #92502b0a}
body .sn-demo-choice--primary:hover{background:#edd0b5;border-color:#d7af8b;color:#143855}
body .sn-demo-choice--primary .sn-demo-choice-icon{background:#fff7ee;color:#98502b}
body .sn-demo-choice--primary small{color:#465d68}
body.sn-guest-body .sn-guest-search__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;min-height:0;padding:8px 13px}
body.sn-guest-body .sn-guest-search__input{min-height:56px;padding-right:132px}
body.sn-guest-body .sn-guest-search__submit:before{content:"";display:inline-block;width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m16 16 5 5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m16 16 5 5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
body .button[data-next]:after,body #upload:before,body #profile-save:before,body #complete:before{content:"";display:inline-block;width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
body #upload:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Cpath d='m4 18 6-6 4 4 3-3 4 4' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='8' cy='8' r='1.5'/%3E%3Cpath d='m4 18 6-6 4 4 3-3 4 4' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E")}
body #profile-save:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")}
body #complete:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media(prefers-reduced-motion:reduce){body .button,body .btn,body .sn-pk-button,body.sn-guest-body .sn-guest-button{transition:none}}

html body[class] a.sn-o-button,html body[class] a.sn-button,html body[class] a.sn-demo-primary,html body[class] a.sn-whom-button,html body[class] a.sn-pk-button-warm{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 24px;min-height:52px;max-width:100%;box-sizing:border-box;font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700;line-height:1.45;text-align:center;letter-spacing:0;white-space:normal}body .sn-action-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;margin-left:5px}body .sn-action-chevron svg{width:18px;height:18px;display:block}body .sn-pk-button{padding:14px 22px;min-height:52px}html body[class] a.sn-o-button:hover,html body[class] a.sn-button:hover,html body[class] a.sn-demo-primary:hover,html body[class] a.sn-whom-button:hover,html body[class] a.sn-pk-button-warm:hover{border-color:#dd570c}

/* Homepage: compact premium FAQ and warm step markers. */
html body[class] .sn-step-circle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;flex:none;margin-right:12px;border:1px solid #ef6417;border-radius:50%;background:#f76b1c;color:#fff;font:700 19px/1 var(--st-font,"DM Sans",sans-serif);letter-spacing:0;box-shadow:0 4px 12px #f76b1c18;vertical-align:middle}
html body[class] .sn-step-caption{display:inline;vertical-align:middle}
body .sn-host-step-number,body .sn-arrival-label{display:inline-flex;align-items:center;justify-content:center;background:#f76b1c;color:#fff;border:1px solid #ef6417;border-radius:50%;width:48px;height:48px;min-width:48px;min-height:48px;font-size:19px;font-weight:700;line-height:1;padding:0;box-shadow:0 4px 12px #f76b1c18}
body:is(.home,.page-id-498,.page-id-499) #vragen{width:calc(100% - 40px);max-width:920px;margin:30px auto 88px;padding:48px;background:#faf8f4;border:1px solid #eee6dc;border-radius:28px;gap:14px}
body:is(.home,.page-id-498,.page-id-499) #vragen .sn-o-section-head{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:18px}
body:is(.home,.page-id-498,.page-id-499) #vragen .sn-host-faq{width:100%;background:#fff;border:1px solid #e7e5df;border-radius:16px;padding:0;box-shadow:0 3px 12px #14385504}
body:is(.home,.page-id-498,.page-id-499) #vragen .sn-host-faq-summary{display:list-item;cursor:pointer;padding:22px 26px;color:#143855;font-size:18px;font-weight:600;line-height:1.5;list-style-position:inside}
body:is(.home,.page-id-498,.page-id-499) #vragen .sn-host-faq-summary::marker{color:#ed681f;font-size:14px}
body:is(.home,.page-id-498,.page-id-499) #vragen .sn-host-faq-answer{padding:0 26px 24px;color:#526b7c;font-size:16px;line-height:1.8;max-width:760px}
body:is(.home,.page-id-498,.page-id-499) #vragen .sn-host-faq[open]{border-color:#e7c9af;box-shadow:0 5px 20px #14385507}
body:is(.home,.page-id-498,.page-id-499) #vragen .sn-host-faq .sn-o-button{margin:0 26px 24px}
body:is(.home,.page-id-498,.page-id-499) #vragen>.sn-o-button{align-self:center;margin-top:16px}
@media(max-width:767px){body:is(.home,.page-id-498,.page-id-499) #vragen{width:calc(100% - 28px);padding:28px 18px;margin:16px auto 56px;border-radius:22px}body:is(.home,.page-id-498,.page-id-499) #vragen .sn-host-faq-summary{padding:18px;font-size:16px}body:is(.home,.page-id-498,.page-id-499) #vragen .sn-host-faq-answer{padding:0 18px 20px}}

body .sn-phone-nav{grid-template-columns:repeat(4,minmax(0,1fr))}body .sn-phone-welcome{padding-bottom:8px}body .sn-phone-app-choice{box-sizing:border-box}

/* Native contact form. */
body.page-id-2282 .sn-contact-form-card .bde-form-builder{width:100%;align-self:stretch}
body.page-id-2282 .sn-contact-form-card .breakdance-form{gap:20px;width:100%}
body.page-id-2282 .sn-contact-form-card .breakdance-form-field__label{display:block;color:#143855;font:600 14px/1.5 "DM Sans",sans-serif;margin-bottom:8px}
body.page-id-2282 .sn-contact-form-card .breakdance-form-field__required{color:#b7561e;margin-left:4px}
body.page-id-2282 .sn-contact-form-card .breakdance-form-field__input{background:#fbfaf7;border:1px solid #d9dfdd;border-radius:11px;color:#143855;font:400 16px/1.5 "DM Sans",sans-serif;padding:13px 15px;min-height:50px;width:100%;box-shadow:none}
body.page-id-2282 .sn-contact-form-card textarea.breakdance-form-field__input{min-height:160px;resize:vertical}
body.page-id-2282 .sn-contact-form-card .breakdance-form-field__input:focus{outline:3px solid #f4c6a1;outline-offset:2px;border-color:#d58147}
body.page-id-2282 .sn-contact-form-card .breakdance-form-button__submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 25px;min-height:54px;border:1px solid #ef6417;border-radius:12px;background:linear-gradient(180deg,#f76b1c,#ef6417);color:#fff;font:700 16px/1.5 "DM Sans",sans-serif;box-shadow:0 5px 14px #ed681f20}
body.page-id-2282 .sn-contact-form-card .breakdance-form-button__submit:hover{background:#df5609}
body.page-id-2282 .sn-contact-form-card .breakdance-form-button__submit:focus-visible{outline:3px solid #f4c6a1;outline-offset:3px}
body.page-id-2282 .sn-contact-form-card .breakdance-form-button__submit:disabled{background:#e8e7e1;border-color:#d2d7d2;color:#68746e}
@media(max-width:479px){body.page-id-2282 .sn-contact-form-card .breakdance-form-field{width:100%;flex-basis:100%}body.page-id-2282 .sn-contact-form-card .breakdance-form-button__submit{width:100%}}


html body[class] .sn-host-step-number,html body[class] .sn-arrival-label,html body[class] .sn-how-step-num,html body[class] .sn-demo-premium .sn-dp-steps i{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;flex:none;padding:0;margin:0 0 12px;border:1px solid #ef6417;border-radius:50%;background:#f76b1c;color:#fff;font-family:var(--st-font,"DM Sans",sans-serif);font-style:normal;font-size:19px;font-weight:700;line-height:1;letter-spacing:0;box-shadow:0 4px 12px #f76b1c18}

html body[class] a.sn-host-hero-action{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 24px;min-height:52px;max-width:100%;box-sizing:border-box;border:1px solid #ef6417;border-radius:12px;background:linear-gradient(180deg,#f76b1c,#ef6417);color:#fff;font-weight:700;line-height:1.45;text-decoration:none}html body[class] a.sn-host-hero-action:hover{background:#df5609;color:#fff}html body[class] a.sn-host-secondary{display:inline-flex;align-items:center;min-height:44px;padding:10px 0}

/* Accommodation cards with editorial photography. */
html body[class] #voor-wie .sn-host-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0;width:100%}
html body[class] #voor-wie .sn-host-type{display:flex;flex-direction:column;gap:0;padding:0;background:#fff;border:1px solid #e4e9e7;border-radius:22px;overflow:hidden;min-width:0;box-shadow:0 6px 24px #14385505}
html body[class] #voor-wie .sn-host-type>.bde-f-image{display:block;width:100%;height:190px;max-width:none;flex:none;margin:0;overflow:hidden}
html body[class] #voor-wie .sn-host-type>.bde-f-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84) contrast(.96) brightness(1.035)}
html body[class] #voor-wie .sn-host-type-title{padding:24px 24px 10px;margin:0;font-size:22px;line-height:1.35;color:#143855}
html body[class] #voor-wie .sn-host-type-text{padding:0 24px 26px;margin:0;font-size:16px;line-height:1.75;color:#526b7c}
html body[class] #voor-wie .sn-host-type:nth-child(5)>.bde-f-image img{object-position:20% center;transform:scale(1.35)}
html body[class] #voor-wie .sn-host-type:nth-child(6)>.bde-f-image img{object-position:center 55%}
@media(max-width:1023px){html body[class] #voor-wie .sn-host-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:767px){html body[class] #voor-wie .sn-host-types{grid-template-columns:1fr;gap:20px}html body[class] #voor-wie .sn-host-type>.bde-f-image{height:200px}html body[class] #voor-wie .sn-host-type-title{padding:22px 22px 8px}html body[class] #voor-wie .sn-host-type-text{padding:0 22px 24px}}


/* Five equally sized accommodation cards: three plus two centred. */
html body[class] #voor-wie .sn-host-types{grid-template-columns:repeat(6,minmax(0,1fr))}
html body[class] #voor-wie .sn-host-type{grid-column:span 2}
html body[class] #voor-wie .sn-host-type:nth-child(4){grid-column:2/span 2}
html body[class] #voor-wie .sn-host-type:nth-child(5){grid-column:4/span 2}
html body[class] #voor-wie .sn-host-type:nth-child(5)>.bde-f-image img{transform:none;object-position:center bottom}
@media(max-width:1023px){html body[class] #voor-wie .sn-host-types{grid-template-columns:repeat(4,minmax(0,1fr))}html body[class] #voor-wie .sn-host-type:nth-child(4){grid-column:span 2}html body[class] #voor-wie .sn-host-type:nth-child(5){grid-column:2/span 2}}
@media(max-width:767px){html body[class] #voor-wie .sn-host-types{grid-template-columns:1fr}html body[class] #voor-wie .sn-host-type,html body[class] #voor-wie .sn-host-type:nth-child(4),html body[class] #voor-wie .sn-host-type:nth-child(5){grid-column:auto}}


html body[class] #voor-wie .sn-host-type>.bde-f-image{position:relative;aspect-ratio:1.9;height:auto}html body[class] #voor-wie .sn-host-type>.bde-f-image img{position:absolute;inset:0;width:100%;height:100%}html body[class] #voor-wie .sn-host-type:nth-child(n+3)>.bde-f-image img{object-position:center bottom}

/* Mobile and tablet audit: clear navigation, touch targets and readable form controls. */
@media(max-width:1023px){
 html body[class] header .sn-o-menu summary{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}
 html body[class] header .sn-o-menu-links>a{min-height:44px;display:flex;align-items:center}
 html body[class] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),html body[class] textarea,html body[class] select{font-size:16px}
}
@media(max-width:700px){
 body.page-id-270 nav[aria-label="Onderwerpen"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:100%;overflow:visible}
 body.page-id-270 nav[aria-label="Onderwerpen"]>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:54px;max-width:100%;padding:11px 13px;font-size:13px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
 body.page-id-270 nav[aria-label="Onderwerpen"]>a span{flex:none}
}

/* Relevant guest filters only; preserve any selected value. */
body.sn-guest-body .sn-guest-filters__option--disabled:not(:has(input:checked)){display:none}
body.sn-guest-body .sn-guest-filters__group:not(:has(input:not(:disabled),input:checked)){display:none}


/* Responsive explanation hero: keep the photograph separate from readable copy. */
@media(max-width:1023px){
 html body[class] .sn-how-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:28px!important;min-height:0!important;padding:32px 22px 24px!important;background:#f8f4ed!important}
 html body[class] .sn-how-hero::before{display:none!important}
 html body[class] .sn-how-hero-copy{order:0!important;max-width:100%!important;width:100%!important;gap:20px!important}
 html body[class] .sn-how-hero-photo{position:relative!important;inset:auto!important;order:1!important;z-index:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:cover!important;object-position:center!important;border-radius:18px!important;opacity:1!important}
 html body[class] .sn-how-hero .sn-how-trust{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;font-size:13px!important;line-height:1.45!important}
 html body[class] .sn-how-hero .sn-how-trust-item{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3f586c!important;white-space:normal!important}
 html body[class] .sn-how-hero .sn-how-trust-item::before{content:"✓";color:#a64210;font-weight:700;flex:none}
}
@media(max-width:479px){
 html body[class] .sn-how-hero .sn-how-h1{font-size:35px!important;line-height:1.13!important;letter-spacing:-.8px!important}
 html body[class] .sn-how-hero .sn-how-lead{font-size:16px!important;line-height:1.75!important}
 html body[class] .sn-how-hero .sn-how-cta{font-size:14px!important;padding:13px 16px!important;min-height:50px!important}
}

/* Approved transparent devices mockup. */
html body[class] .sn-host-mockup-phone{object-fit:contain;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 16px 20px rgba(20,56,85,.13));height:auto;aspect-ratio:3/2}
html body[class] .sn-how-hero{background:#f8f4ed}
html body[class] .sn-how-hero::before{display:none}
html body[class] .sn-how-hero-photo{object-fit:contain;border-radius:0;background:transparent;filter:drop-shadow(0 12px 18px rgba(20,56,85,.1))}
@media(min-width:1024px){
 html body[class] .sn-how-hero-photo{inset:auto 1% auto auto;top:50%;transform:translateY(-50%);width:47%;height:auto;aspect-ratio:3/2;z-index:0}
 html body[class] .sn-how-hero-copy{position:relative;z-index:1;max-width:49%}
}

/* Readable supporting text, without enlarging scaled product mockup screens. */
html body[class] :is(.sn-o-eyebrow,.sn-how-kicker,.sn-pk-kicker,.sn-whom-kicker,.sn-demo-kicker){font-size:13px;line-height:1.6;letter-spacing:.1em}
html body[class] .sn-host-eyebrow{font-size:13px;line-height:1.6;color:#ffe0c5}
html body[class] :is(.sn-pk-pill,.sn-pk-badge){font-size:14px;line-height:1.55}
html body[class] :is(.sn-pk-cardnote,.sn-host-print-caption,.sn-how-caption,.sn-phone-demo-note,.sn-how-benefit-no,.sn-step-caption){font-size:14px;line-height:1.65}
html body[class] :is(.sn-pk-cardnote,.sn-host-print-caption,.sn-how-caption,.sn-phone-demo-note){color:#435d69}
html body[class] .sn-pf-small,html body[class] .staytips-footer-legal a{font-size:14px;line-height:1.65;color:#435b55}
html body[class] .sn-pf-countries{font-size:13px;line-height:1.65;color:#775537;letter-spacing:.06em}

/* Clear pricing and persistent signup, collapse before links wrap. */
html body[class] header.sn-o-header{flex-wrap:nowrap;gap:18px}
html body[class] header .sn-o-nav{flex-wrap:nowrap;gap:18px}
html body[class] header .sn-o-nav a{white-space:nowrap;font-size:14px}
html body[class] header .sn-o-tools{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
html body[class] header a[data-header-signup]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;white-space:nowrap;border-radius:10px;background:#cc4b06;color:#fff;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;box-shadow:0 4px 12px #cc4b061a}
html body[class] header a[data-header-signup]:hover{background:#a93602;color:#fff}
html body[class] header a[data-header-signup]:focus-visible{outline:3px solid #143855;outline-offset:3px}
@media(max-width:1199px){
 html body[class] header .sn-o-nav{display:none}
 html body[class] header .sn-o-menu{display:block}
 html body[class] header .sn-o-tools{margin-left:auto}
}
@media(max-width:479px){
 html body[class] header.sn-o-header{gap:10px}
 html body[class] header .sn-o-tools{gap:8px}
 html body[class] header .sn-o-logo{max-width:132px;min-width:0}
 html body[class] header .sn-o-logo img{width:100%;height:auto}
 html body[class] header a[data-header-signup]{font-size:13px;padding:10px 12px}
}



/* Header compact language placement */


/* The small header keeps the language picker inside the menu. */
@media(max-width:1199px){
 html body[class] header .sn-o-tools{min-width:0}
 html body[class] header .sn-o-tools .sn-o-menu{flex:none}
 html body[class] header .sn-o-tools .bde-shortcode:has(.sn-public-language){display:none}
}
@media(max-width:1359px){
 html:lang(fr) body[class] header .sn-o-nav{display:none}
 html:lang(fr) body[class] header .sn-o-menu{display:block}
 html:lang(fr) body[class] header .sn-o-tools{margin-left:auto;min-width:0}
 html:lang(fr) body[class] header .sn-o-tools .bde-shortcode:has(.sn-public-language){display:none}
}