:root{font-family:system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif;color:#192b40;background:#f2f5f9;font-size:16px;line-height:1.6;color-scheme:light}
*{box-sizing:border-box}body{margin:0}header{background:#142d49;color:white;padding:1.25rem max(1.25rem,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:1rem;flex-wrap:wrap}header strong{font-size:1.5rem;letter-spacing:-.04em}header span{color:#afdce9}header p{font-size:.875rem;margin:0;margin-left:auto}main{max-width:1200px;margin:auto;padding:1.5rem}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #aab8c6;border-radius:.5rem;background:white;color:#183d60;padding:.5rem 1rem}button[aria-current="page"]{background:#176d80;color:white;border-color:#176d80}button:disabled{opacity:.45;cursor:default}h1{font-size:1.7rem;margin:.5rem 0}h2{font-size:1.15rem;margin:0;overflow-wrap:anywhere}p{margin:.5rem 0 1rem}a{color:#07647b;text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d78600;outline-offset:3px}.controls{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}label{display:grid;gap:.25rem;font-size:.875rem}input,select{background:white;border:1px solid #899db1;border-radius:.4rem;padding:.65rem;min-width:15rem;max-width:100%}#results{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid #ccd7e2;border-radius:.75rem;padding:1.25rem;border-top:3px solid #176d80}.price{font-size:1.4rem;font-weight:700;margin:.4rem 0}.meta{font-size:.875rem;color:#486077}.warning{color:#7b4800;background:#fff5dd;padding:.65rem;border-radius:.4rem;font-size:.875rem}.facts{display:flex;flex-wrap:wrap;gap:.35rem}.fact{background:#e9f1f6;padding:.2rem .5rem;border-radius:.25rem;font-size:.875rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}footer{max-width:1200px;margin:1rem auto;padding:1.5rem;color:#486077;font-size:.875rem}ul{padding-left:1.2rem}.error{color:#a32727}#count{font-size:.875rem} @media(max-width:650px){#results{grid-template-columns:1fr}header p{margin-left:0;width:100%}main{padding:1rem}.controls{display:grid}input,select{width:100%;min-width:0}}
