:root{color-scheme:light;--ink:#17243b;--muted:#64748b;--line:#e2e7ef;--paper:#f7f9fc;--blue:#2563eb;--blue-hover:#1d4ed8;--blue-soft:#eef4ff;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;padding:0 32px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:6px;background:var(--blue);color:#fff;font:700 13px/1 var(--mono);letter-spacing:-1px}.brand-divider{color:#aab4c4;font-weight:400}.brand small{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.2px;margin-left:3px}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-size:13px;color:#526079;font-weight:550;padding:22px 0 20px;border-bottom:2px solid transparent}.main-nav a[aria-current=page]{color:var(--blue);border-color:var(--blue)}.main-nav a:hover{color:var(--blue);text-decoration:none}.main-nav .extension-link{border:1px solid var(--line);padding:6px 12px;border-radius:5px;color:#34445e}
main{max-width:1440px;margin:auto;padding:32px}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px}.tool-sidebar{padding-top:6px}.sidebar-label{color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;margin:0 12px 10px}.tool-link{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#526079;font-size:13px;border-radius:5px;margin-bottom:3px;line-height:1.4}.tool-link.selected{background:#eaf0fc;color:var(--blue);font-weight:650}.tool-link:hover{background:#edf1f7;text-decoration:none}.nav-icon{font-size:18px;line-height:1;width:18px;text-align:center}.sidebar-group{margin-top:30px}.sidebar-extension{position:relative;display:flex;flex-direction:column;margin-top:46px;padding:16px 13px;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);line-height:1.6}.sidebar-extension strong{font-size:12px;margin-top:10px}.sidebar-extension>span:last-child{font-size:11px;color:var(--muted);margin-top:3px}.extension-mark{font-size:18px;color:var(--blue)}.sidebar-footnote{font-size:11px;color:#64748b;margin:20px 12px}.sidebar-footnote a{color:inherit}
.tool-content{min-width:0}.breadcrumb{display:flex;align-items:center;gap:10px;color:#64748b;font-size:11px;margin-bottom:14px}.breadcrumb a{color:#64748b}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-heading h1{font-size:25px;letter-spacing:-.75px;line-height:1.25;margin:0 0 6px;font-weight:650}.page-heading p{font-size:13px;color:var(--muted);margin:0}.quiet-label{font-size:11px;color:#8390a3;white-space:nowrap}
.ip-overview{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;margin:0 0 22px;border:1px solid #d8e2f3;border-top:3px solid var(--blue);border-radius:7px;background:#fff}.overline{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#64748b;margin:0}.ip-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap}#public-ip{font:600 clamp(23px,2.7vw,38px)/1.4 var(--mono);letter-spacing:-1.3px;margin:7px 0;overflow-wrap:anywhere;min-width:0}.family-badge{color:var(--blue);background:var(--blue-soft);font:600 10px/1.4 var(--mono);border:1px solid #d9e6ff;border-radius:4px;padding:3px 6px;white-space:nowrap}.connection-note{font-size:11px;color:var(--muted);margin:0}.ip-controls{flex-shrink:0;text-align:right}.actions{display:flex;align-items:center;gap:8px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 13px;border:1px solid transparent;border-radius:5px;font-size:12px;font-weight:600;white-space:nowrap;min-height:36px}.primary-button{background:var(--blue);color:#fff;border-color:var(--blue)}.primary-button:hover{background:var(--blue-hover)}.secondary-button{background:#fff;color:#526079;border-color:#d5dce7}.secondary-button:hover{background:#f5f7fa;color:var(--ink)}.actions button span{font-size:15px;line-height:1}#status{min-height:18px;margin:9px 0 0;font-size:10px;color:#64748b;max-width:250px}
.content-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:start}.report-panel{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;min-width:0;scroll-margin-top:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}h2{font-size:15px;font-weight:650;line-height:1.4;letter-spacing:-.2px;margin:0}.source-label{font-size:10px;color:#64748b}.data-table{margin:0;padding:6px 18px 0}.data-table>div{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5;align-items:start}.data-table>div:last-child{border-bottom:0}dt{font-size:12px;color:#64748b}dd{margin:0;color:#263953;font-size:13px;overflow-wrap:anywhere;min-width:0}.data-table dd.mono{font-family:var(--mono);font-size:12px}.data-table .muted-value{color:#94a0b2}.panel-note{padding:12px 18px;margin:0;color:#64748b;font-size:11px;line-height:1.6}.user-agent{margin:0 18px 12px;border-top:1px solid var(--line);padding-top:10px}.user-agent summary{cursor:pointer;font-size:11px;color:#64748b}.user-agent p{font:10px/1.7 var(--mono);overflow-wrap:anywhere;color:#64748b;background:#f7f9fc;padding:10px;border-radius:4px;margin:8px 0 0}
.lookup-panel{margin-top:22px}.lookup-body{padding:16px 18px 0}.lookup-body>p:first-child{margin:0 0 15px;font-size:12px;color:var(--muted)}label{display:block;font-size:11px;font-weight:600;color:#53637c;margin-bottom:6px}.fields{display:flex;gap:9px;max-width:740px}input{background:#fff;border:1px solid #ccd5e3;border-radius:5px;color:var(--ink);font:12px/1.5 var(--mono);padding:9px 12px;width:100%;min-width:0}input::placeholder{font-family:var(--sans);color:#99a5b8}input:focus{border-color:var(--blue);outline:2px solid #e6eeff}.small{font-size:11px;color:#64748b}.lookup-body .small{margin:9px 0}.lookup-status{font-size:11px;color:#64748b;margin:10px 0;min-height:0}.lookup-status:empty{display:none}.lookup-result:empty{display:none}.lookup-result{padding-bottom:10px;max-width:850px}.lookup-result>div{grid-template-columns:180px minmax(0,1fr)}.lookup-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;border-top:1px solid #edf0f5;background:#fbfcfe;font-size:10px}.lookup-foot a{color:#7184a4}
.learn-section{margin:26px 0 4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.section-heading h2{font-size:14px}.section-heading>a{font-size:11px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-link{display:block;position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:17px 36px 17px 18px;color:var(--ink)}.guide-link:hover{border-color:#b4c9ef;text-decoration:none}.guide-link h3{font-size:13px;font-weight:600;margin:6px 0 5px;line-height:1.5}.guide-link p{font-size:11px;color:#64748b;margin:0}.guide-link .overline{font-size:9px;letter-spacing:.7px;color:#7c8ba4}.guide-arrow{position:absolute;top:15px;right:17px;color:#8396b5;font-size:16px}
.site-footer{max-width:1376px;border-top:1px solid var(--line);margin:0 auto;padding:20px 0 24px;display:flex;justify-content:space-between;gap:24px;color:#8a97aa;font-size:10px}.footer-links{display:flex;align-items:center;gap:16px}.site-footer a{color:#71819b}
main.reading-layout{max-width:1140px;padding:36px 32px 64px}.reading-layout>.eyebrow{font-size:10px;font-weight:650;letter-spacing:1px;text-transform:uppercase;color:var(--blue);margin:0 0 10px}.reading-layout h1{font-size:32px;letter-spacing:-.9px;line-height:1.25;margin:0 0 14px}.lead{font-size:15px;color:var(--muted);max-width:700px;margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{display:block;background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px;color:var(--ink)}.card:hover{text-decoration:none;border-color:#b4c9ef}.card .eyebrow{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#7b8aa3}.card h2{font-size:18px;margin:10px 0}.card p{font-size:13px;color:var(--muted);margin:0}.prose{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:30px 36px;margin:auto}.prose .breadcrumb{margin-bottom:20px}.prose h1{font-size:30px}.prose h2{font-size:20px;margin:28px 0 12px}.prose p,.prose li{font-size:14px;line-height:1.85;color:#4b5b73}.prose .meta{font-size:11px;color:#64748b;margin-bottom:24px}.prose aside{background:#f1f5fc;border-left:3px solid var(--blue);padding:15px 18px;font-size:13px;margin:20px 0}.sources{border-top:1px solid var(--line);margin-top:30px}.sources a{overflow-wrap:anywhere}
@media(min-width:1550px){.ip-overview{padding:28px}}
@media(max-width:1100px){.workspace{grid-template-columns:160px minmax(0,1fr);gap:24px}main{padding:26px 24px}.header-inner{padding:0 24px}.content-grid{grid-template-columns:1fr}.quiet-label{display:none}.site-footer{margin:0 24px}.ip-overview{padding:20px}.ip-controls{flex-shrink:1}.actions{flex-wrap:wrap;justify-content:flex-end}#public-ip{font-size:30px}.data-table>div{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:760px){html{scroll-padding-top:20px}.header-inner{min-height:58px;padding:0 18px;gap:12px}.brand{font-size:17px;gap:7px}.brand small,.brand-divider,.main-nav .extension-link{display:none}.brand-mark{width:25px;height:25px;font-size:11px}.main-nav{gap:16px}.main-nav a{font-size:11px;padding:19px 0 17px}.main-nav a:first-child{display:none}main{padding:22px 18px}.workspace{display:block}.tool-sidebar{display:none}.breadcrumb{margin-bottom:12px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px;max-width:320px}.ip-overview{display:block;padding:18px 18px 15px;margin-bottom:18px}.ip-line{gap:10px}#public-ip{font-size:clamp(21px,7vw,32px);letter-spacing:-.9px}.connection-note{font-size:10px}.ip-controls{margin-top:16px;display:flex;align-items:center;gap:12px;text-align:left;flex-wrap:wrap}.actions{justify-content:flex-start}.primary-button,.secondary-button{min-height:38px;padding:8px 12px}#status{margin:0;font-size:10px}.content-grid{gap:18px}.panel-heading{padding:13px 15px}.data-table{padding:4px 15px 0}.data-table>div{grid-template-columns:112px minmax(0,1fr);gap:10px;padding:10px 0}.panel-note{padding:11px 15px}.user-agent{margin:0 15px 12px}.lookup-panel{margin-top:18px}.lookup-body{padding:15px 15px 0}.fields{flex-direction:column}.fields button{align-self:flex-start}.fields input{font-size:13px;padding:11px 12px}.lookup-foot{align-items:flex-start;flex-direction:column;gap:5px;padding:11px 15px}.lookup-result>div{grid-template-columns:112px minmax(0,1fr)}.guide-grid,.cards{grid-template-columns:1fr;gap:12px}.section-heading{align-items:baseline}.section-heading h2{font-size:13px}.section-heading>a{font-size:10px;white-space:nowrap}.learn-section{margin-top:23px}.site-footer{margin:0 18px;padding:18px 0 22px;flex-direction:column;gap:8px;font-size:9px}.footer-links{gap:12px;flex-wrap:wrap}.prose{padding:22px 20px}.prose h1,.reading-layout h1{font-size:26px}.prose h2{font-size:19px}main.reading-layout{padding:26px 18px 40px}.prose .meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}