*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;background:#f7f7fb;color:#1d1d2b;line-height:1.55}
.wrap{max-width:1040px;margin:auto;padding:0 16px}header{background:#1f2a5a;color:#fff;padding:28px 0 16px}h1{margin:0 0 6px}
#q{width:100%;padding:12px;border-radius:10px;border:0;font-size:16px;margin:10px 0}
nav{display:flex;flex-wrap:wrap;gap:6px}nav button{border:1px solid #9fb0ff;background:transparent;color:#fff;border-radius:99px;padding:5px 12px;cursor:pointer}nav button.on{background:#fff;color:#1f2a5a}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0001}.card h3{margin:4px 0 6px;font-size:17px}
.tag{font-size:12px;background:#eef1ff;color:#33408f;border-radius:6px;padding:2px 8px}.try{background:#f1fbf4;border-left:3px solid #2e9e57;padding:6px 8px;font-size:14px}
a{color:#3346c9}.muted{color:#777;font-size:13px}.box{background:#fff;border-radius:12px;padding:18px;margin:24px 0}
form{display:flex;gap:8px}form input{flex:1;padding:10px;border:1px solid #ccc;border-radius:8px}form button{padding:10px 18px;border:0;border-radius:8px;background:#1f2a5a;color:#fff}
.tag.ok{background:#e3f6e8;color:#1c7a3c}#toollist li{margin:6px 0}