/* Stage 1 IP typography polish. Scoped to Current Exit only. */
.exit-logo{
  width:128px!important;
  height:128px!important;
  content:url('/v1/assets/ilovestudy-logo-hd.png?v=9.0.0-logo-r1')!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  background:transparent!important;
  transform:none!important;
}
#ipv4{
  font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:clamp(24px,2.05vw,31px);
  font-weight:720;
  line-height:1.2;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
#ipv6{
  font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  font-size:clamp(14px,1.05vw,17px);
  font-weight:620;
  line-height:1.4;
  letter-spacing:-.018em;
  color:#22344f;
  font-variant-numeric:tabular-nums;
}
@media (min-width:700px) and (max-width:1024px){
  .exit-logo{width:112px!important;height:112px!important}
  #ipv4{font-size:24px;font-weight:710}
  #ipv6{font-size:14.5px;font-weight:620}
}
@media (max-width:699px){
  .exit-logo{width:96px!important;height:96px!important}
  #ipv4{font-size:clamp(22px,5.8vw,25px);font-weight:720;line-height:1.2}
  #ipv6{font-size:clamp(12px,3.25vw,14px);font-weight:620;line-height:1.4;letter-spacing:-.022em}
}
@media (max-width:380px){
  .exit-logo{width:84px!important;height:84px!important}
  #ipv4{font-size:20px}
  #ipv6{font-size:11px;letter-spacing:-.025em}
}
/* 9.0.0 placement: open the gap between the two addresses, and drop the recent-check line slightly. */
.current-status-card{margin-bottom:16px}
.ip-card{padding:8px 0 10px}
.ip-values,.ip-values.dual{row-gap:18px}
.ip-address-row{padding-block:1px}
.family-status-row{margin-top:16px}
#current-note{margin-top:28px}
@media (min-width:700px) and (max-width:1024px){
  .current-status-card{margin-bottom:14px}
  .ip-card{padding:8px 0 8px}
  .ip-values,.ip-values.dual{row-gap:16px}
  .family-status-row{margin-top:14px}
  #current-note{margin-top:22px}
}
@media (max-width:699px){
  .current-status-card{margin-bottom:12px}
  .ip-card{padding:8px 0 8px}
  .ip-values,.ip-values.dual{row-gap:14px}
  .family-status-row{margin-top:12px}
  #current-note{margin-top:18px}
}
@media (max-width:380px){
  .current-status-card{margin-bottom:10px}
  .ip-values,.ip-values.dual{row-gap:12px}
  .family-status-row{margin-top:10px}
  #current-note{margin-top:14px}
}