.tool-page{padding-bottom:3rem}.tool-page .site-wrap{max-width:1140px}.tool-page-header .site-breadcrumb{padding-top:1.6rem;font-size:.8125rem}.tool-page-header h1{letter-spacing:-.055em;text-wrap:balance;overflow-wrap:break-word;max-width:25ch;margin:1.6rem 0 .8rem;font-size:clamp(2.2rem,3.8vw,3.6rem);font-weight:800;line-height:1.12}.tool-page-header>p{max-width:68ch;color:var(--muted);margin:0;font-size:1.0625rem;line-height:1.75}.tool-page .tool-workbench{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;overflow:visible}.tool-page .tool-ready{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);align-items:stretch;gap:0;display:grid}.tool-page .tool-intro{background:#fff;border-radius:12px 0 0 12px;min-width:0;padding:2.2rem}.tool-page .tool-intro h2{letter-spacing:-.03em;text-wrap:pretty;margin:0 0 .9rem;font-size:1.375rem;line-height:1.4}.tool-page .tool-intro p{color:var(--muted);max-width:64ch;margin:0;font-size:.9375rem;line-height:1.85}.tool-page .tool-stage{background:#e3eef1;border-radius:0 12px 12px 0;align-content:center;min-width:0;padding:2.2rem}.tool-page .tool-stage>form{margin:0}.tool-page .tool-stage>p{font-size:1rem}.tool-page .tool-note{max-width:96ch;color:var(--muted);background:0 0;grid-column:1/-1;border:0!important;margin:0!important;padding:1.35rem 0 0!important;font-size:.9375rem!important;line-height:1.85!important}.tool-page .tool-note a{color:var(--ink)}.tool-page .tool-controls{gap:1rem;margin:0 0 1.5rem}.tool-page .tool-controls>label{min-width:min(9rem,100%)}.tool-page label{font-size:.9375rem;line-height:1.6}.tool-page .tool-check{gap:12px}.tool-page .tool-workbench input:not([type=checkbox]),.tool-page .tool-workbench select,.tool-page .tool-workbench textarea{background:#fff;border-color:#899ba2;border-radius:6px;min-height:52px;margin:.6rem 0 0;padding:.8rem 1rem;font-size:1rem}.tool-page .tool-workbench textarea{min-height:9rem;line-height:1.65}.tool-page .tool-workbench [data-slot=button],.tool-page .tool-workbench .site-button{white-space:normal;overflow-wrap:anywhere;border-radius:6px;max-width:100%;min-height:50px;padding:.8rem 1.3rem;font-size:.9375rem;line-height:1.5}.tool-page .tool-workbench [data-slot=button]:hover,.tool-page .tool-workbench .site-button:hover{color:#fff;background:#314764}.tool-page .tool-workbench [data-variant=outline]{background:0 0;border-color:#879ba4}.tool-page .tool-workbench [data-variant=outline]:hover{color:var(--ink);background:#d5e5eb}.tool-page .tool-workbench [data-slot=button]:disabled{opacity:1;color:#53636e;background:#d9e0e3;border-color:#0000}.tool-page .tool-workbench :is(input,select,textarea,button,a):focus-visible{outline-offset:4px;outline:3px solid #096fd2}.tool-page .tool-workbench .tool-feedback{color:var(--ink);background:#fff;border-radius:6px;margin:1rem 0 0;padding:.8rem 1rem;font-size:.9375rem;line-height:1.75}.tool-page .tool-feedback:empty{display:none}.tool-page .tool-copy{color:var(--muted);gap:.7rem;font-size:.875rem}.tool-page .tool-workbench .tool-ip{letter-spacing:-.04em;overflow-wrap:anywhere;min-height:0;margin:0 0 1.8rem;padding:0;font-size:clamp(1.8rem,3.8vw,3.25rem);font-weight:750;line-height:1.25}.tool-page .tool-results{gap:1.3rem;margin:1.8rem 0 0;display:grid}.tool-page .tool-results>div{border:0;min-width:0;padding:0;display:block}.tool-page .tool-results dt{color:#526574;margin-bottom:.3rem;font-size:.8125rem;line-height:1.7}.tool-page .tool-results dd{color:var(--ink);font-size:1.125rem;font-weight:650;line-height:1.6}.tool-page .tool-results code{background:0 0;padding:0;font-size:1rem}.tool-page .tool-what-is-my-ip .tool-results{grid-template-columns:1fr 1fr;gap:1.3rem 2rem}.tool-page .tool-browser-info .tool-results{grid-template-columns:1fr 1fr;gap:1.5rem 2rem}.tool-page .tool-browser-info .tool-results>div:first-child{grid-column:1/-1}.tool-page .tool-browser-info .tool-results dd{font-size:1rem}.tool-page .tool-ipv6-test .tool-results>div{background:#fff;border-radius:6px;padding:1.1rem 1.2rem}.tool-page .tool-ipv6-test .tool-results code{margin-top:.5rem}.tool-page .tool-table{background:#fff;border-radius:6px;margin-top:1.5rem}.tool-page .tool-table table{border-collapse:collapse;width:100%;min-width:470px;font-size:.875rem;line-height:1.6}.tool-page .tool-table th,.tool-page .tool-table td{vertical-align:top;border:0;padding:.9rem 1rem}.tool-page .tool-table th{background:#cfdfe4;font-size:.8125rem}.tool-page .tool-table tr:nth-child(2n){background:#f4f7f7}.tool-page .tool-table code{font:inherit;overflow-wrap:anywhere}.tool-page .tool-addresses{gap:.8rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.tool-page .tool-addresses code{background:#fff;border-radius:6px;padding:.8rem 1rem;font-size:1.125rem;display:block}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-ready{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-intro{border-radius:12px 0 0;grid-area:1/1;padding-bottom:1.3rem}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage{display:contents}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form{background:#fff;border-radius:0 0 0 12px;grid-area:2/1;padding:0 2.2rem 2.2rem}.tool-page .tool-result-panel{background:var(--ink);color:#fff;border-radius:0 12px 12px 0;flex-direction:column;grid-area:1/2/span 2;justify-content:center;gap:1rem;min-width:0;padding:2.2rem;display:flex}.tool-page .tool-result-panel .tool-output-label{color:#fff;margin:0}.tool-page .tool-result-panel .tool-output-label+textarea{color:#fff;resize:vertical;background:#2a3c54;border-color:#728496;min-height:9rem;margin:0;font-size:1.125rem}.tool-page .tool-result-panel textarea::placeholder{color:#c8d5e1}.tool-page .tool-result-panel .tool-copy{color:#d5e3ee}.tool-page .tool-result-panel [data-variant=outline]{color:#fff;background:0 0;border-color:#91a5b7}.tool-page .tool-result-panel [data-variant=outline]:hover{color:#fff;background:#435b76}.tool-page .tool-result-panel [data-variant=outline]:disabled{color:#b7c7d3;background:#32465e;border-color:#60758b}.tool-page .tool-result-panel .tool-feedback{color:#fff;background:#314861;margin:0}.tool-page .tool-result-panel :is(textarea,button):focus-visible{outline-color:#92d3ff}.tool-page .tool-url-cleaner .tool-stage>form>button{margin-top:1rem}.tool-page-reading{padding:2.2rem 0 0}.tool-page-reading .editorial-body{max-width:76ch;font-size:1rem;line-height:1.85}.tool-page-reading .editorial-body h2{margin:0 0 1rem;font-size:1.6rem}.tool-page-reading .editorial-body p{margin-bottom:1rem}.tool-page-reading .editorial-body>p:first-child{font-size:1rem}.tool-page-reading a{color:var(--ink)}.tool-page-related{padding-top:2.5rem;padding-bottom:2rem}.tool-page-related h2{letter-spacing:-.035em;margin:0 0 1.2rem;font-size:1.5rem}.tool-page-related>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.tool-page-related>div:has(>a:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.tool-page-related a{overflow-wrap:anywhere;background:#e9eeec;border-radius:8px;min-width:0;padding:1.4rem 1.5rem;text-decoration:none;transition:background .15s}.tool-page-related a:hover{background:#dce7eb}.tool-page-related h3{justify-content:space-between;align-items:start;gap:1rem;margin:0 0 .6rem;font-size:1rem;line-height:1.5;display:flex}.tool-page-related h3 span{flex:none}.tool-page-related p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.75}@media (max-width:900px){.tool-page .tool-intro,.tool-page .tool-stage,.tool-page .tool-result-panel{padding:1.6rem}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form{padding:0 1.6rem 1.6rem}.tool-page .tool-ready{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}}@media (max-width:700px){.tool-page .site-wrap{width:calc(100% - 36px)}.tool-page-header{padding-bottom:1.5rem}.tool-page-header h1{max-width:100%;margin:1.2rem 0 .8rem;font-size:2.2rem}.tool-page-header>p{font-size:1rem}.tool-page-header .site-breadcrumb{gap:7px;font-size:.75rem}.tool-page .tool-ready,.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-ready{display:block}.tool-page .tool-intro,[dir=rtl] .tool-page .tool-intro,[dir=rtl] .tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-intro{border-radius:10px 10px 0 0;padding:1.4rem 1.3rem}.tool-page .tool-intro h2{font-size:1.25rem}.tool-page .tool-intro p{font-size:.9375rem}.tool-page .tool-stage,[dir=rtl] .tool-page .tool-stage,.tool-page .tool-result-panel,[dir=rtl] .tool-page .tool-result-panel{border-radius:0 0 10px 10px;padding:1.4rem 1.3rem}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form,[dir=rtl] .tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form{border-radius:0;padding:0 1.3rem 1.4rem}.tool-page .tool-controls{grid-template-columns:1fr;gap:1rem;display:grid}.tool-page .tool-controls label{min-width:0}.tool-page .tool-stage>form>[data-slot=button]{width:100%}.tool-page .tool-workbench .tool-ip{font-size:clamp(1.6rem,7vw,2.4rem)}.tool-page .tool-what-is-my-ip .tool-results,.tool-page .tool-browser-info .tool-results{grid-template-columns:1fr}.tool-page .tool-workbench .tool-note{padding-top:1.2rem!important;font-size:.875rem!important}.tool-page .tool-result-panel .tool-output-label+textarea{min-height:8rem}:is(.tool-page-related>div,.tool-page-related>div:has(>a:nth-child(3))){grid-template-columns:minmax(0,1fr)}.tool-page-related a{overflow-wrap:anywhere;min-width:0;padding:1.2rem 1.3rem}.tool-page .tool-copy{align-items:start}.tool-page .tool-stage>.site-button{width:100%}}@media (prefers-reduced-motion:reduce){.tool-page *{scroll-behavior:auto;transition:none!important}}.tool-page-reading p>a:only-child{max-width:100%;min-height:44px;padding-block:8px;display:inline-block}.tool-heading-grid{grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:40px;padding-top:12px;display:grid}.tool-heading-grid>div{min-width:0}.tool-page-header h1{text-wrap:pretty;max-width:25ch;margin:16px 0 18px;font-size:clamp(2.3rem,3.9vw,3.6rem)}.tool-heading-grid p{color:var(--muted);max-width:60ch;margin:0;font-size:1.125rem;line-height:1.75}.tool-heading-art .craft-art{max-height:190px}.tool-page-header{padding-bottom:32px}.tool-page .tool-intro{border-radius:20px 0 0 20px;padding:40px}.tool-page .tool-stage{background:#dfecf0;border-radius:0 20px 20px 0;padding:40px}.tool-page .tool-intro h2{margin-bottom:18px;font-size:1.45rem;line-height:1.35}.tool-page .tool-intro p{font-size:1rem;line-height:1.8}.tool-page .tool-workbench [data-slot=button],.tool-page .tool-workbench .site-button{border-radius:999px;min-height:52px;padding:14px 24px;font-size:1rem}.tool-page .tool-workbench :is(input:not([type=checkbox]),select,textarea){border-radius:10px}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-intro{border-radius:20px 0 0;padding:40px 40px 24px}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form{border-radius:0 0 0 20px;padding:0 40px 40px}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form>button{width:100%}.tool-page .tool-result-panel{border-radius:0 20px 20px 0;gap:22px;padding:40px}.tool-page .tool-result-panel .tool-output-label{color:#d3e0e9;font-size:.9375rem}.tool-page .tool-result-panel .tool-output-label+textarea{background:0 0;border:1px solid #738396;min-height:150px;padding:20px;font-size:1.25rem;line-height:1.65}.tool-page .tool-password-generator .tool-result-panel[data-has-result=true] textarea{letter-spacing:.015em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.75rem;line-height:1.55}.tool-page .tool-result-panel .tool-copy{flex-wrap:wrap;gap:12px;display:flex}.tool-page .tool-result-panel .tool-copy>button{color:#202d42;background:#f3f4ef;border:0;min-width:130px}.tool-page .tool-result-panel .tool-copy>button:hover{color:#202d42;background:#dfecf0}.tool-page .tool-result-panel .tool-copy>button:disabled{color:#bdcbd5;background:#38485e}.tool-page .tool-result-panel .tool-feedback{color:#d3e0e9;background:0 0;padding:0;font-size:.875rem}.tool-page .tool-stage .tool-ip{letter-spacing:-.04em;font-size:clamp(1.8rem,3.9vw,3.4rem)}.tool-page .tool-results dt{font-size:.875rem}.tool-page .tool-results dd{font-size:1.125rem}.tool-page .tool-note{max-width:100ch;font-size:.9375rem!important;line-height:1.8!important}.tool-page-related a{background:#fff;border-radius:16px;padding:26px}.tool-page-related h3{font-size:1.125rem}.tool-page-related p{font-size:1rem;line-height:1.75}[dir=rtl] .tool-page .tool-intro{border-radius:0 20px 20px 0}[dir=rtl] .tool-page .tool-stage,[dir=rtl] .tool-page .tool-result-panel{border-radius:20px 0 0 20px}[dir=rtl] .tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-intro{border-radius:0 20px 0 0}[dir=rtl] .tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form{border-radius:0 0 20px}@media (max-width:900px){.tool-heading-grid{grid-template-columns:minmax(0,1fr) 160px;gap:24px}.tool-page .tool-intro,.tool-page .tool-stage,.tool-page .tool-result-panel{padding:28px}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-intro{padding:28px 28px 22px}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form{padding:0 28px 28px}}@media (max-width:700px){.tool-heading-grid{padding:0;display:block;position:relative}.tool-heading-art{pointer-events:none;inset-inline-end:0;width:80px;position:absolute;top:-54px}.tool-page-header .site-breadcrumb{align-content:start;min-height:72px;padding-inline-end:80px}.tool-page-header h1{max-width:none;margin:18px 0;font-size:2.2rem}.tool-heading-grid p{font-size:1.0625rem}.tool-page .tool-intro,[dir=rtl] .tool-page .tool-intro,.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-intro,[dir=rtl] .tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-intro{border-radius:16px 16px 0 0;padding:26px 24px}.tool-page .tool-stage,[dir=rtl] .tool-page .tool-stage,.tool-page .tool-result-panel,[dir=rtl] .tool-page .tool-result-panel{border-radius:0 0 16px 16px;padding:26px 24px}.tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form,[dir=rtl] .tool-page :is(.tool-password-generator,.tool-url-cleaner) .tool-stage>form{border-radius:0;padding:0 24px 26px}.tool-page .tool-intro h2{font-size:1.3rem}.tool-page .tool-intro p{font-size:1rem}.tool-page .tool-result-panel .tool-output-label+textarea{min-height:140px;padding:16px;font-size:1.125rem}.tool-page .tool-password-generator .tool-result-panel[data-has-result=true] textarea{font-size:1.3rem}.tool-page .tool-result-panel .tool-copy>button{width:100%}}.tool-page :is(.tool-what-is-my-ip,.tool-dns-leak-test) .tool-ready{display:block}.tool-ip-readout{background:#dfecf0;border-radius:20px;overflow:hidden}.tool-ip-primary{background:var(--ink);color:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 32px;padding:36px 40px;display:grid}.tool-ip-primary>div{min-width:0}.tool-ip-primary h2{letter-spacing:0;color:#d3e0e9;margin:0 0 14px;font-size:1rem;font-weight:500;line-height:1.5}.tool-page .tool-ip-primary .tool-ip{font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere;text-align:start;margin:0;font-size:clamp(2.2rem,4.2vw,4.5rem);line-height:1.15}.tool-page .tool-ip-primary .tool-ip[data-ipv6=true]{font-size:clamp(1.7rem,3vw,2.75rem)}.tool-ip-primary .tool-actions{flex-wrap:wrap;justify-content:end;align-items:start;gap:12px;display:flex}.tool-page .tool-ip-primary [data-slot=button]{color:#202d42;background:#f4f5f0;border:0}.tool-page .tool-ip-primary [data-slot=button]:hover{color:#202d42;background:#dfecf0}.tool-page .tool-ip-primary .tool-actions>[data-slot=button]{color:#fff;background:0 0;box-shadow:inset 0 0 0 1px #94a2b3}.tool-page .tool-ip-primary [data-slot=button]:is(:disabled,[aria-disabled=true]){color:#becbd8;box-shadow:none;background:#38485e}.tool-page .tool-ip-primary [data-slot=button]:focus-visible{outline-color:#b7e5ff}.tool-page .tool-ip-primary .tool-copy{color:#e1e8ef;flex-direction:column;align-items:start;max-width:240px;display:flex}.tool-page .tool-ip-primary .tool-feedback{color:#d3e0e9;background:0 0;grid-column:1/-1;margin:0;padding:0}.tool-ip-context{padding:28px 40px 32px}.tool-page .tool-ip-context .tool-results{gap:24px 40px;margin:0}.tool-page .tool-ip-context dd{font-size:1.25rem}.tool-ip-provider{color:var(--ink);min-height:36px;margin-top:16px;padding:8px 0;font-size:.8125rem;display:inline-block}.tool-ip-previous{overflow-wrap:anywhere;margin:16px 0 0;font-size:.9375rem;line-height:1.8}.tool-page .tool-workbench .tool-ip-method{color:var(--muted);max-width:100ch;margin:24px 0 0;font-size:.9375rem;line-height:1.8}.tool-page .tool-what-is-my-ip .tool-note{padding-top:10px!important}.tool-dns-handoff{background:#dfecf0;border-radius:20px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;padding:40px;display:grid}.tool-dns-handoff h2{letter-spacing:-.035em;margin:0 0 18px;font-size:1.7rem;line-height:1.3}.tool-dns-handoff p{color:#425668;margin:0;font-size:1rem;line-height:1.8}.tool-dns-action .site-button{margin-top:24px;display:inline-flex}.tool-dns-steps{gap:28px;margin:0;padding:0;list-style:none;display:grid}.tool-dns-steps li{min-width:0}.tool-dns-steps h3{letter-spacing:-.025em;margin:0 0 10px;font-size:1.125rem;line-height:1.5}@media (max-width:900px){.tool-ip-primary{grid-template-columns:1fr}.tool-ip-primary .tool-actions{justify-content:start}.tool-dns-handoff{gap:32px}}@media (max-width:700px){.tool-ip-readout{border-radius:16px}.tool-ip-primary{gap:24px;padding:28px 24px}.tool-ip-context{padding:24px}.tool-page .tool-ip-primary .tool-ip{font-size:clamp(1.7rem,7.5vw,2.7rem)}.tool-page .tool-ip-context .tool-results{grid-template-columns:1fr}.tool-ip-primary .tool-actions{gap:12px}.tool-ip-primary .tool-actions>*,.tool-page .tool-ip-primary .tool-copy{max-width:100%}.tool-page .tool-ip-primary [data-slot=button]{min-width:100px;max-width:100%}.tool-dns-handoff{border-radius:16px;grid-template-columns:1fr;gap:32px;padding:28px 24px}.tool-dns-handoff h2{font-size:1.5rem}.tool-dns-action .site-button{width:100%}}.tool-guide-links{grid-template-columns:minmax(150px,.65fr) minmax(0,2fr);gap:clamp(24px,5vw,80px);padding-block:42px 30px;display:grid}.tool-guide-links>h2{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:750;line-height:1.35}.tool-guide-links>div{grid-template-columns:1fr 1fr;gap:32px;display:grid}.tool-guide-links a{color:#202d42;min-width:0;padding-bottom:18px;text-decoration:none;display:block}.tool-guide-links h3{overflow-wrap:anywhere;justify-content:space-between;gap:20px;margin:0 0 14px;font-size:1.125rem;font-weight:700;line-height:1.45;display:flex}.tool-guide-links h3 span{flex:none}.tool-guide-links p{color:#526678;margin:0;font-size:1rem;line-height:1.75}.tool-guide-links a:hover h3{text-underline-offset:5px;text-decoration:underline}.tool-guide-links a:focus-visible{outline-offset:7px;border-radius:3px;outline:3px solid #17677a}@media (max-width:760px){.tool-guide-links{grid-template-columns:1fr;gap:25px;padding-top:32px}.tool-guide-links>div{grid-template-columns:1fr;gap:22px}.tool-guide-links a{padding-bottom:0}}.tool-page{container:tool-layout/inline-size}.tool-guide-links{grid-template-columns:minmax(0,.65fr) minmax(0,2fr)}.tool-guide-links>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-guide-links :is(h2,p){overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@container tool-layout (max-width:62rem){.tool-guide-links{grid-template-columns:minmax(0,1fr);gap:24px}}@container tool-layout (max-width:48rem){.tool-guide-links>div{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:760px){.tool-guide-links>div{grid-template-columns:minmax(0,1fr)}}