/* Port of pinned R5.2 How layout. Existing consent and language handlers retained. */
.how-language{display:flex!important;width:auto!important;gap:0!important;background:#f1f3eb!important;padding:3px!important;border:0!important;border-radius:20px!important;margin:0!important;flex-shrink:0}
.how-language button{min-width:34px!important;width:34px!important;min-height:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:18px!important;font-size:11px!important;font-weight:600!important;background:transparent!important;color:#696f5d!important}
.how-language button[aria-pressed="true"]{background:#b8f326!important;color:#29351a!important}
#help-dialog[open]{display:grid;grid-template-rows:64px minmax(0,1fr) auto;padding:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;inset:0;margin:0;border:0;border-radius:0;overflow:hidden}
#help-dialog .how-topbar{display:flex;align-items:center;gap:8px;padding:8px 15px 6px;border-bottom:1px solid #f0f2eb}
#help-dialog .mobile-how-brand{margin:0 auto 0 0;text-align:left;padding:0}
#help-dialog .mobile-how-brand .brand{justify-content:flex-start}
#help-dialog .mobile-how-brand .wordmark{font-size:30px;line-height:1;letter-spacing:-2px}
#help-dialog .mobile-how-brand .gpt{font-size:9px}
#help-dialog .mobile-how-brand .claim{display:block;font-size:8px;margin-top:3px;color:#7b7e72}
#help-dialog #help-close{position:static;width:38px;height:44px;padding:0;margin:0;flex-shrink:0;font-size:27px;background:transparent;border:0;color:#636958}
#help-dialog .how-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:5px 20px 6px;text-align:left}
#help-dialog .how-intro{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:6px;align-items:center}
#help-dialog .how-intro>div{min-width:0}
#help-dialog .mobile-how-hero{display:block;width:104px;height:140px;max-width:104px;max-height:140px;min-height:0;margin:0;object-fit:contain}
#help-dialog #help-title{font-size:28px;line-height:1.04;letter-spacing:-1.15px;margin:4px 0 7px;text-align:left;overflow-wrap:break-word}
#help-dialog .mobile-friend-copy{margin:0;text-align:left;display:block}
#help-dialog #mobile-friend-title{display:block;font-size:14px;line-height:1.3;font-weight:600}
#help-dialog #mobile-friend-sub{display:block;font-size:12px;line-height:1.4;color:#797e70;margin:4px 0 10px;white-space:pre-line}
#help-dialog .mobile-usp-list{display:grid;gap:7px;margin:0;padding:0}
#help-dialog .mobile-usp-list>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:11px;align-items:center;min-height:82px;margin:0;padding:0}
#help-dialog .mobile-usp-list>div>img{width:80px;height:82px;object-fit:contain}
#help-dialog .mobile-usp-list p{margin:0;text-align:left}
#help-dialog .mobile-usp-list strong{font-size:14px;line-height:1.25;margin:0 0 4px;display:block}
#help-dialog .mobile-usp-list span{font-size:11.5px;line-height:1.35;color:#747b6a;display:block;white-space:pre-line}
#help-dialog .mobile-steps{margin:20px 0 0;font-size:9px;gap:5px}
#help-dialog .how-actionbar{padding:9px 20px max(15px,env(safe-area-inset-bottom));background:white;border-top:1px solid #edf0e7}
#help-dialog #help-start{position:static;width:100%;min-height:48px;margin:0;border-radius:13px;font-size:15px;background:#b8f326;color:#29341e}
