:root{--bg:#fcfcfd;--text:#0a1d3e;--muted:#5c6d8b;--line:#dce2eb;--blue:#1264ee;--blue-hover:#0754d4;--surface:#f4f7fb;--danger:#b42935;--focus:#135fdc;--radius:6px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-size:16px}
:root[data-theme=dark]{--bg:#101927;--text:#edf3ff;--muted:#a7b7d0;--line:#304056;--blue:#2679ff;--blue-hover:#4a8fff;--surface:#182539;--danger:#ff969c;--focus:#8cbbff;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img{max-width:100%}[hidden]{display:none!important}.container{width:88%;max-width:1320px;margin:0 auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:24px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:40px;margin-left:auto;margin-right:18%}.main-nav a{font-size:16px;white-space:nowrap}.main-nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:8px}.theme-control{display:flex;align-items:center;gap:9px;border:0;background:none;padding:8px 0;color:var(--muted)}.icon{display:inline-block;vertical-align:middle;opacity:.8;flex-shrink:0}:root[data-theme=dark] .icon{filter:invert(1);opacity:.88}.on-blue{filter:brightness(0) invert(1)!important;opacity:1}.theme-track{position:relative;background:#c9d2df;width:36px;height:20px;border-radius:20px}.theme-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.theme-control[aria-pressed=true] .theme-thumb{transform:translateX(16px)}.theme-control[aria-pressed=true] .theme-track{background:var(--blue)}
h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin-bottom:6px}h2{font-size:24px;line-height:1.3;letter-spacing:-.55px;margin-bottom:6px}h3{font-size:18px;line-height:1.4;margin-bottom:8px}p{color:var(--muted);margin-bottom:16px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:58px;padding-top:58px;padding-bottom:50px}.connection-note{min-height:38px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.connection-note p{margin:0;font-size:16px}.small-link{color:var(--blue);font-size:13px;text-decoration:underline;text-underline-offset:3px}.ip-panel{min-width:0}.ip-address{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(38px,5.4vw,80px);font-weight:700;line-height:1.25;letter-spacing:-4px;margin:4px 0 12px;overflow-wrap:anywhere}.ip-address.is-ipv6{font-size:clamp(28px,3.1vw,46px);letter-spacing:-1.6px;min-height:100px}.mono,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.button{min-height:47px;padding:11px 20px;border-radius:var(--radius);border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap}.button:hover{text-decoration:none}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:var(--blue-hover)}.button.secondary{background:var(--bg);color:var(--text);border-color:var(--line)}.button.secondary:hover{border-color:var(--muted)}.connection-details{margin:32px 0 0}.connection-details>div{display:grid;grid-template-columns:1fr 2fr;gap:12px;align-items:baseline;min-height:49px;padding:13px 0;border-top:1px solid var(--line);font-size:16px}.connection-details>div:last-child{border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}abbr[title]{text-decoration:none;cursor:help}.map-panel{min-width:0}.map-caption{margin-bottom:14px}.map-shell{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;isolation:isolate;aspect-ratio:1.51;background:var(--surface)}.location-map,.map-placeholder{height:100%;width:100%}.map-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:28px}.map-placeholder h3{max-width:280px;margin:14px 0 8px}.map-placeholder p{max-width:350px;font-size:14px}.map-icon{opacity:.5}.map-footnote,.microcopy{font-size:12px;line-height:1.6;margin:10px 0 0}.map-error{position:absolute;bottom:25px;left:12px;right:12px;z-index:600;background:var(--bg);color:var(--danger);font-size:13px;border:1px solid var(--line);padding:8px;margin:0}.leaflet-container{font-family:Arial,Helvetica,sans-serif!important;background:var(--surface)!important}.leaflet-control-attribution{font-size:10px!important;color:#18365b!important}.leaflet-control-attribution a{color:#134faf!important}.lookup-section{padding:21px 0 30px;border-top:1px solid var(--line)}.lookup-section h2{margin-bottom:12px}.lookup-form{display:flex;gap:10px;max-width:760px}.lookup-form input{min-width:0;flex:1;height:48px;padding:0 18px;border:1px solid #cbd4e1;border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:17px}.lookup-form input::placeholder{color:#8590a4}.form-message{font-size:14px;margin:8px 0 0}.form-message:empty{display:none}.form-message.error{color:var(--danger)}.lookup-result{padding:22px 0 0;max-width:760px}.result-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:15px}.result-heading h3{overflow-wrap:anywhere}.result-scope{font-size:13px;color:var(--muted)}.result-details{display:grid;grid-template-columns:130px 1fr;gap:8px 20px;font-size:14px;margin:8px 0}.site-footer{border-top:1px solid var(--line);margin-top:8px}.footer-inner{display:flex;justify-content:space-between;align-items:center;min-height:74px;gap:25px;padding-top:18px;padding-bottom:18px;font-size:13px;color:var(--muted)}.footer-brand{font-size:16px;font-weight:600}.footer-inner nav{display:flex;flex-wrap:wrap;gap:22px}.text-button{border:0;padding:0;background:none;color:inherit;font-size:inherit;line-height:inherit;text-align:left}.text-button:hover{text-decoration:underline}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 18px;background:var(--text);color:var(--bg);border-radius:6px;z-index:999999;font-size:14px;box-shadow:0 5px 20px #0002}.skip-link{position:fixed;left:16px;top:-80px;background:var(--bg);z-index:999999;padding:10px;border:2px solid var(--blue)}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{padding:20px;font-size:14px;text-align:center}
.page-intro{padding:58px 0 30px;max-width:740px}.page-intro h1{margin-bottom:14px}.page-intro p{font-size:17px;line-height:1.7}.page-intro .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--blue);margin-bottom:10px}.standalone-lookup{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-bottom:50px}.standalone-lookup .lookup-section{padding-top:0;border:0}.probe-panel{padding-bottom:45px;max-width:850px}.probe-rows{margin:24px 0}.probe-rows>div{padding:18px 0;display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--line);gap:20px}.probe-rows>div:last-child{border-bottom:1px solid var(--line)}.probe-address{display:block;margin-top:4px;font-size:14px;overflow-wrap:anywhere}.notice{padding:16px 18px;background:var(--surface);border-left:3px solid var(--blue);color:var(--muted);font-size:14px;margin:20px 0}.article{max-width:760px;padding:55px 0 60px}.article h1{margin-bottom:20px}.article h2{font-size:22px;margin:32px 0 12px}.article p,.article li{line-height:1.8;color:var(--muted)}.article ul,.article ol{padding-left:22px}.article li{margin:8px 0}.article a,.notice a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);padding:20px;font-size:13px;border:1px solid var(--line);border-radius:6px}.article code{font-size:.88em}.article table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0}.article td,.article th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.guide-list{padding-bottom:55px;max-width:850px}.guide-list a{display:block;border-top:1px solid var(--line);padding:24px 0}.guide-list a:last-child{border-bottom:1px solid var(--line)}.guide-list a:hover{text-decoration:none}.guide-list a:hover h2{color:var(--blue)}.guide-list p{margin:0}.consent-unavailable{font-size:13px;color:var(--danger);text-align:center;padding:12px}
@media(min-width:1600px){.main-nav{margin-right:220px}}@media(max-width:1200px){.main-nav{margin-right:auto;margin-left:auto;gap:25px}.hero{gap:34px}.ip-address{letter-spacing:-3px}.connection-note{min-height:47px}.map-placeholder{padding:20px}.map-placeholder h3{font-size:17px}.map-placeholder p{font-size:13px}}
@media(max-width:850px){.container{width:90%}.header-inner{height:auto;min-height:66px;flex-wrap:wrap;padding:15px 0;gap:14px}.brand{font-size:22px}.main-nav{order:3;width:100%;justify-content:space-between;margin:0;gap:12px;padding-top:6px}.main-nav a{font-size:14px}.theme-control{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:36px;gap:36px;padding-bottom:32px}.ip-address{font-size:clamp(36px,9vw,76px);letter-spacing:-3px}.ip-address.is-ipv6{font-size:32px;min-height:0;margin:12px 0 18px}.connection-note{min-height:30px}.map-shell{aspect-ratio:1.65}.map-panel h2{font-size:22px}.map-caption{font-size:14px}.standalone-lookup{grid-template-columns:1fr;gap:30px}.footer-inner{align-items:flex-start;flex-direction:column;gap:12px}.footer-inner nav{gap:12px 20px}.page-intro{padding-top:36px}.article{padding-top:36px}h1{font-size:29px}}
@media(max-width:440px){.container{width:90%}.brand{font-size:21px}.theme-control{gap:5px}.theme-track{width:32px}.theme-control[aria-pressed=true] .theme-thumb{transform:translateX(12px)}.theme-control .icon{width:18px}.connection-details>div{grid-template-columns:85px 1fr;font-size:14px}.lookup-form{flex-wrap:wrap}.lookup-form input{width:100%;flex-basis:100%;font-size:15px}.lookup-form .button{width:100%}.button{font-size:15px}.map-shell{aspect-ratio:1.18}.map-placeholder{padding:18px}.map-placeholder h3{font-size:16px}.ip-address{letter-spacing:-2.5px}h2{font-size:22px}.probe-rows>div{grid-template-columns:68px 1fr;gap:12px}.article table{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
#stcm-wrapper{--fontFamily:Arial,Helvetica,sans-serif;--primaryColor:var(--blue);--backgroundColor:var(--bg);--textColor:var(--text);--iconColor:#fff;--iconBackgroundColor:var(--blue)}
#stcm-banner{width:440px;border:1px solid var(--line);border-radius:8px;padding:24px}
#stcm-wrapper .stcm-button-primary,#stcm-wrapper .stcm-button-secondary{background:var(--blue);color:#fff;border-color:var(--blue);font-size:14px;min-height:44px}
#stcm-wrapper .stcm-button-primary:hover,#stcm-wrapper .stcm-button-secondary:hover{background:var(--blue-hover);color:#fff;border-color:var(--blue-hover)}
#stcm-banner p{font-size:14px;line-height:1.6}#stcm-banner .stcm-preferences-button{font-size:14px}#stcm-wrapper #stcm-modal{border:1px solid var(--line)}
@media(min-width:1201px){.main-nav{margin-right:29%}.hero{padding-bottom:20px}.ip-address{margin-bottom:2px}.hero .map-panel{margin-top:-7px}}
#copy-ip{min-width:148px}.lookup-form{max-width:784px}.lookup-form>.button{min-width:128px}
/* The permanent footer button reopens consent without covering mobile content. */
#stcm-wrapper #stcm-icon{display:none!important}
@media(min-width:851px){.hero h1{font-size:34px}.lookup-section h2{font-size:26px}}
.map-legend{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:12px 0 0;padding:0;font-size:13px;color:var(--text)}.map-legend li{display:flex;align-items:center;gap:7px}.map-key{display:inline-block;width:11px;height:11px;border-radius:50%;flex-shrink:0}.ip-key{background:#1764d8;border:1px solid #1764d8}.device-key{background:var(--bg);border:3px solid #16804a}.device-comparison{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.device-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.device-actions .button{font-size:14px;white-space:normal;text-align:left}.device-actions .text-button,.demo-comparison .text-button{font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:3px;min-height:36px}.demo-comparison{margin-top:10px}.demo-comparison .microcopy{margin-top:0}.leaflet-tooltip.location-label{font:12px Arial,Helvetica,sans-serif;color:#0a1d3e;background:#fff;border:1px solid #ccd5e2;box-shadow:0 1px 4px #0002;padding:5px 8px}.leaflet-tooltip.device-label{border-color:#16804a}.device-comparison .form-message{font-size:13px}.device-comparison .microcopy{line-height:1.6}

/* Fit all 15 IPv4 characters to the column, not the whole viewport.
   Keep emergency wrapping for enlarged text; IPv6 retains its own sizing. */
.ip-address:not(.is-ipv6){font-size:clamp(2rem,4.3vw,4.5rem);letter-spacing:-.04em}
@media(max-width:850px){.ip-address:not(.is-ipv6){font-size:clamp(2rem,9vw,4.75rem)}}
@supports(font-size:1cqi){
  .ip-panel{container-type:inline-size}
  .ip-address:not(.is-ipv6){font-size:clamp(2rem,11cqi,5rem)}
}