*{box-sizing:border-box}html{color-scheme:light;--bg:#f5f8fc;--card:#fff;--text:#14253d;--muted:#53647b;--border:#dce3e8;--input:#fff;--accent:#14253d;--accent-text:#fff;--selected:#e8f1ff}
html[data-theme="dark"]{color-scheme:dark;--bg:#0d1522;--card:#19263b;--text:#f2f6fc;--muted:#b9c3d2;--border:#3a4a60;--input:#0d192b;--accent:#bdd8ff;--accent-text:#14253d;--selected:#243b56}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #e8b447;outline-offset:3px}.wrap{width:min(900px,90%);margin:auto}header{border-bottom:1px solid var(--border);background:var(--card)}nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0}.brand{font-weight:700;text-decoration:none}.back{font-size:14px;text-decoration:none}main{padding:44px 0 64px}.category{font-size:14px;color:var(--muted);margin:0 0 8px}h1{font-size:clamp(28px,5vw,42px);line-height:1.2;margin:0 0 14px}p{color:var(--muted)}.search-box{position:relative;margin:26px 0 12px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}input{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--input);color:var(--text);padding:14px 16px}#repairSearch{padding-left:46px}.count{font-size:14px;margin:0 0 18px}.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.repair-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--card);text-decoration:none;min-height:72px}.repair-link:hover{background:var(--selected)}.arrow{color:var(--muted)}.custom{border:1px solid var(--border);border-radius:22px;background:var(--card);padding:24px;margin-top:30px}.custom h2{margin:0 0 6px;font-size:22px}.custom p{margin:0 0 18px}.custom label{display:block;font-weight:700;margin-bottom:8px}.custom button{display:block;width:100%;padding:14px 16px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-text);font-weight:700;margin-top:12px;cursor:pointer}.error{color:var(--text);font-size:14px}footer{border-top:1px solid var(--border);padding:20px 0;color:var(--muted);font-size:14px}[hidden]{display:none!important}@media(max-width:520px){.list{grid-template-columns:1fr}nav{align-items:flex-start}.brand{max-width:170px}.back{white-space:nowrap}main{padding-top:32px}}@media(prefers-reduced-motion:no-preference){.repair-link{transition:background .18s ease}}
body:focus-within {
  padding-bottom: 60vh;
}

input,
textarea {
  scroll-margin-top: 24px;
}