:root{
	--bg:#f7f7fb;
	--card:#ffffff;
	--accent:#2b7cff;
	--text:#1f2937;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;line-height:1.5;margin:0;background:var(--bg);color:var(--text)}

.container{max-width:980px;margin:0 auto;padding:24px}

.site-header{background:linear-gradient(90deg,#fff,#f3f6ff);border-bottom:1px solid #e6e9f2}

.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-header h1{font-size:1.1rem;margin:0}

.site-header nav a{margin-left:14px;color:var(--text);text-decoration:none;font-size:0.95rem}

.hero{padding:48px 0;text-align:center}

.hero h2{margin:0 0 8px;font-size:1.8rem}

.hero p{color:#526075;margin:0 0 18px}

.search-wrap{display:flex;gap:8px;justify-content:center;max-width:560px;margin:0 auto}

input#termInput{flex:1;padding:10px 12px;border:1px solid #dbe4ff;border-radius:8px}

button#lookupBtn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}
button#lookupBtn:hover{background:#1a5edb}

.results{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}

.results li{background:var(--card);padding:12px;border-radius:10px;border:1px solid #eef2ff}

.site-footer{padding:18px 0;text-align:center;color:#8b94a6;font-size:0.9rem}

@media (max-width:640px){.site-header .container{flex-direction:column;gap:10px}.search-wrap{flex-direction:column}}