/* Mobile presentation only. Tables keep their own horizontal scrolling;
   large amounts and integration diagnostics cannot widen the whole page. */
@media(max-width:760px){
 body.newmagic>.page-title{margin:68px 8px 0;padding:12px 15px;min-height:46px}
 body.newmagic>.page-title h1{font-size:19px;line-height:26px}
 body.newmagic>#main{min-width:0;max-width:100%;padding:12px 10px 24px;box-sizing:border-box}
 body.newmagic .download-machine{position:static;display:flex;align-items:center;gap:7px;margin:0 0 12px}
 body.newmagic .download-machine button{font-size:12px;padding:8px 11px;min-height:36px}
 body.newmagic .dashboard-tools{height:auto;min-height:0;margin:0 0 12px;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:8px}
 body.newmagic .dashboard-tools small{min-width:0;font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:#8c4ea1}
 body.newmagic .dashboard-tools button{flex:0 0 32px;padding:6px}
 body.newmagic .metrics-top,body.newmagic .metrics-small{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.newmagic .metric,body.newmagic .metric.large{min-width:0;min-height:114px;padding:14px 12px;grid-column:auto;overflow:hidden;box-sizing:border-box}
 body.newmagic .metric h3{font-size:13px;line-height:20px;max-width:100%;margin-bottom:8px}
 body.newmagic .metric strong{font-size:23px;line-height:1.35;max-width:100%;font-variant-numeric:tabular-nums}
 body.newmagic .metric img{width:48px;height:48px;opacity:.8}
 body.newmagic .metric.period{min-height:148px}
 body.newmagic .metric.period h5{font-size:12px;line-height:18px}
 body.newmagic .metric.period strong{font-size:clamp(13px,3.7vw,17px);white-space:nowrap}
 body.newmagic .metric.period hr{margin:9px 0}
 body.newmagic .metrics-top .metric.period:last-child{grid-column:1/-1;min-height:100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;align-content:center}
 body.newmagic .metrics-top .metric.period:last-child h5:nth-of-type(1){grid-column:1;grid-row:1}
 body.newmagic .metrics-top .metric.period:last-child strong:nth-of-type(1){grid-column:1;grid-row:2}
 body.newmagic .metrics-top .metric.period:last-child h5:nth-of-type(2){grid-column:2;grid-row:1}
 body.newmagic .metrics-top .metric.period:last-child strong:nth-of-type(2){grid-column:2;grid-row:2}
 body.newmagic .metrics-top .metric.period:last-child hr{display:none}
 body.newmagic .metrics-bottom{display:block;margin-top:10px}
 body.newmagic .metric.total-result{min-height:112px;margin-bottom:10px}
 body.newmagic .provider-cards{grid-template-columns:minmax(0,1fr);gap:10px}
 body.newmagic .provider-card{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;padding:12px;gap:8px}
 body.newmagic .provider-card>div{min-width:0;max-width:100%}
 body.newmagic .provider-card .provider-identity{grid-column:1/-1;min-width:0;max-width:none;width:auto;gap:8px}
 body.newmagic .provider-card strong{font-size:clamp(10px,3.05vw,13px);white-space:nowrap;letter-spacing:-.2px}
 body.newmagic .provider-card h5{font-size:11px}
 body.newmagic:is([data-section="integration"],[data-section="t9-integration"]) #main pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
 body.newmagic:is([data-section="integration"],[data-section="t9-integration"]) #main p{overflow-wrap:anywhere}
 body.newmagic:is([data-section="integration"],[data-section="t9-integration"]) #main dl{grid-template-columns:minmax(0,1fr);gap:4px}
 body.newmagic:is([data-section="integration"],[data-section="t9-integration"]) #main dd{min-width:0;margin:0 0 12px;overflow-wrap:anywhere}
 body.newmagic:is([data-section="integration"],[data-section="t9-integration"]) #main code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
 body.newmagic[data-section="profile"]>.page-title{margin:68px 12px 0}
 body.newmagic[data-section="profile"]>#main{padding:0 12px 24px}
}

body.newmagic[data-section="t9-integration"] #main dd{min-width:0;overflow-wrap:anywhere}
body.newmagic[data-section="t9-integration"] #main code{white-space:normal;overflow-wrap:anywhere}
body.newmagic[data-section="t9-integration"] #main .kv{font-size:13px;line-height:1.65}
body.newmagic[data-section="t9-integration"] #main dt{color:#8c4ea1}
body.newmagic[data-section="t9-integration"] #main dd{color:#472453}