/* API/ZIP shell only; the frozen reference stylesheet owns the widget. */
body {margin:0;background:var(--twoip-surface);color:var(--twoip-on-surface);font-family:'2ip',sans-serif;font-size:16px;line-height:1.5;}
.t3-mainbody {padding-block:24px;}
h1 {font-family:'2ip',sans-serif;font-weight:400;text-align:center;font-size:clamp(24px,3vw,40px);margin:24px 0;}
.api-actions {display:flex;justify-content:center;gap:16px;margin-top:24px;flex-wrap:wrap;}
.api-help,#api-message {text-align:center;color:var(--twoip-on-surface-variant);margin-top:16px;}
#api-message {min-block-size:1.5em;}
#api-message:empty {visibility:hidden;}
#speedo-ping .twoip-latency-row {grid-template-columns:1fr;}
#api-cancel:disabled {opacity:.38;cursor:default;}
/* Use the shared full-width ServiceDetails rows; metadata values always wrap. */
.api-information {margin-top:24px;margin-bottom:0;}
.api-information .twoip-result-label {display:flex;align-items:center;gap:8px;}
.api-information .twoip-result-value {margin:0;min-block-size:1.5em;}
.api-information [data-information] {overflow-wrap:anywhere;}
@media (max-width:767px){.t3-mainbody {padding-inline:16px;}}

/* Five metadata rows belong to the existing right-hand results column. */
#info-area .api-information {margin-block:var(--twoip-space-4,16px) 0;}
#info-area .api-information .twoip-result-row {grid-template-columns:minmax(0,34%) minmax(0,1fr);}
#api-trial {min-block-size:1.5em;text-align:center;margin-block:var(--twoip-space-2,8px);}
#api-activate {color:var(--twoip-primary);}

.api-information [data-information] {display:block;min-width:0;}

.api-license-action {min-block-size:1.5em;text-align:center;margin-block:var(--twoip-space-2,8px);}
#api-message {min-block-size:3em;}
@media (max-width:767px) {#api-message {min-block-size:6em;} #api-trial {min-block-size:3em;}}