/* WhatAnIP public stylesheet — consolidated 2026-09-18. Admin is separate. */
/* site */
:root{color-scheme:light;--bg:#fff;--surface:#fff;--soft:#f8f7fc;--ink:#242334;--muted:#777484;--line:#eae7f0;--purple:#7653c6;--lavender:#f0eafa;--shadow:0 16px 60px #5742800c}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #aa8be5;outline-offset:5px}
a:hover{color:var(--purple)}
.wrap{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}
.header{background:var(--surface);border-bottom:1px solid var(--line)}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.brand>span:not(.brand-icon){color:var(--purple)}
.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:12px;color:white;background:linear-gradient(135deg,#a589df,#7550c6);margin-right:10px}
.brand-icon svg{width:24px;height:24px}
.brand-dot{font-size:32px}
.header nav{display:flex;gap:29px;font-weight:550;font-size:13px;color:var(--muted)}
.header-actions{display:flex;align-items:center;gap:16px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border:0;border-radius:10px;background:linear-gradient(120deg,#9874d7,#7552c7);color:white;font-size:13px;font-weight:650;box-shadow:0 4px 10px #7955c51a;white-space:nowrap}
.button:hover{color:white;filter:brightness(.94)}
.button:disabled{opacity:.5;cursor:default}
.button.small{padding:10px 16px}
.button svg{width:16px;height:16px}
.theme{background:var(--soft);color:var(--muted);width:35px;height:35px;border:1px solid var(--line);border-radius:50%;font-size:21px}
.hero{padding:57px 0 15px;background:radial-gradient(ellipse at 16% 0%,#ede4fb 0%,transparent 48%),radial-gradient(ellipse at 92% 5%,#efeafa 0%,transparent 50%)}
.eyebrow{display:table;margin:0 auto 18px;padding:6px 13px;border:1px solid #e5ddf1;border-radius:30px;background:var(--surface);color:var(--muted);font-size:11px;letter-spacing:.15px}
.status-dot{display:inline-block;width:7px;height:7px;background:#42b599;border-radius:50%;margin-right:6px;box-shadow:0 0 0 3px #42b59916}
h1{font-size:clamp(32px,4.5vw,52px);line-height:1.2;letter-spacing:-2.2px;text-align:center;margin:0 0 16px;font-weight:750}
h1 span{color:var(--purple)}
.hero-description{margin:0 auto 31px;text-align:center;color:var(--muted);font-size:15px;line-height:1.8}
.ip-panel{max-width:100%;margin:auto;border:1px solid #ddd1f0;border-radius:19px;background:var(--surface);box-shadow:var(--shadow),0 0 0 5px #9874d708;overflow:hidden}
.panel-top{display:flex;align-items:center;justify-content:space-between;padding:25px 30px 0;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}
.badge{color:var(--purple);background:var(--lavender);border:1px solid #b6a0d833;border-radius:6px;padding:3px 10px;letter-spacing:.3px}
.ip-row{padding:6px 30px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}
.ip-address{font-size:clamp(26px,4vw,43px);font-weight:680;letter-spacing:-1.5px;margin:0;overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}
.location{padding:0 30px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:9px 0 24px}
.location svg{width:15px;height:15px;color:#9874d7}
.separator{padding:0 5px;color:#cdc7d7}
.details-grid{margin:0 30px 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding-top:18px;gap:20px 25px}
.details-grid dt{font-size:13px;color:var(--muted);margin-bottom:4px}
.details-grid dd{font-size:14px;font-weight:650;margin:0;overflow-wrap:anywhere}
.panel-bottom{background:var(--soft);padding:12px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
.panel-bottom svg{width:13px;height:13px;margin-right:5px}
.panel-bottom a{white-space:nowrap;color:var(--purple)}
.hero-note{display:flex;justify-content:center;gap:27px;font-size:10px;color:var(--muted);margin:21px 0 0}
.section{padding-top:55px;padding-bottom:54px}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}
.kicker{font-size:9px;letter-spacing:1.6px;color:var(--purple);font-weight:750}
h2{font-size:27px;letter-spacing:-.9px;line-height:1.3;margin:7px 0 0}
.section-heading p{color:var(--muted);font-size:12px;margin:0 0 3px}
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lookup-section{margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-top:27px;padding-bottom:27px;position:relative}
.lookup-section:before{content:"";position:absolute;inset:0 28px;background:var(--soft);border:1px solid var(--line);border-radius:14px;z-index:-1}
.lookup-section>div{padding-left:28px}
.lookup-section h2{font-size:23px}
.lookup-section p{font-size:11px;color:var(--muted);margin-bottom:0}
.lookup-section form{padding-right:28px}
.lookup-section label{display:block;font-size:10px;margin-bottom:7px;color:var(--muted)}
.input-group{display:flex;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:8px}
.input-group input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);padding:7px 10px;font-size:12px}
.input-group .button{padding:10px 15px}
.learn{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;padding-top:64px;padding-bottom:65px}
.learn h2{font-size:34px}
.learn-intro p{font-size:13px;color:var(--muted);line-height:1.9}
.orbit{margin-top:26px;display:flex;align-items:center;gap:11px;font-size:10px;color:var(--purple)}
.orbit svg{width:36px;height:36px;stroke-width:1}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq details:first-child{padding-top:0}
.faq summary{font-size:13px;font-weight:650;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.faq summary:after{content:"+";font-size:18px;font-weight:400;color:var(--muted)}
.faq details[open] summary:after{content:"−"}
.faq summary::-webkit-details-marker{display:none}
.faq p{font-size:12px;color:var(--muted);line-height:1.9;margin:11px 25px 0 0;overflow-wrap:anywhere}
.about{display:flex;align-items:center;gap:15px;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--line)}
.about h2{font-size:17px;margin:0}
.about p{font-size:11px;color:var(--muted);margin:5px 0 0}
.about>a{margin-left:auto;color:var(--purple);font-size:11px;display:flex;align-items:center;gap:10px}
footer{background:var(--soft);border-top:1px solid var(--line);margin-top:25px}
.footer-grid{padding-top:44px;padding-bottom:35px;display:grid;grid-template-columns:1.7fr 1fr 1.3fr 1fr;gap:30px}
.footer-brand p{color:var(--muted);font-size:12px;margin:12px 0}
.footer-tag{color:var(--purple);font-size:10px}
.footer-grid h3{font-size:11px;margin:7px 0 16px}
.footer-grid>div>a:not(.brand){display:block;font-size:11px;color:var(--muted);margin-bottom:10px}
.footer-grid>div>a:hover{color:var(--purple)}
.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;padding-bottom:22px;font-size:9px;color:var(--muted)}
.notice,.error{color:#986326!important;font-size:12px;margin:10px 30px}
.feedback:empty{display:none}
.feedback{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--ink);color:var(--bg);border-radius:10px;box-shadow:var(--shadow);z-index:10;max-width:90vw}
.skip{position:absolute;top:-100px;left:12px;z-index:20;background:var(--surface);padding:12px}
.skip:focus{top:12px}
[hidden]{display:none!important}
html[data-theme=dark]{color-scheme:dark;--bg:#181621;--surface:#221f2d;--soft:#1e1b29;--ink:#eee9f7;--muted:#b0a8bf;--line:#35303f;--purple:#bc9bf2;--lavender:#362b4c;--shadow:0 16px 60px #0002}
html[data-theme=dark] .hero{background:radial-gradient(ellipse at 20% 0%,#322544,transparent 60%)}
@media(min-width:1500px){.hero{padding-top:70px}
}
@media(max-width:1000px){.header nav{gap:16px}
.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.learn{gap:45px}
.header-inner{gap:15px}
.brand{font-size:22px}
.header nav{font-size:11px}
}
@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}
.header-inner{height:auto;min-height:75px;flex-wrap:wrap;padding-top:16px;padding-bottom:13px;gap:16px}
.header nav{order:3;width:100%;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}
.header-actions{gap:10px}
.header-actions .button{font-size:11px;padding:9px 12px}
.brand{font-size:22px}
.brand-icon{width:31px;height:31px}
.hero{padding-top:34px}
h1{letter-spacing:-1.4px}
.hero-description{font-size:12px}
.eyebrow{font-size:9px}
.panel-top{padding:20px 19px 0}
.ip-row{padding:10px 19px 0;flex-wrap:wrap;gap:14px}
.ip-address{font-size:30px}
.copy{padding:9px 13px;font-size:11px}
.location{padding:0 19px;font-size:10px;margin-top:15px}
.details-grid{margin-left:19px;margin-right:19px;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.panel-bottom{padding:12px 19px;flex-wrap:wrap;font-size:11px}
.hero-note{font-size:8px;gap:12px;flex-wrap:wrap}
.section{padding-top:39px;padding-bottom:36px}
.section-heading{align-items:start;gap:12px}
.section-heading p{display:none}
h2{font-size:24px}
.tool-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
.lookup-section{grid-template-columns:1fr;gap:20px;padding-top:25px;padding-bottom:25px}
.lookup-section:before{inset:0 20px}
.lookup-section>div{padding:0 20px}
.lookup-section form{padding:0 20px}
.input-group .button{font-size:11px;padding:10px}
.learn{grid-template-columns:1fr;gap:23px}
.learn h2{font-size:29px}
.orbit{display:none}
.about{align-items:flex-start;flex-wrap:wrap}
.about .brand-icon{display:none}
.about>a{margin-left:0}
.footer-grid{grid-template-columns:1fr 1fr;gap:23px;padding-top:30px}
.footer-brand{grid-column:1/-1}
.footer-bottom{gap:10px;flex-wrap:wrap}
.notice{margin:10px 19px}
.ip-panel{border-radius:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}
.premium-note{color:#805b28}



.lookup-section .error{text-align:left;margin-left:0}

.dns-hero{background:radial-gradient(ellipse at 50% 0%,#eee5fc 0%,var(--bg) 72%);padding:70px 0 48px;text-align:center}
.dns-inner{max-width:none}
.dns-hero h1{font-size:52px;letter-spacing:-2px;margin:14px 0 10px}
.dns-hero p{color:var(--muted);margin:0 0 30px;font-size:15px}
.dns-form{width:min(620px,50vw);margin:0 auto;text-align:left}
.dns-form label{display:block;font-size:12px;color:var(--muted);margin:0 0 8px}
.dns-form .input-group{padding:6px}
.dns-form .input-group input{font-size:14px;padding:12px}
.dns-form .button{padding:12px 20px}
.dns-results{max-width:1100px;margin:34px auto 70px;padding:28px 30px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 40px #61479d12}
.dns-result-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}
.dns-result-head h2{font-size:28px;margin-top:8px}
.dns-count{font-size:12px;color:var(--purple);background:var(--lavender);padding:7px 11px;border-radius:20px}
.dns-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.dns-record{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--soft)}
.dns-record h3{font-size:13px;color:var(--purple);margin:0 0 13px}
.dns-record ul{list-style:none;margin:0;padding:0}
.dns-record li{border-top:1px solid var(--line);padding:11px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dns-record li:first-child{border-top:0;padding-top:0}
.dns-record code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;flex:1}
.dns-record small{font-size:10px;color:var(--muted);background:var(--surface);padding:3px 6px;border-radius:4px}
.dns-none,.dns-empty{font-size:12px;color:var(--muted);margin:0}
.dns-message{max-width:760px;margin:28px auto;padding:16px 18px;border-radius:10px}
.dns-message.error{background:#fff0ee;border:1px solid #edc4bc;color:#843e30!important}
.dns-message+.dns-results{margin-top:0}

@media(max-width:700px){.dns-hero{padding:45px 0 32px}
.dns-hero h1{font-size:40px}
.dns-form{width:auto;margin:0 20px}
.dns-results{margin:25px 20px 50px;padding:22px 19px}
.dns-record-grid{grid-template-columns:1fr}
.dns-result-head{gap:12px;align-items:flex-start}
.dns-result-head h2{font-size:24px}
}



.lookup-section form .error{display:block!important;width:100%!important;margin:10px 0!important;text-align:left!important}


/* dns-tools */
/* Related tools, scoped to the DNS page. */
.dns-tools{padding-top:44px;padding-bottom:72px}

.dns-tools-heading{margin-bottom:26px}

.dns-tools-heading h2{margin:9px 0;font-size:30px;letter-spacing:-.8px;line-height:1.25}

.dns-tools-heading p{margin:0;color:var(--muted);font-size:15px}

.dns-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

.dns-results+.dns-tools{padding-top:0}

@media(max-width:1000px){.dns-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:540px){.dns-tools{padding-top:32px;padding-bottom:46px}
.dns-tools-grid{grid-template-columns:1fr}
.dns-tools-heading h2{font-size:26px}
}


/* reverse-dns */
.dns-hero .reverse-examples{margin:16px 0 0;font-size:13px}

.reverse-examples a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}

.reverse-message-wrap{padding-top:30px}

.reverse-message{border:1px solid #c9b7e8;border-radius:12px;background:var(--lavender);color:var(--purple);padding:20px 22px 21px}

.reverse-message strong{display:block;font-size:24px;line-height:1.3}

.reverse-message p{margin:9px 0 0;font-size:16px}

.reverse-results .dns-result-head h2{overflow-wrap:anywhere}

.reverse-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;margin-top:22px}

.reverse-table caption{text-align:left;font-size:15px;color:var(--muted);margin-bottom:18px}

.reverse-table th{font-size:13px;font-weight:550;color:var(--muted)}

.reverse-table th:first-child{width:10%}
.reverse-table th:nth-child(2){width:40%}
.reverse-table th:nth-child(3){width:23%}
.reverse-table th:last-child{width:27%}

.reverse-table th,.reverse-table td{padding:14px 10px;border-bottom:1px solid var(--line)}

.reverse-table th:first-child,.reverse-table td:first-child{padding-left:0}

.reverse-table code{font-size:16px;overflow-wrap:anywhere}
.reverse-table td:last-child{font-size:14px}

.reverse-ttl{display:block;font-size:15px;font-weight:550}
.reverse-ttl-seconds{display:block;margin-top:3px;font-size:12px;color:var(--muted)}

.reverse-fcrdns-label{white-space:nowrap}

.reverse-forward{display:inline-block;padding:5px 10px;border-radius:7px;font-size:13px;font-weight:600;line-height:1.5;background:var(--lavender);color:var(--purple)}

.reverse-forward--matched{background:#e9f5ee;color:#256348}
.reverse-forward--mismatch{background:#fff2e7;color:#854519}

.reverse-forward-help{margin:20px 0 0;font-size:13px;line-height:1.7;color:var(--muted);max-width:800px}

html[data-theme=dark] .reverse-forward--matched{background:#203d30;color:#a5e4c2}
html[data-theme=dark] .reverse-forward--mismatch{background:#452f20;color:#ffd0a6}

.reverse-query{margin:24px 0 0;font-size:13px;color:var(--muted)}

.reverse-query code{display:block;overflow-wrap:anywhere;margin-top:5px;font-size:13px;color:var(--ink)}

.reverse-empty{padding:18px 0}
.reverse-empty h3{font-size:20px;margin:0 0 8px}
.reverse-empty p{color:var(--muted);font-size:15px;margin:0}

.reverse-about{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding-top:44px;padding-bottom:72px}

.reverse-results+.reverse-about{padding-top:0}

.reverse-about h2{font-size:28px;line-height:1.3;letter-spacing:-.6px;margin:10px 0 14px}

.reverse-about p{font-size:15px;line-height:1.75;margin:0;color:var(--muted)}

.reverse-related{display:block;align-self:start;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}

.reverse-related h3{font-size:20px;margin:10px 0}
.reverse-related h3 span{float:right;color:var(--purple)}

.reverse-related:hover{border-color:var(--purple);color:var(--ink)}

@media(max-width:700px){.reverse-about{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:45px}
.reverse-results .dns-result-head h2{font-size:23px}
.reverse-table,.reverse-table tbody,.reverse-table tr{display:block}
.reverse-table caption{display:block}
.reverse-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.reverse-table tr{padding:10px 0;border-bottom:1px solid var(--line)}
.reverse-table td,.reverse-table td:first-child{display:grid;grid-template-columns:95px minmax(0,1fr);gap:2px 10px;align-items:start;padding:10px 0;border:0}
.reverse-table td::before{content:attr(data-label);color:var(--muted);font-size:12px}
.reverse-table td>*{justify-self:start}
.reverse-ttl-seconds{grid-column:2}
.reverse-table code{font-size:14px}
.reverse-message strong{font-size:21px}
}


/* rdap */
.dns-hero .rdap-examples{margin:16px 0 0;font-size:13px}
.rdap-examples a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}

.rdap-result-wrap{margin-top:34px;margin-bottom:60px}
.rdap-result{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 40px #61479d12;overflow:hidden}

.rdap-result-head{padding:26px 30px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:var(--soft);border-bottom:1px solid var(--line)}

.rdap-result-head>div{min-width:0}
.rdap-result-head h2{margin:8px 0 4px;font-size:28px;line-height:1.25;overflow-wrap:anywhere}
.rdap-handle{font:13px ui-monospace,Consolas,monospace;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}
.rdap-cache{font-size:12px;color:var(--muted)}

.rdap-badges,.rdap-statuses,.rdap-roles{display:flex;flex-wrap:wrap;gap:7px}
.rdap-badges{justify-content:flex-end;max-width:45%}

.rdap-badge{display:inline-block;padding:4px 9px;border-radius:7px;background:var(--lavender);color:var(--purple);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.rdap-badge-outline{background:var(--surface);border:1px solid var(--line);color:var(--muted)}

.rdap-section{padding:24px 30px;border-top:1px solid var(--line)}
.rdap-result-head+.rdap-section{border-top:0}

.rdap-fields{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px 24px;margin:0;font-size:15px}
.rdap-fields dt{color:var(--muted);font-size:13px}
.rdap-fields dd{margin:0;overflow-wrap:anywhere}
.rdap-fields code{font:14px ui-monospace,Consolas,monospace}
.rdap-block{display:block;margin-bottom:5px}
.rdap-fields small{display:block;font-size:12px;color:var(--muted);margin-top:5px}

.rdap-section h3{font-size:13px;color:var(--muted);font-weight:550;margin:0 0 16px;text-transform:uppercase;letter-spacing:.6px}

.rdap-contact{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin-bottom:9px;font-size:14px}
.rdap-contact-details{min-width:0;display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center}
.rdap-contact strong{font-weight:550;overflow-wrap:anywhere}
.rdap-contact a{color:var(--purple);overflow-wrap:anywhere}
.rdap-contact-abuse{background:#fff7f7;border-color:#f0d7da}
.rdap-contact-abuse .rdap-badge{background:#ffe8e8;color:#9b3948}
.rdap-muted{color:var(--muted);font-size:13px;line-height:1.7;margin:15px 0 0}

.rdap-source{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
.rdap-source a{color:var(--purple)}

.rdap-raw-section summary{cursor:pointer;color:var(--purple);font-size:14px}
.rdap-copy{margin-top:16px;padding:6px 12px;background:var(--surface);color:var(--purple);border:1px solid var(--line);border-radius:6px;font-size:12px}
#rdap-copy-status{margin-left:12px;font-size:12px;color:var(--muted)}
.rdap-raw-section pre{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:10px;max-height:380px;overflow:auto;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}

.rdap-message-wrap{margin-top:30px}
.rdap-message{padding:20px 22px 21px;border:1px solid #c9b7e8;border-radius:12px;background:var(--lavender);color:var(--purple)}
.rdap-message strong{display:block;font-size:24px;line-height:1.3}
.rdap-message p{font-size:16px;margin:10px 0 0}

.rdap-related{padding-top:35px;padding-bottom:70px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}
.rdap-related h2{font-size:28px;line-height:1.3;margin:12px 0}
.rdap-related p{font-size:15px;color:var(--muted);line-height:1.7}
.rdap-related-links{display:grid;gap:14px}
.rdap-related-links a{display:block;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.rdap-related-links strong{display:block;font-size:16px;margin-bottom:6px}
.rdap-related-links span{font-size:13px;color:var(--muted)}

html[data-theme=dark] .rdap-contact-abuse{background:#38232d;border-color:#62404d}
html[data-theme=dark] .rdap-contact-abuse .rdap-badge{background:#57313e;color:#ffb5c6}

@media(max-width:700px){.rdap-result-head{padding:22px 20px;flex-direction:column}
.rdap-badges{max-width:100%;justify-content:flex-start}
.rdap-section{padding:22px 20px}
.rdap-fields{grid-template-columns:1fr;gap:6px}
.rdap-fields dd{margin-bottom:12px}
.rdap-contact{flex-direction:column;gap:9px}
.rdap-contact-details{flex-direction:column;align-items:flex-start}
.rdap-related{grid-template-columns:1fr;gap:20px;padding-bottom:45px}
.rdap-message strong{font-size:21px}
.rdap-raw-section pre{padding:12px}
}


/* dns-health */
.dns-hero .health-example{margin:16px 0 0;font-size:13px}
.health-example a{color:var(--purple);text-decoration:underline}
.health-wrap{margin-top:34px;margin-bottom:50px}
.health-panel{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 40px #61479d12;overflow:hidden}
.health-head{padding:28px 30px;background:var(--soft);border-bottom:1px solid var(--line)}
.health-head h2{font-size:30px;overflow-wrap:anywhere}
.health-head p{color:var(--muted);font-size:12px;margin:12px 0}
.health-counts{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.health-badge{display:inline-block;font-size:12px;font-weight:600;padding:5px 10px;border-radius:7px;background:var(--lavender);color:var(--purple)}
.health-pass{background:#e8f4ee;color:#28664f}
.health-warning{background:#fff2de;color:#815117}
.health-unknown{background:var(--soft);color:var(--muted);border:1px solid var(--line)}
.health-scope{font-size:13px;color:var(--muted);padding:22px 30px;border-bottom:1px solid var(--line);line-height:1.7}
.health-check{padding:25px 30px;border-bottom:1px solid var(--line)}
.health-check:last-child{border-bottom:0}
.health-check-title{display:flex;justify-content:space-between;align-items:center;gap:15px}
.health-check h3{font-size:18px;margin:0}
.health-check p{font-size:15px;color:var(--muted);line-height:1.7;margin:12px 0 16px}
.health-check summary{cursor:pointer;font-size:13px;color:var(--purple)}
.health-records{margin-top:16px;display:grid;gap:12px}
.health-record{padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:10px;min-width:0}
.health-record>strong{margin-right:12px;font-size:12px;color:var(--purple)}
.health-record code{font:13px ui-monospace,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}
.health-record ul{list-style:none;margin:12px 0 0;padding:0}
.health-record li{display:flex;gap:16px;justify-content:space-between;align-items:start;border-top:1px solid var(--line);padding:10px 0}
.health-record li code{min-width:0}
.health-record small{font-size:11px;color:var(--muted);white-space:nowrap}
.health-record p{font-size:13px;margin-bottom:0}
.health-about{padding-top:36px;padding-bottom:65px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px}
.health-about h2{font-size:28px;margin:12px 0}
.health-about p{color:var(--muted);font-size:15px}
.health-links{display:grid;gap:12px}
.health-links a{padding:20px;border:1px solid var(--line);border-radius:12px;transition:transform .15s,border-color .15s}
.health-links a:hover{transform:translateY(-4px);border-color:#b59cde}
.health-links strong{display:block;font-size:16px}
.health-links span{font-size:13px;color:var(--muted)}
.health-notice{padding:20px 22px 21px;background:var(--lavender);border:1px solid #c9b7e8;border-radius:12px;color:var(--purple)}
.health-notice strong{font-size:24px}
.health-notice p{font-size:16px;margin-bottom:0}
html[data-theme=dark] .health-pass{background:#203d33;color:#9cdbbf}
html[data-theme=dark] .health-warning{background:#493720;color:#f3d097}
@media(max-width:700px){.health-head,.health-scope,.health-check{padding:22px 20px}
.health-check-title{align-items:flex-start;flex-direction:column;gap:10px}
.health-head h2{font-size:26px}
.health-about{grid-template-columns:1fr;gap:25px}
.health-record li{flex-direction:column;gap:5px}
.health-notice strong{font-size:21px}
.dns-health-page .dns-hero h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.health-links a{transition:none}
.health-links a:hover{transform:none}
}


/* footer */
/* Footer text: 2px larger than the original desktop/mobile sizes. */
footer{font-size:16px}

footer .brand{font-size:27px}

footer .brand-dot{font-size:34px}

footer .footer-brand p{font-size:14px}

footer .footer-tag{font-size:12px}

footer .footer-grid h3{font-size:13px}

footer .footer-grid>div>a:not(.brand){font-size:13px}

footer .footer-bottom{font-size:11px}

@media(max-width:1000px){footer .brand{font-size:24px}
}


/* site-refinements */
/* Inset dividers align with the content inside .wrap, at every screen width. */
.wrap.footer-bottom,.wrap.about{position:relative;border-top:0!important}

.wrap.footer-bottom::before,.wrap.about::before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:var(--line);pointer-events:none}

html[data-theme=dark] .eyebrow,html[data-theme=dark] .ip-panel{border-color:var(--line)!important}

html[data-theme=dark] .ip-panel{box-shadow:var(--shadow)}

@media(max-width:700px){.wrap.footer-bottom::before,.wrap.about::before{left:20px;right:20px}
}



/* Homepage text +2px. Keep the IP address and Copy IP button unchanged. */
#ip-details .panel-top{font-size:12px}

#ip-details .location{font-size:14px}

#ip-details .details-grid dt{font-size:15px}

#ip-details .details-grid dd{font-size:16px}

#ip-details .panel-bottom{font-size:14px}

.hero .hero-note{font-size:12px}

.hero .eyebrow{font-size:13px}

@media(max-width:700px){
  #ip-details .location{font-size:12px}

  #ip-details .panel-bottom{font-size:13px}

  .hero .hero-note{font-size:10px}

  .hero .eyebrow{font-size:11px}

}


/* SHARED CATEGORY CARDS — change these variables for every category card. */
:root{--card-title-size:17px;--card-text-size:14px;--card-padding-y:50px;--card-padding-x:22px;--card-radius:12px;--card-hover-border:#b59cde;--card-lift:-4px}

.category-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:var(--card-padding-y) var(--card-padding-x);min-width:0;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface);transition:transform .15s,border-color .15s}

.category-card:hover{transform:translateY(var(--card-lift));border-color:var(--card-hover-border)}

a.category-card:hover{color:var(--purple)}

.category-card:focus-visible{outline:3px solid var(--purple);outline-offset:4px}

.category-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--lavender);color:var(--purple);margin:0;flex-shrink:0}

.category-icon svg{width:21px;height:21px}

.category-card:nth-child(3n+2) .category-icon{background:#eaf2fc;color:#6285b8}

.category-card:nth-child(3n) .category-icon{background:#e8f4f0;color:#4b947f}

.category-card>:is(strong,h3){font-size:var(--card-title-size);font-weight:650;line-height:1.4;margin:0}

.category-card>:is(.tool-description,p){font-size:var(--card-text-size);line-height:1.65;color:var(--muted);margin:0}

.pending .tool-description{border-radius:4px;background:var(--soft);padding:0 5px}

.dns-tool-status{margin-top:auto;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:550;background:var(--lavender);color:var(--purple)}

html[data-theme=dark] .category-card .category-icon{background:var(--lavender);color:var(--purple)}

@media(max-width:700px){:root{--card-title-size:16px;--card-padding-x:8px}
}

@media(prefers-reduced-motion:reduce){.category-card{transition:none}
.category-card:hover{transform:none}
}

/* Shared quota/service notices, including the latest homepage text sizes. */
.limit-notice{margin:14px 30px 20px;padding:16px 18px;border:1px solid #c9b7e8;border-radius:10px;background:#f0eafa;color:#5a3a8c;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:15.84px;line-height:1.5}

.limit-notice strong{display:block;width:100%;color:#4b2f7c;font-size:24px}

.limit-notice span{display:block}
.limit-notice span b{font-variant-numeric:tabular-nums}

.limit-notice small{display:block;width:100%;font-size:13.2px;color:#7653a6}

.limit-notice .premium-note{width:100%;font-weight:700;margin-top:10px;display:block;color:#6c481a}

#ip-details .limit-notice{font-size:17.84px}
#ip-details .limit-notice strong{font-size:26px}
#ip-details .limit-notice small{font-size:15.2px}

/* DNS propagation layout; shared cards and typography remain above. */
.propagation-input select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;max-width:90px}
.propagation-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:28px 30px}
.propagation-resolver{border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}
.propagation-resolver h3{margin:0 0 12px;font-size:19px}.propagation-resolver p{font-size:14px;color:var(--muted)}
.propagation-record{padding:14px 0;border-top:1px solid var(--line);margin-top:14px}.propagation-record code{display:block;font:14px ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.propagation-record small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
@media(max-width:700px){.propagation-results{grid-template-columns:1fr;padding:20px}.propagation-input{flex-wrap:wrap}.propagation-input input{flex:1;min-width:120px}.propagation-input .button{width:100%}}

/* Blacklist Check */
.dns-hero .tool-allowance{margin:20px 0 0;text-align:center;color:var(--muted);font-size:12px}.blacklist-notice{margin:20px 0 0}.health-head .listed{color:#9b3d38}.health-head .clear{color:#267660}.blacklist-sources{padding:22px 30px;border-top:1px solid var(--line)}.blacklist-sources h3{margin:0 0 14px;font-size:16px}.blacklist-sources ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}.blacklist-sources li{display:flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:13px}.blacklist-sources li span{color:var(--muted);font-size:12px}