:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101820;color:#e9eff5}*{box-sizing:border-box}body{margin:0}header,main{max-width:1100px;margin:auto;padding:1.2rem}header,nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}a{color:#8ddcff}section{border:1px solid #506273;border-radius:12px;margin:1.5rem 0;padding:1.2rem;background:#182530}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1rem 0}label{display:flex;flex-direction:column;gap:.4rem}label:has(input[type=checkbox]){display:block}input,select,textarea,button{font:inherit;border:1px solid #71879c;border-radius:5px;padding:.7rem;background:#101820;color:#fff;min-width:0}textarea{min-height:100px;resize:vertical}button{cursor:pointer;background:#254d68;min-height:44px;align-self:end}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #ffe08a;outline-offset:3px}article,p{line-height:1.6;overflow-wrap:anywhere}article{white-space:pre-wrap}.vehicle{border-bottom:1px solid #506273;padding:.8rem 0}.vehicle button{margin:.5rem}.source{padding:.7rem;border-left:3px solid #8ddcff;margin:.6rem 0}pre{white-space:pre-wrap;overflow-wrap:anywhere}h1{font-size:clamp(1.6rem,5vw,2.4rem)}@media(max-width:550px){header,main{padding:.7rem}section{padding:.8rem}form{grid-template-columns:1fr}}
