/* V6.0.0 current-exit presentation: one centered visual axis across PC, tablet and mobile. */
.hero{padding-bottom:22px}
.exit-primary{display:block;width:min(900px,100%);margin:14px auto 0;overflow-anchor:none}
.exit-logo{display:block;width:72px;height:72px;object-fit:contain;margin:0 auto 9px;border:0;border-radius:0;background:transparent;box-shadow:none;mix-blend-mode:multiply}
.current-status-card{display:grid;place-items:center;width:100%;min-height:40px;margin:0 auto 6px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.ip-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(720px,100%);min-height:58px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}
.ip-card-head{display:block;min-width:0;margin:0 0 1px;text-align:center}
.ip-card-head>.label{font-size:13px;font-weight:760;letter-spacing:.08em;color:#536172;white-space:nowrap}
.current-status-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;width:auto;padding:7px 12px;border-radius:999px;background:#eef5ff;border-color:#cfe0f6;color:#3d6fa5;box-shadow:none}
.current-status-button strong{font-size:14px;font-weight:780;letter-spacing:.01em;white-space:nowrap}
.status-symbol{display:inline-grid;place-items:center;width:21px;height:21px;border:1.8px solid currentColor;border-radius:50%;font-size:11px;font-weight:800;line-height:1}
.refresh-symbol{display:inline-block;font-size:18px;font-weight:800;line-height:1;transform-origin:center}
.current-status-button.normal{background:#eef8f1;border-color:#cde8d5;color:#26733b!important}
.current-status-button.low{background:#f6f7e9;border-color:#dfe3bd;color:#6a721d!important}
.current-status-button.medium{background:#fff7e6;border-color:#f0d49a;color:#946200!important}
.current-status-button.high,.current-status-button.failed{background:#fff0f0;border-color:#edc4c4;color:#a83a3a!important}
.current-status-button.unknown{background:#f7f9fc;border-color:var(--border);color:var(--muted)!important}
.current-status-button.detecting{background:#eef5ff;border-color:#cfe0f6;color:#3d6fa5!important}
.current-status-button.detecting .refresh-symbol,.current-status-button.is-refreshing .refresh-symbol,.current-status-button[aria-busy=true] .refresh-symbol{-webkit-animation:current-refresh-spin .8s linear infinite;animation:current-refresh-spin .8s linear infinite;will-change:transform}
@keyframes current-refresh-spin{to{transform:rotate(360deg)}}
.ip-values,.ip-values.dual{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;min-width:0;text-align:center;justify-items:center}
.ip-values>div{display:flex;justify-content:center;width:100%;min-width:0;padding:0;border:0;background:transparent}
.ip-values b{display:block;width:auto;max-width:100%;margin-inline:auto;text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:clamp(19px,1.42vw,23px);font-weight:820;line-height:1.28;letter-spacing:.01em;color:#0b1c35;white-space:nowrap;overflow:visible;word-break:normal;overflow-wrap:normal;font-variant-numeric:tabular-nums}
#ipv6{font-size:clamp(14.5px,1.08vw,18px);line-height:1.28;letter-spacing:-.022em;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.family-status-row{display:flex;align-items:center;justify-content:center;gap:4px;width:min(520px,100%);margin:9px auto 0;padding:3px;border:1px solid #dfe7f1;border-radius:12px;background:#fff;box-shadow:0 4px 14px #18354f08}
.family-status-row.single{width:min(300px,100%)}
.family-tab{flex:1;min-height:38px;padding:6px 12px;border-color:transparent;border-radius:9px;background:transparent;color:#425168;font-size:13px;font-weight:680}
.family-tab.active{border-color:#cfe0f6;background:#e9f2ff;color:var(--primary);font-weight:780;box-shadow:0 2px 7px #1867ce10}
.family-tab.unavailable,.family-tab:disabled{color:#98a4b3;background:#f7f9fc;cursor:not-allowed}
.exit-details{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(1000px,100%);margin:10px auto 0}
.metric{gap:5px;min-height:84px;padding:10px 9px;border-radius:14px}
.metric .label{font-size:13px}
.metric strong{line-height:1.35;font-size:15px;font-weight:750}
.metric-secondary{display:block;max-width:100%;font-size:11.5px;line-height:1.35;color:var(--muted);font-weight:650;overflow-wrap:anywhere}
#current-fraud{font-size:21px;font-weight:820;letter-spacing:.02em}
.no-value{color:#98a4b3!important;font-weight:600!important}
#current-fraud.normal{color:#26733b!important}
#current-fraud.low{color:#6a721d!important}
#current-fraud.medium{color:#946200!important}
#current-fraud.high{color:#a83a3a!important}
.hero>.micro{margin-top:7px}
#input-notice{width:fit-content;max-width:100%;margin:0 auto 16px;padding:9px 14px}
@media(max-width:1024px) and (min-width:700px){
  .hero{padding-bottom:20px}
  .exit-primary{width:min(760px,100%);margin-top:13px}
  .exit-logo{width:66px;height:66px;margin-bottom:8px}
  .ip-card{width:min(700px,100%);min-height:56px}
  .ip-card-head>.label{font-size:12.5px}
  .ip-values b{font-size:18px;line-height:1.26}
  #ipv6{font-size:clamp(13.2px,1.8vw,15.8px);letter-spacing:-.025em}
  .family-status-row{margin-top:9px}
  .exit-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
  .metric{min-height:82px}
}
@media(max-width:699px){
  .hero{padding-bottom:18px}
  .exit-primary{margin-top:13px}
  .exit-logo{width:60px;height:60px;margin-bottom:8px}
  .current-status-card{width:100%;min-height:40px;margin-bottom:6px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  .ip-card{width:100%;min-height:54px;padding:0;text-align:center}
  .ip-card-head{margin-bottom:1px;text-align:center}
  .ip-card-head>.label{font-size:12px;letter-spacing:.055em}
  .current-status-button{justify-self:center;min-height:40px;padding:7px 11px}
  .current-status-button strong{font-size:14px}
  .status-symbol{width:21px;height:21px;font-size:11px}
  .refresh-symbol{font-size:18px}
  .ip-values,.ip-values.dual{gap:0;width:100%;justify-items:center;text-align:center}
  .ip-values>div{display:flex;justify-content:center;width:100%}
  .ip-values b{font-size:clamp(17px,4.55vw,19.5px);line-height:1.23;white-space:nowrap;overflow:visible;text-align:center}
  #ipv6{font-size:clamp(10.6px,3.02vw,13.4px);line-height:1.26;letter-spacing:-.035em;white-space:nowrap;word-break:normal;overflow-wrap:normal;display:block;max-height:none;overflow:visible}
  .family-status-row{gap:4px;margin-top:9px;padding:4px;border-radius:13px}
  .family-status-row,.family-status-row.single{width:100%}
  .family-tab{min-height:44px;padding:7px 6px;font-size:13.5px}
  .exit-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
  .metric{min-height:76px;padding:9px 7px;gap:4px}
  .metric .label{font-size:12.5px}
  .metric strong{font-size:15px}
  .metric-secondary{font-size:11px}
  #current-fraud{font-size:21px}
  .hero>.micro{font-size:12px;line-height:1.5;margin:7px auto 0;max-width:96%}
}
@media(max-width:380px){
  .exit-logo{width:56px;height:56px}
  .ip-card-head>.label{font-size:11.5px}
  .current-status-button{justify-self:center;max-width:100%;gap:6px;padding-inline:9px}
  .ip-values b{font-size:14.5px}
  #ipv6{font-size:clamp(9.2px,2.9vw,10.8px);letter-spacing:-.045em}
  .current-status-button strong{font-size:13px}
  .family-tab{font-size:13px}
  .metric strong{font-size:14px}
  #current-location,#current-isp{font-size:13.5px;letter-spacing:-.02em}
  #current-location{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.current-status-button.detecting:not(.is-refreshing) .refresh-symbol{animation:none}}