/* digitalstreet.nl — (c) Digitalstreet.nl B.V. */
.sp-hero .hero-title{font-size: clamp(2.4rem,1.1rem + 3.4vw,4.25rem)}.sp-figs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));max-width: 620px;margin-top: 10px;padding-top: 18px;border-top: 1px solid var(--band-line)}.sp-fig{display: grid;align-content: start;gap: 8px;min-width: 0;padding: 0 clamp(12px,1.8vw,22px)}.sp-fig:first-child{padding-left: 0}.sp-fig + .sp-fig{box-shadow: inset 1px 0 0 var(--band-line)}.sp-fig dd{order: -1;font-size: clamp(22px,.9rem + 1.15vw,34px);line-height: 1;font-weight: 700;letter-spacing: -.02em;font-stretch: var(--display-stretch);font-variant-numeric: tabular-nums lining-nums;white-space: nowrap}.sp-fig dt{font-size: 13.5px;line-height: 1.3;font-weight: 500;color: var(--band-text-2);text-wrap: pretty}.sp-cards{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 14px;margin-top: clamp(40px,5vw,64px)}.sp-card{display: grid;align-content: start;gap: 12px;padding: clamp(22px,2.4vw,32px);border-radius: var(--r-xl);background: var(--surface);box-shadow: inset 0 0 0 1px var(--line);transition: box-shadow var(--t-base) var(--ease)}.sp-card:hover{box-shadow: inset 0 0 0 1px var(--line-strong),var(--shadow-2)}.sp-card h3{margin-top: 8px}.sp-card p{color: var(--text-2);text-wrap: pretty}.sp-draft-note{display: inline-block;margin-top: 28px;padding: 10px 14px;border-radius: var(--r-md);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--band-warn) 55%,transparent);color: var(--band-warn);font-size: 14px;line-height: 1.45}.sp-q-list{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;margin-top: clamp(32px,4vw,48px)}.sp-q{position: relative;display: grid;padding: clamp(24px,2.6vw,36px);border-radius: var(--r-xl);background: color-mix(in srgb,var(--band-text) 3.5%,var(--band));box-shadow: inset 0 0 0 1px var(--band-line)}.sp-q.is-draft{box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--band-warn) 40%,transparent)}.sp-q figure{display: grid;grid-template-rows: 1fr auto;gap: 26px;margin: 0}.sp-q blockquote{margin: 0}.sp-q blockquote::before{content: "\201C";display: block;height: 30px;font-size: 64px;line-height: 1;font-weight: 600;color: var(--band-text-3)}.sp-q blockquote p{font-size: clamp(17px,1rem + .3vw,20px);line-height: 1.5;letter-spacing: -.008em;color: var(--band-text);text-wrap: pretty}.sp-q-who{display: flex;flex-wrap: wrap;gap: 6px 10px;padding-top: 18px;border-top: 1px solid var(--band-line);font-size: 13.5px;line-height: 1.4;color: var(--band-text-2)}.sp-q-who > span + span::before{content: "·";margin-right: 10px;color: var(--band-text-3)}.sp-q-todo{padding: 4px 10px;border-radius: var(--r-pill);box-shadow: inset 0 0 0 1px var(--band-line);font: 500 11.5px/1.3 var(--font-mono);letter-spacing: .04em;color: var(--band-text-3)}.sp-q-draft{position: absolute;top: 18px;right: 18px;padding: 5px 9px;border-radius: var(--r-pill);background: color-mix(in srgb,var(--band-warn) 16%,transparent);color: var(--band-warn);font: 600 10.5px/1 var(--font-mono);letter-spacing: .14em;text-transform: uppercase}.sp-apply{color-scheme: dark}.sp-apply-grid{display: grid;grid-template-columns: minmax(0,8fr) minmax(0,4fr);gap: clamp(40px,5vw,80px);align-items: start}.sp-form,.sp-done,.sp-fallback{margin-top: clamp(32px,4vw,48px)}.sp-form{display: grid;gap: 24px}.sp-form[hidden],.sp-done[hidden],.sp-fallback[hidden]{display: none}.sp-row{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 20px;align-items: start}.sp-field{display: grid;gap: 8px;align-content: start;min-width: 0}.sp-field label,.sp-fs legend{font-size: 14.5px;line-height: 1.3;font-weight: 500;color: var(--band-text)}.sp-opt{font-weight: 400;color: var(--band-text-3)}.sp-hint{font-size: 12.5px;color: var(--band-text-3)}.sp-form input:not([type="radio"]):not([type="checkbox"]),.sp-form select,.sp-form textarea{width: 100%;min-height: 46px;padding: 11px 14px;border: 0;border-radius: var(--r-md);background: color-mix(in srgb,var(--band-text) 5%,var(--band));color: var(--band-text);box-shadow: inset 0 0 0 1px var(--band-line);font: 400 16px/1.4 var(--font-sans);transition: box-shadow var(--t-fast) var(--ease)}.sp-form textarea{min-height: 112px;resize: vertical}.sp-form :is(input,select,textarea):hover{box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--band-text) 32%,transparent)}.sp-form :is(input,select,textarea):focus-visible{outline: 2px solid var(--focus);outline-offset: 1px}.sp-form :is(input,select,textarea):user-invalid{box-shadow: inset 0 0 0 1px var(--band-warn)}.sp-fs{display: grid;gap: 0;min-width: 0;margin: 0;padding: 0;border: 0}.sp-fs legend{padding: 0;margin-bottom: 10px}.sp-chips{display: flex;flex-wrap: wrap;gap: 8px}.sp-chip{position: relative;display: inline-flex;cursor: pointer}.sp-chip input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: pointer}.sp-chip span{display: inline-flex;align-items: center;min-height: 38px;padding: 8px 14px;border-radius: var(--r-pill);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--band-text) 22%,transparent);color: var(--band-text-2);font-size: 14px;line-height: 1.2;transition: background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.sp-chip:hover span{color: var(--band-text);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--band-text) 42%,transparent)}.sp-chip input:checked + span{background: var(--band-text);color: var(--band);box-shadow: none}.sp-chip input:focus-visible + span{outline: 2px solid var(--focus);outline-offset: 2px}.sp-submit{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 22px;padding-top: 4px}.sp-note{max-width: 46ch;font-size: 13px;line-height: 1.5;color: var(--band-text-3)}.sp-privacy{margin-top: -6px;font-size: 13px;color: var(--band-text-3)}.sp-privacy a{color: var(--band-text-2);text-decoration-color: var(--band-line)}.sp-privacy a:hover{color: var(--band-text);text-decoration-color: currentColor}.sp-done{display: grid;gap: 12px;padding: 22px 24px;border-radius: var(--r-lg);background: color-mix(in srgb,var(--band-ok) 9%,var(--band));box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--band-ok) 40%,transparent)}.sp-done:focus{outline: none}.sp-done h3{display: flex;align-items: center;gap: 10px;font-size: 17px;color: var(--band-text)}.sp-done h3 .ico{width: 20px;height: 20px;color: var(--band-ok)}.sp-done p{color: var(--band-text-2)}.sp-done-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 20px}.sp-again{display: inline-flex;align-items: center;gap: 6px;color: var(--band-text);font-size: 14px;font-weight: 500;text-underline-offset: .25em}.sp-again .ico{width: 15px;height: 15px}.sp-fallback{display: flex;align-items: flex-start;gap: 12px;color: var(--band-text-2)}.sp-fallback .ico{flex: none;width: 20px;height: 20px;margin-top: 3px}.sp-fallback a{color: var(--band-text)}.sp-aside{position: sticky;top: calc(var(--hd-h) + 24px);display: grid;gap: 24px;padding: clamp(24px,2.6vw,32px);border-radius: var(--r-xl);background: color-mix(in srgb,var(--band-text) 3.5%,var(--band));box-shadow: inset 0 0 0 1px var(--band-line)}.sp-aside h3{font-size: 16px}.sp-next{display: grid;gap: 16px}.sp-next li{display: grid;grid-template-columns: 32px minmax(0,1fr);gap: 14px;align-items: start}.sp-next-n{display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--band-text) 28%,transparent);font: 500 13px/1 var(--font-mono)}.sp-next p{padding-top: 5px;color: var(--band-text-2);font-size: 14.5px;line-height: 1.5}.sp-direct{display: grid;gap: 8px;padding-top: 20px;border-top: 1px solid var(--band-line)}.sp-direct-k{font: 500 11.5px/1.35 var(--font-mono);letter-spacing: .14em;text-transform: uppercase;color: var(--band-text-3)}.sp-mail{display: inline-flex;align-items: center;gap: 6px;color: var(--band-text);font-size: 17px;font-weight: 600;text-decoration: none;overflow-wrap: anywhere}.sp-mail:hover{text-decoration: underline;text-underline-offset: .25em}.sp-mail .ico{flex: none;width: 16px;height: 16px;color: var(--band-text-2)}.sp-hours{display: flex;align-items: flex-start;gap: 8px;font-size: 13.5px;line-height: 1.45;color: var(--band-text-2)}.sp-hours .ico{flex: none;width: 16px;height: 16px;margin-top: 2px}@media (max-width: 1023px){.sp-cards{grid-template-columns: repeat(2,minmax(0,1fr))}.sp-q-list{grid-template-columns: minmax(0,1fr)}.sp-apply-grid{grid-template-columns: minmax(0,1fr)}.sp-aside{position: static}}@media (max-width: 599px){.sp-cards,.sp-row{grid-template-columns: minmax(0,1fr)}}@media (max-width: 479px){.sp-figs{grid-template-columns: minmax(0,1fr);gap: 12px}.sp-fig,.sp-fig:first-child{grid-template-columns: 7.5em minmax(0,1fr);align-items: baseline;gap: 12px;padding: 0}.sp-fig + .sp-fig{box-shadow: none;padding-top: 12px;border-top: 1px solid var(--band-line)}.sp-fig dd{font-size: 24px}.sp-submit .btn{flex: 1 1 100%}}