/* Service integration: viewport handling only. Approved V2 styles.css is unchanged. */
@media (max-width:700px){
 .public{max-width:100%;overflow-x:clip}
 .public .pubwrap{width:calc(100% - 32px)}
 .public .pubnav{height:auto;min-height:76px}
 .public .pubrow{flex-wrap:wrap;gap:12px;padding:12px 0}
 .public .pubbrand{font-size:18px;white-space:nowrap}
 .public .publinks{margin-left:0;order:3;width:100%;flex:1 0 100%;gap:12px;justify-content:space-between;font-size:11px}
 .public .pubactions{margin-left:auto;gap:6px}
 .public .pubactions .btn{padding:0 9px;height:36px;font-size:10px}
 .public .hero{padding:48px 0}
 .public .herogrid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
 .public .hero h1{font-size:clamp(37px,10vw,51px);line-height:1.14}
 .public .hero p{font-size:14px}
 .public .heroactions{flex-wrap:wrap}
 .public .product-window{max-width:100%;min-width:0}
 .public .pwbody{grid-template-columns:84px minmax(0,1fr)}
 .public .pwside{padding:5px}
 .public .pws{padding:0 5px}
 .public .pwdash{min-width:0;padding:7px}
 .public .pwstats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .public .pwstat{padding:7px}
 .public .pwrow{grid-template-columns:minmax(0,1fr) 50px;gap:5px;min-height:34px}
 .public .pwrow>*:nth-child(n+3){display:none}
 .public .pubsection{padding:55px 0}
 .public .pubsection h2{font-size:30px}
 .public .flow4{grid-template-columns:minmax(0,1fr)}
 .public .flow4>div{min-height:0;border-right:0;border-bottom:1px solid var(--line)}
 .public .help-layout,.public .legal{grid-template-columns:minmax(0,1fr)}
 .public .helpnav,.public .helpaside{width:100%}
}