
:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#151515;background:#f7f7f5;line-height:1.55}
*{box-sizing:border-box} body{margin:0}.wrap{max-width:850px;margin:0 auto;padding:64px 24px 48px}
.brand{font-weight:800;letter-spacing:-.02em;margin-bottom:28px} h1{font-size:clamp(34px,6vw,54px);line-height:1.12;letter-spacing:-.04em;margin:0 0 16px}
.lead{font-size:18px;color:#555;max-width:680px}.search{display:flex;gap:10px;margin-top:34px}
.search input{flex:1;min-width:0;border:1px solid #8f8f89;border-radius:14px;padding:17px 18px;font-size:17px;background:white;outline:none}
.search input::placeholder{color:#666;opacity:1}
.search input:focus{border-color:#222;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.search>button,.button{border:0;border-radius:14px;padding:0 22px;background:#111;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.small{font-size:13px;color:#666}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 30px}.chips button,.related{border:1px solid #8f8f89;background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}
#result{margin-top:24px}.empty,.notice,.answer-card{background:#fff;border:1px solid #e6e6e0;border-radius:22px;padding:26px;box-shadow:0 8px 30px rgba(0,0,0,.035)}
.answer-card h2,.notice h2{margin:5px 0 18px;font-size:23px;letter-spacing:-.02em}.eyebrow{font-size:12px;font-weight:800;color:#666;text-transform:uppercase}
.answer{white-space:normal}.notice.warning{border-color:#e8d7a7;background:#fffcf3}.notice.error{border-color:#e5b9b9;background:#fff7f7}
.related-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.button.secondary{display:inline-block;margin-top:18px;padding:11px 15px;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #222;outline-offset:3px}

footer{margin-top:44px;color:#666;font-size:13px;border-top:1px solid #e4e4df;padding-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){.wrap{padding:38px 18px}.search{display:block}.search input{width:100%}.search>button{width:100%;height:52px;margin-top:10px}.answer-card,.notice,.empty{padding:20px;border-radius:18px}}
