.dns-page{max-width:1180px}.dns-page-head{margin-bottom:22px}.dns-check-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.dns-field{flex:1;min-width:260px}.dns-type-field{flex:0 1 180px;min-width:160px}.dns-submit{min-height:48px}.dns-actions{margin-bottom:20px}.dns-output .card,.dns-output .summary,.dns-output .loading{background:var(--pl-card,#fff);border:1px solid var(--pl-line,#d9e0f2);border-radius:16px;padding:22px;margin:16px 0}.dns-output h2{font-size:21px;margin:0 0 16px}.dns-output .summary{display:flex;gap:48px}.dns-output .summary span,.dns-output small{display:block;color:var(--pl-muted,#6b7280);font-size:13px}.dns-output .summary strong{font-size:24px}.dns-output .table-wrap{overflow:auto}.dns-output table{border-collapse:collapse;width:100%;min-width:720px}.dns-output th,.dns-output td{text-align:left;padding:13px;border-bottom:1px solid var(--pl-line,#d9e0f2);vertical-align:top}.dns-output th{color:var(--pl-muted,#6b7280);font-size:13px}.dns-output .badge{display:inline-block;border-radius:99px;padding:4px 9px;font-size:12px;font-weight:700;background:#e8edf8}.dns-output .badge.ok{color:#16875a}.dns-output .badge.nodata,.dns-output .badge.info{color:#667085}.dns-output .badge.warning,.dns-output .badge.different{color:#a15c00}.dns-output .badge.error,.dns-output .badge.nxdomain,.dns-output .badge.servfail,.dns-output .badge.timeout{color:#c4334b}.dns-output .good{color:#16875a}.dns-output .warn{color:#a15c00}.dns-output .error{color:#c4334b}.dns-output .chain{padding-left:22px}.dns-output .chain li{padding:7px 0}.dns-output .diagnostics{padding-left:0;list-style:none}.dns-output .diagnostics li{padding:9px 0}.dns-output .dns-group{padding:0;overflow:hidden}.dns-output .dns-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;cursor:pointer}.dns-output .dns-group summary::-webkit-details-marker{display:none}.dns-output .dns-group summary i{display:inline-block;font-style:normal;color:var(--pl-muted,#6b7280);transition:transform .18s}.dns-output .dns-group[open] summary i{transform:rotate(180deg)}.dns-output .dns-group[open] summary{border-bottom:1px solid var(--pl-line,#d9e0f2)}.dns-output .group-content{padding:0 22px 22px}@media(max-width:620px){.dns-check-form>*{width:100%}.dns-summary{gap:22px;flex-wrap:wrap}.dns-output .card{padding:16px}.dns-type-field{flex-basis:100%}}

.dns-actions{display:flex;align-items:stretch;gap:10px;margin:0 0 20px}.dns-actions .pl-btn{height:48px;box-sizing:border-box;margin:0;white-space:nowrap}

.dns-guide{margin-top:34px;padding:28px;border:1px solid var(--pl-line,#d9e0f2);border-radius:18px;background:var(--pl-card,#fff)}.dns-guide>h2{margin:0 0 10px}.dns-guide>p{margin:0}.dns-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px;margin-top:22px}.dns-guide-grid article{padding:16px;border:1px solid #e0e6f2;border-radius:12px;background:#f9fbff}.dns-guide-grid h3{margin:0 0 7px;font-size:17px;color:#224cae}.dns-guide-grid p{margin:0;color:var(--pl-muted,#5e6b82);line-height:1.5;font-size:14px}@media(max-width:620px){.dns-guide{padding:18px}.dns-guide-grid{grid-template-columns:1fr}}