:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:system-ui,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth}body{color:#17202a;background:#f4f6f8;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}*{box-sizing:border-box}body{color:#17202a;background:#f4f6f8;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{background:#fff;border-bottom:1px solid #dfe6e9;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.brand h1{margin:0;font-size:1.6rem}.brand p{color:#5d6d7e;margin:.25rem 0 0}.nav{gap:1rem;font-weight:600;display:flex}.nav a:hover{text-decoration:underline}main{flex:1;width:min(1100px,100%);margin:0 auto;padding:2rem}.hero{background:#fff;border-radius:18px;margin-bottom:2rem;padding:3rem 2rem;box-shadow:0 10px 30px #0000000f}.hero h2{margin-top:0;font-size:2rem}.search-box{gap:.75rem;max-width:600px;margin-top:1.5rem;display:flex}.search-box input{border:1px solid #ccd1d1;border-radius:10px;flex:1;padding:.85rem 1rem;font-size:1rem}.search-box button{color:#fff;cursor:not-allowed;opacity:.7;background:#2c3e50;border:none;border-radius:10px;padding:.85rem 1.2rem;font-weight:700}.small-note{color:#7f8c8d;font-size:.9rem}.section{margin-top:2rem}.card-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.card{background:#fff;border:1px solid #e5e8e8;border-radius:14px;padding:1.5rem}.card h3{margin-top:0}.site-footer{text-align:center;color:#7f8c8d;padding:1.5rem}@media (width<=700px){.site-header{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap}main{padding:1rem}.search-box{flex-direction:column}.card-grid{grid-template-columns:1fr}}