/* Isolated guide surface; all screenshots are actual phone-sized captures. */
.hwas-mobile-guide{--hmg-ink:#303735;--hmg-line:#dfe3df;--hmg-soft:#f5f6f4;direction:rtl;text-align:center;font-family:inherit;color:var(--hmg-ink);max-width:780px;margin:24px auto 48px;padding:28px 24px;background:#fff;border:1px solid var(--hmg-line);border-radius:16px;box-sizing:border-box;scroll-margin-top:20px}
.hwas-mobile-guide *{box-sizing:border-box;font-family:inherit}
.hwas-mobile-guide [hidden]{display:none!important}
.hwas-mobile-guide .hmg-heading h2{font-size:24px!important;font-weight:700!important;line-height:1.7!important;margin:0 0 20px;color:var(--hmg-ink)!important}
.hwas-mobile-guide .hmg-tabs{display:flex;gap:6px;padding:5px;border-radius:10px;background:var(--hmg-soft);max-width:460px;margin:0 auto 18px}
.hwas-mobile-guide button{min-height:46px;cursor:pointer;border:1px solid var(--hmg-line);border-radius:7px;font-size:14px!important;font-weight:700;padding:10px 16px;color:var(--hmg-ink);background:#fff;line-height:1.6;box-shadow:none;margin:0;flex:1}
.hwas-mobile-guide .hmg-tabs button{border-color:transparent;background:transparent}
.hwas-mobile-guide .hmg-tabs button[aria-pressed=true],.hwas-mobile-guide [data-guide-next]{color:#fff;background:var(--hmg-ink);border-color:var(--hmg-ink)}
.hwas-mobile-guide button:disabled{cursor:default;opacity:.45}
.hwas-mobile-guide :is(button,a):focus-visible{outline:3px solid #637566;outline-offset:4px}
.hwas-mobile-guide .hmg-progress{font-size:13px;line-height:1.6;margin:0 0 9px;color:#677269;font-variant-numeric:tabular-nums}
.hwas-mobile-guide .hmg-slide{margin:0 0 28px;padding:0;border:0}
.hwas-mobile-guide .hmg-slide h3{font-size:17px!important;font-weight:700!important;line-height:1.85!important;margin:0 auto 18px;max-width:490px;color:var(--hmg-ink)!important;min-height:32px;outline:none}
.hwas-mobile-guide .hmg-image{display:block;max-width:375px;width:100%;margin:0 auto;border:1px solid var(--hmg-line);border-radius:12px;overflow:hidden;background:var(--hmg-soft);box-shadow:0 8px 28px #3037350d}
.hwas-mobile-guide .hmg-image img{display:block;width:100%;height:auto;max-width:100%;margin:0;aspect-ratio:375/812;border:0}
.hwas-mobile-guide .hmg-controls{display:flex;gap:10px;max-width:460px;margin:0 auto;position:sticky;bottom:10px;background:#fff;padding:10px;border:1px solid var(--hmg-line);border-radius:10px;box-shadow:0 4px 20px #3037350b;z-index:3}
@media(max-width:600px){.hwas-mobile-guide{margin:12px 0 28px;padding:20px 12px;border-radius:12px;scroll-margin-top:10px}.hwas-mobile-guide .hmg-heading h2{font-size:21px!important;margin-bottom:15px}.hwas-mobile-guide .hmg-slide h3{font-size:15px!important;min-height:52px;margin-bottom:12px}.hwas-mobile-guide .hmg-tabs{margin-bottom:13px}.hwas-mobile-guide button{padding:10px 8px;font-size:13px!important}.hwas-mobile-guide .hmg-controls{bottom:8px;padding:7px}.hwas-mobile-guide .hmg-slide{margin-bottom:16px}}
@media print{.hwas-mobile-guide{border:0;padding:0;max-width:none}.hwas-mobile-guide .hmg-slide[hidden]{display:block!important}.hwas-mobile-guide .hmg-slide{break-inside:avoid;margin:20px auto}.hwas-mobile-guide :is(.hmg-tabs,.hmg-controls,.hmg-progress){display:none!important}.hwas-mobile-guide .hmg-image{max-width:250px;box-shadow:none}}