*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#1f1f1f}
.page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px}
.hero{width:100%;max-width:820px;text-align:center}
.brand{font-size:clamp(2.4rem,7vw,4.75rem);font-weight:700;letter-spacing:-0.03em;margin-bottom:26px}
.brand span{color:#1a73e8}
.sub{color:#5f6368;font-size:1rem;margin-top:18px}
.search-form{position:relative}
.search-shell{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dfe1e5;border-radius:999px;box-shadow:0 1px 6px rgba(32,33,36,.12);padding:10px 12px}
.search-shell:focus-within{box-shadow:0 1px 8px rgba(26,115,232,.24);border-color:#c6dafc}
.search-shell input{flex:1;border:0;outline:none;font-size:1.05rem;padding:10px 12px;background:transparent}
.search-shell button{border:0;border-radius:999px;background:#1a73e8;color:#fff;padding:11px 18px;font-size:.98rem;cursor:pointer}
.search-shell button:hover{background:#1765cc}
.live-results{position:absolute;left:0;right:0;margin-top:10px;background:#fff;border:1px solid #dfe1e5;border-radius:20px;box-shadow:0 8px 24px rgba(32,33,36,.18);text-align:left;overflow:hidden;z-index:10}
.live-item{display:block;padding:14px 18px;border-bottom:1px solid #f1f3f4;color:inherit;text-decoration:none}
.live-item:last-child{border-bottom:0}
.live-item:hover{background:#f8f9fa}
.live-title{display:block;color:#1a0dab;font-size:1rem;margin-bottom:4px}
.live-desc{display:block;color:#4d5156;font-size:.92rem;line-height:1.4}
.results-page{background:#fff}
.results-wrap{max-width:900px;margin:0 auto;padding:30px 16px 50px}
.topbar{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.topbar .brand-small{font-size:2rem;font-weight:700;color:#1a73e8;text-decoration:none;white-space:nowrap}
.topbar .search-form-inline{flex:1;min-width:280px}
.meta{color:#5f6368;font-size:.95rem;margin:12px 0 24px}
.result-card{padding:18px 0;border-bottom:1px solid #ebebeb}
.result-title{display:inline-block;font-size:1.25rem;color:#1a0dab;text-decoration:none;margin-bottom:6px}
.result-title:hover{text-decoration:underline}
.result-category{display:inline-block;font-size:.83rem;color:#0b8043;background:#e6f4ea;border-radius:999px;padding:4px 10px;margin-bottom:8px}
.result-desc{color:#4d5156;line-height:1.6}
mark{background:#fff59d;padding:0 .08em}
.pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.pagination a,.pagination span{padding:10px 14px;border:1px solid #dfe1e5;border-radius:999px;text-decoration:none;color:#1a73e8}
.pagination .current{background:#1a73e8;color:#fff;border-color:#1a73e8}
.notice{padding:18px;background:#f8f9fa;border:1px solid #e8eaed;border-radius:16px;color:#4d5156}
@media (max-width:700px){.search-shell{padding:8px 10px}.search-shell button{padding:10px 14px}.topbar{flex-direction:column}.topbar .brand-small{font-size:1.6rem}}