/* Покроковий помічник: одна дія на екран, великий текст */
.g{max-width:520px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px calc(env(safe-area-inset-bottom,0px) + 36px);display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.45}
.g .top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.g .brand{color:var(--accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:15px}
.g .dots{display:flex;gap:6px}
.g .dots i{width:28px;height:6px;border-radius:3px;background:var(--line)}
.g .dots i.on{background:var(--accent)}
.g .stepno{font-size:15px;color:var(--muted);font-weight:600}
.g h1{font-size:28px;line-height:1.2;margin:0}
.g p{margin:0}
.g .lead{color:var(--muted)}
.g ol.do{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px;counter-reset:d}
.g ol.do>li{counter-increment:d;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.g ol.do>li::before{content:counter(d);width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:20px}
.g ol.do>li>div{display:flex;flex-direction:column;gap:8px;padding-top:6px}
.g .pic{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;display:block;width:100%;max-width:340px}
.g .pic svg{display:block;width:100%;height:auto}
.g .big{display:block;width:100%;border:none;border-radius:14px;padding:18px 16px;font:inherit;font-size:20px;font-weight:700;background:var(--accent);color:var(--accent-ink);cursor:pointer;text-align:center}
.g .big.sec{background:var(--surface);color:var(--ink);border:2px solid var(--line);font-weight:600}
.g .big:disabled{opacity:.5}
.g .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g .note{background:var(--warn-soft);border-radius:12px;padding:12px 14px;font-size:16px}
.g .ok{background:var(--good-soft);border-radius:12px;padding:14px;font-size:17px}
.g .stuck{background:none;border:none;color:var(--blue);font:inherit;font-size:16px;text-decoration:underline;padding:6px 0;cursor:pointer;text-align:left}
.g input[type=text],.g textarea{width:100%;font:inherit;font-size:19px;padding:14px;border:2px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}
.g textarea{min-height:90px;resize:vertical}
.g .url{font-size:20px;font-weight:700;word-break:break-all;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}
.g .msg{font-size:16px;min-height:22px}
.g .msg.bad{color:var(--bad)} .g .msg.good{color:var(--good)}
.g .count{font-size:56px;font-weight:700;color:var(--accent);text-align:center;line-height:1}
.g .small{font-size:15px;color:var(--muted)}
.g b.k{background:var(--chip);border-radius:6px;padding:0 6px;white-space:nowrap}