.page-dns .dns-page{width:min(100%,1080px);margin:0 auto}.page-dns .dns-page__hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);grid-gap:clamp(1.5rem,4vw,4rem);gap:clamp(1.5rem,4vw,4rem);align-items:start}.page-dns .dns-page__hero-copy{display:grid;grid-gap:var(--space-8);gap:var(--space-8);padding-top:var(--space-3)}.page-dns .dns-highlights{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.page-dns .dns-highlight{display:grid;grid-template-columns:2.4rem minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:start}.page-dns .dns-highlight h2{margin-bottom:var(--space-1);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold)}.page-dns .dns-highlight p{color:var(--text-muted);font-size:var(--text-sm)}.page-dns .dns-highlight__marker{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-strong);font-family:var(--font-mono);font-size:.68rem;font-weight:var(--weight-semibold)}.page-dns .dns-lookup-shell{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.page-dns .dns-lookup{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:end;padding:clamp(1.25rem,1rem + .8vw,2rem)}.page-dns .dns-lookup__heading{display:grid;grid-column:1/-1;grid-gap:var(--space-2);gap:var(--space-2)}.page-dns .dns-lookup__heading .eyebrow{margin-bottom:var(--space-2)}.page-dns .dns-lookup__heading h2{font-size:var(--text-xl)}.page-dns .dns-lookup__heading p{color:var(--text-muted);font-size:var(--text-sm)}.page-dns .dns-lookup__field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.page-dns .dns-lookup__note{grid-column:1/-1;padding-top:var(--space-3);border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:var(--text-xs)}.page-dns .dns-lookup-aside{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(110deg,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent 58%),var(--surface-elevated)}.page-dns .dns-lookup-aside strong{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.page-dns .dns-lookup-aside p{color:var(--text-muted);font-size:var(--text-sm)}.page-dns .dns-lookup-aside__meta,.page-dns .dns-lookup-aside__topline{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.page-dns .dns-lookup-aside__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--success-bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--success-bg) 16%,transparent)}.page-dns .dns-lookup-aside__meta{justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border-soft);color:var(--text-placeholder);font-size:.62rem}.page-dns .dns-alert{margin-top:var(--space-4);padding:.9rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--error-border);background:color-mix(in srgb,var(--error-bg) 18%,transparent);color:var(--error-text);font-size:var(--text-sm)}.page-dns .dns-alert[data-tone=warning]{border-color:var(--warning-border);background:color-mix(in srgb,var(--warning-bg) 18%,transparent);color:var(--warning-text)}.page-dns .dns-results{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.page-dns .dns-results__status{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.page-dns .dns-results__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-dns .dns-results__stats{display:flex;gap:var(--space-2);flex-wrap:wrap}.page-dns .dns-record-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.page-dns .dns-host-results{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.page-dns .dns-host-result{display:grid;grid-gap:var(--space-5);gap:var(--space-5);padding:clamp(1rem,.8rem + .7vw,1.5rem)}.page-dns .dns-host-result__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-dns .dns-host-result__header h3{margin-top:var(--space-1);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-medium);overflow-wrap:anywhere}.page-dns .dns-host-result__eyebrow{color:var(--accent-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.page-dns .dns-record-groups--loading .dns-record-group{min-height:11rem}.page-dns .dns-skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--surface-soft) 20%,color-mix(in srgb,var(--text-muted) 14%,var(--surface-soft)) 40%,var(--surface-soft) 60%);background-size:200% 100%;animation:dns-skeleton-shimmer 1.4s ease-in-out infinite}.page-dns .dns-skeleton--heading{width:34%;height:1.5rem}.page-dns .dns-skeleton--line{width:100%;height:2.8rem}.page-dns .dns-skeleton--short{width:78%}.page-dns .dns-record-group{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5);min-width:0}.page-dns .dns-record-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-dns .dns-record-group__header h4{margin-top:var(--space-1);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-normal)}.page-dns .dns-record-group__type{color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:.04em}.page-dns .dns-record,.page-dns .dns-record-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.page-dns .dns-record{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-soft);min-width:0}.page-dns .dns-record code{display:block;overflow-wrap:anywhere;color:var(--text-primary);font-size:var(--text-xs);line-height:1.6}.page-dns .dns-record__meta{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;overflow-wrap:anywhere}.page-dns .dns-record-group__empty{color:var(--text-muted);font-size:var(--text-sm)}.page-dns .dns-record-group__copy{justify-self:start;padding:0;background:transparent;color:var(--accent-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:var(--transition-fast)}.page-dns .dns-record-group__copy:hover{color:var(--text-primary)}.page-dns .dns-status[data-tone=success]{border-color:var(--success-border);color:var(--success-text)}.page-dns .dns-results__timestamp{color:var(--text-muted);font-size:var(--text-xs)}@media(max-width:760px){.page-dns .dns-page__hero-grid{grid-template-columns:1fr}.page-dns .dns-page__hero-copy{padding-top:0}.page-dns .dns-lookup{grid-template-columns:1fr}.page-dns .dns-lookup .ui-button,.page-dns .dns-results__toolbar .ui-button{width:100%}.page-dns .dns-record-groups{grid-template-columns:1fr}}@media(max-width:480px){.page-dns .dns-lookup,.page-dns .dns-record-group{padding:var(--space-4)}.page-dns .dns-host-result__header,.page-dns .dns-record-group__header{flex-direction:column}.page-dns .dns-lookup-aside__meta{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.page-dns .dns-skeleton{animation:none}}@keyframes dns-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}