.whois-form input[name="domain"]{width:100%;min-height:48px;padding:10px 12px;border:1px solid #aaa;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:#222}
.whois-form input:focus-visible{outline:3px solid #0f8eff;outline-offset:2px}
.whois-domain{overflow-wrap:anywhere;margin:24px 0;font-size:20px;color:#005bac}.whois-domain span{font-size:14px;color:#555}
.whois-kv{margin:24px 0}.whois-kv>div{display:grid;grid-template-columns:180px minmax(0,1fr);border-bottom:1px solid #e5e5e5;padding:14px 0;gap:16px}.whois-kv dt{font-weight:600}.whois-kv dd{margin:0;overflow-wrap:anywhere}.whois-line{display:block}.whois-line+.whois-line{margin-top:6px}
.whois-raw{margin:24px 0}.whois-raw summary{cursor:pointer;min-height:44px;padding:12px;border:1px solid #ccd4de;border-radius:8px;color:#005bac;font-weight:600}.whois-raw pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;color:#222;border-radius:8px;padding:16px;font-size:13px;line-height:1.7;max-height:520px;overflow-y:auto}
.whois-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}.whois-actions .cta-btn{display:inline-flex;text-align:center;justify-content:center;min-height:48px;align-items:center;max-width:100%;line-height:1.6;background:#005bac}.whois-guide>section{margin-bottom:32px}.whois-result>h2{line-height:1.5}.whois-result p{line-height:1.8}.whois-guide{overflow-wrap:anywhere}
@media(max-width:600px){.whois-kv>div{grid-template-columns:1fr;gap:6px}.whois-actions{align-items:stretch}.whois-actions>a:last-child{font-size:14px}.whois-raw pre{padding:12px}.whois-domain{font-size:18px}}
.whois-form .field{min-width:0;flex:1}.whois-form button{white-space:normal;height:auto;min-height:48px}
@media(max-width:600px){.whois-form{flex-direction:column;align-items:stretch}.whois-form button{width:100%}}
/* Wider than 600px: the button shares the input's grid row, so the hint under the input no longer pushes it down. Without display:contents the current flex layout stays. */
@supports(display:contents){@media not all and (max-width:600px){.whois-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .75rem;align-items:stretch}.whois-form .field{display:contents}.whois-form label{grid-area:1/1}.whois-form input[name="domain"]{grid-area:2/1}.whois-form .input-hint{grid-area:3/1}.whois-form button{grid-area:2/2}}}