/* Letterlijk overgenomen uit de Claude Design-bundel door
   tools/extract.py. Dit is de opmaak van het ontwerp zelf —
   niet met de hand bewerken. */
*{ box-sizing:border-box; }
html { scroll-behavior:smooth; }
button, a, input, select, textarea, label { transition: background-color 440ms cubic-bezier(.16,1,.3,1), border-color 440ms cubic-bezier(.16,1,.3,1), color 440ms cubic-bezier(.16,1,.3,1), box-shadow 440ms cubic-bezier(.16,1,.3,1), opacity 440ms cubic-bezier(.16,1,.3,1), transform 440ms cubic-bezier(.16,1,.3,1); }
body { margin:0; background:#F7F7F5; color:#0B1118; font-family:Inter,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:#0B1118; text-decoration:none; }
a:hover { color:#315CFF; }
::selection { background:#0B1118; color:#F7F7F5; }
input,select,textarea,button { font-family:inherit; font-size:inherit; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type=number] { -moz-appearance:textfield; }
input[data-eurofield]:focus, input[data-eurofield]:focus-visible { outline:none; }
[data-eurowrap]:focus-within { border-color:#315CFF; outline:2px solid #315CFF; outline-offset:2px; }
input[type=range] { -webkit-appearance:none; appearance:none; height:4px; border-radius:999px; background:rgba(247,247,245,.16); outline:none; }
input[type=range]::-webkit-slider-runnable-track { height:4px; border-radius:999px; background:transparent; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:15px; height:15px; margin-top:-5.5px; border-radius:50%; background:#F7F7F5; border:0; box-shadow:0 0 0 4px rgba(49,92,255,.28); cursor:pointer; transition:box-shadow 320ms cubic-bezier(.16,1,.3,1); }
input[type=range]:hover::-webkit-slider-thumb, input[type=range]:focus-visible::-webkit-slider-thumb { box-shadow:0 0 0 7px rgba(49,92,255,.34); }
input[type=range]::-moz-range-track { height:4px; border-radius:999px; background:rgba(247,247,245,.16); }
input[type=range]::-moz-range-progress { height:4px; border-radius:999px; background:#315CFF; }
input[type=range]::-moz-range-thumb { width:15px; height:15px; border:0; border-radius:50%; background:#F7F7F5; box-shadow:0 0 0 4px rgba(49,92,255,.28); cursor:pointer; }
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible { outline:2px solid #315CFF; outline-offset:3px; }
@keyframes stravenMarquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@keyframes stravenCue { 0%,100% { transform:translateY(0); opacity:.5; } 50% { transform:translateY(7px); opacity:1; } }
@media (prefers-reduced-motion: reduce) { *{ animation:none !important; transition:none !important; } }