:root{ --primary:#0b8457; --accent:#ff7a00; --bg:#f7f7f7; --card:#ffffff; --text:#222; --muted:#666; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}
.container{max-width:760px;margin:0 auto;padding:16px}
.header{padding:8px 0}
.header h1{margin:0 0 4px 0;font-size:1.25rem}
.subtitle{margin:0;color:var(--muted);font-size:.9rem}
.steps .step{background:var(--card);border:1px solid #eee;border-radius:12px;padding:12px;margin:12px 0}
.steps h2{font-size:1.05rem;margin:0 0 8px 0}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:480px){.check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
label.check{display:flex;align-items:center;gap:8px;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:8px}
.nav{display:flex;gap:8px;margin-top:10px}
.btn{appearance:none;border:1px solid #ddd;background:#fff;border-radius:8px;padding:10px 14px;cursor:pointer}
.btn[disabled]{opacity:.6;cursor:not-allowed}
.btn.next{background:var(--primary);border-color:var(--primary);color:#fff}
#subcategories .group{border:1px solid #eee;border-radius:8px;padding:8px;margin:8px 0;background:#fafafa}
#subcategories h4{margin:0 0 6px 0;font-size:.95rem}
.top3 table{width:100%;border-collapse:collapse;margin-top:8px}
.top3 th,.top3 td{border:1px solid #eee;padding:8px}
.top3 .detail{background:#fcfcfc}
.detail .line,.best-per-network .line{padding:4px 0}
.best-per-network .box{padding:8px 4px}
.debug{background:#fff7cd;border:1px solid #f0e6a6;border-radius:8px;padding:8px;margin-top:8px;color:#5a4f00}
.debug div{padding:2px 0}