*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0d1117;color:#e6edf3}
.sponsor{background:#f5c542;color:#111;text-align:center;padding:10px;font-weight:600}.sponsor a{color:#111}
header,section,nav,#tools,footer{max-width:1100px;margin:0 auto;padding:16px}h1{font-size:2.4rem;margin:.3em 0}
#q{width:100%;padding:10px;border-radius:8px;border:1px solid #30363d;background:#161b22;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.card{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:14px}.card a{color:#58a6ff;font-weight:600;text-decoration:none}
.card p{margin:6px 0;font-size:.9rem;color:#c9d1d9}.tag{font-size:.75rem;color:#8b949e}
nav a{display:inline-block;margin:4px;padding:6px 10px;border-radius:20px;background:#21262d;color:#e6edf3;text-decoration:none;font-size:.85rem}
.news form{display:flex;gap:8px;flex-wrap:wrap}.news input{flex:1;padding:10px;border-radius:8px;border:0}.news button{padding:10px 18px;border:0;border-radius:8px;background:#238636;color:#fff}
footer{color:#8b949e;font-size:.8rem}
.aff{font-size:.7rem;color:#8b949e;border:1px solid #30363d;border-radius:4px;padding:0 4px}.disclosure{font-size:.8rem;color:#8b949e}