/* QuickHostFix tools: isolated, dependency-free workbench. */
.tools-container{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.tools-heading{padding-top:58px;padding-bottom:33px;position:relative}
.tools-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#2463eb;font-size:12px;font-weight:650;letter-spacing:1.1px}
.tools-eyebrow::before{content:"";width:18px;height:3px;background:currentColor;border-radius:2px}
.tools-heading h1{font-size:clamp(30px,3.3vw,43px);line-height:1.4;letter-spacing:-1px;margin:17px 0 14px}
.tools-heading>p{max-width:760px;font-size:16px;line-height:1.9;color:#52677e}
.tools-heading-note{display:flex;align-items:center;gap:8px;color:#6a7d92;font-size:12px;margin-top:21px}
.tools-live-dot{width:6px;height:6px;border-radius:50%;background:#278376;flex-shrink:0}
.tools-mobile-break{display:none}
.tools-workbench{border:1px solid #dce5f1;border-radius:19px;box-shadow:0 16px 44px -29px #153e7947;background:#fff;overflow:hidden}
.tools-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f7f9fd;border-bottom:1px solid #e1e8f1;padding:10px 12px 0;gap:7px}
.tools-tab{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;border:1px solid transparent;border-bottom:3px solid transparent;background:transparent;padding:18px 11px 19px;min-width:0;border-radius:10px 10px 0 0;color:#64758b;font-weight:600;font-size:15px;line-height:1.4}
.tools-tab small{display:block;font-size:11px;line-height:1.6;letter-spacing:.1px;margin-top:5px;color:#7a8ba0;font-weight:400}
.tools-tab-symbol{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf0f8;font-size:24px;line-height:1;font-weight:400;flex-shrink:0}
.tools-tab[aria-selected=true]{background:#fff;color:#2463eb;border-color:#e1e8f1;border-bottom-color:#2463eb}
.tools-tab[aria-selected=true] .tools-tab-symbol{background:#edf4ff}
.tools-tab:hover{color:#2463eb;background:#f0f5fd}
.tools-tab[aria-selected=true]:hover{background:#fff}
.tools-panel{padding:32px 34px 0}
.tools-panel:focus{outline:none}
.tools-panel:focus-visible{outline:3px solid #85adff;outline-offset:-5px}
.tools-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}
.tools-panel-head h2{font-size:23px;line-height:1.5;letter-spacing:-.3px;margin:0 0 7px}
.tools-panel-head p{font-size:14px;color:#64758b;line-height:1.8}
.tools-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#267866;background:#eef8f4;border:1px solid #d3ebe1;border-radius:25px;padding:4px 10px;font-size:11px;line-height:1.5;margin-top:4px}
.tools-badge::before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}
.tools-badge-muted{color:#5c7089;background:#f5f7fa;border-color:#e3e8ef}
.tools-form{display:grid;grid-template-columns:minmax(0,1fr) 215px auto;gap:13px;align-items:end}
.tools-form-simple{grid-template-columns:minmax(0,1fr) auto}
.tools-form label{display:block;margin-bottom:8px;font-size:12px;font-weight:650;color:#344f6d}
.tools-form input,.tools-form select{width:100%;height:49px;border:1px solid #cfdbea;background:#fff;border-radius:8px;color:#203c5c;padding:11px 13px;font-size:14px;line-height:1.4}
.tools-form input:hover,.tools-form select:hover{border-color:#9ab5d8}
.tools-form input[aria-invalid=true]{border-color:#c2414b}
.tools-form select{padding-right:24px;appearance:auto}
.tools-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border-radius:8px;padding:12px 19px;font-size:14px;line-height:1.5;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.tools-button-primary{background:#2463eb;border-color:#2463eb;color:#fff;box-shadow:0 4px 8px -5px #2463eb}
.tools-button-primary:hover{background:#174bc0;border-color:#174bc0}
.tools-button-secondary{background:#fff;border-color:#ced9e7;color:#1f416a}
.tools-button-secondary:hover{color:#2463eb;border-color:#7fa8ed}
.tools-button:disabled{opacity:.6;cursor:wait}
.tools-input-help{font-size:11px;color:#718298;margin-top:10px;line-height:1.7}
.tools-status{min-height:22px;font-size:12px;color:#526d8d;margin:12px 0 5px;line-height:1.8;overflow-wrap:anywhere}
.tools-status[data-state=error]{color:#a63c46}
.tools-status[data-state=success]{color:#22755d}
.tools-status[data-state=loading]::before{content:"";display:inline-block;width:10px;height:10px;border:2px solid #d3e2fc;border-top-color:#2463eb;border-radius:50%;margin-right:8px;vertical-align:-2px;animation:tools-turn .9s linear infinite}
.tools-result{min-height:230px;border:1px solid #e3eaf3;background:#fbfcff;border-radius:12px;overflow:hidden}
.tools-empty{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px 22px;color:#697f99}
.tools-empty-mark{color:#4a78b7;background:#eff4fc;border:1px solid #dae5f5;border-radius:9px;min-width:66px;height:39px;display:flex;align-items:center;justify-content:center;gap:10px;font:600 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;margin-bottom:14px;padding:0 12px}
.tools-empty-mark span{font-size:9px;color:#94add0}
.tools-empty h3{font-size:15px;color:#49637f;margin-bottom:7px}
.tools-empty p{font-size:12px;line-height:1.8;max-width:580px;color:#7d8ea3}
.tools-record-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:20px;font-size:10px;color:#5479ab;letter-spacing:.3px}
.tools-record-legend b{font-weight:400;color:#8b99aa;margin-left:3px}
.tools-bottom-note{display:flex;justify-content:space-between;gap:12px 25px;align-items:flex-start;padding:19px 0 22px;font-size:11px;color:#7a899d;line-height:1.8}
.tools-bottom-note>div{display:flex;gap:15px;flex-wrap:wrap}
.tools-bottom-note a{color:#5177a9;white-space:nowrap}
.tools-bottom-note a:hover,.tools-inline-link:hover{text-decoration:underline;text-underline-offset:4px}
.tools-result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e2eaf5;padding:17px 18px;background:#f1f6fd}
.tools-result-heading h3{font-size:15px;overflow-wrap:anywhere}
.tools-result-heading>span{font-size:11px;white-space:nowrap;color:#66809d}
.tools-result-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:#73859b;padding:14px 18px;border-bottom:1px solid #e5ebf3;line-height:1.7}
.tools-result-meta a{color:#4674b1;text-decoration:underline;text-underline-offset:3px}
.tools-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;background:#fff}
.tools-table th{font-weight:500;color:#7d8ea2;background:#fafcff;text-align:left;padding:12px 18px;border-bottom:1px solid #e6edf5}
.tools-table td{padding:14px 18px;border-bottom:1px solid #edf1f6;color:#405975;overflow-wrap:anywhere;vertical-align:top;line-height:1.8}
.tools-table tr:last-child td{border-bottom:0}
.tools-table th:nth-child(1){width:24%}.tools-table th:nth-child(2){width:15%}.tools-table th:nth-child(3){width:15%}.tools-table th:nth-child(4){width:46%}
.tools-table td:last-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#234f87}
.tools-no-data{padding:30px 22px;color:#74869c;font-size:13px;line-height:1.9}
.tools-raw{border-top:1px solid #e6edf5;background:#fafcff}
.tools-raw summary{padding:12px 18px;color:#6782a0;font-size:11px;cursor:pointer}
.tools-raw pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;color:#526b89;line-height:1.7;padding:0 18px 17px;margin:0;max-height:260px;overflow:auto}
.tools-ip-entries{padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.tools-query-entry{border:1px solid #dbe5f2;background:#fff;border-radius:11px;padding:21px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.tools-query-entry h4{font-size:17px;color:#294e7c}
.tools-query-entry p{font-size:12px;color:#778aa2;margin-bottom:9px;line-height:1.8}
.tools-query-entry a{margin-top:auto;color:#2463eb;font-size:12px;font-weight:600;padding:6px 0}
.tools-query-entry a:hover{text-decoration:underline;text-underline-offset:4px}
.tools-ping-help{display:flex;justify-content:space-between;gap:15px;align-items:center}
.tools-cancel{padding:3px 8px;border:1px solid #cdd9e9;background:#fff;color:#526e91;font-size:11px;white-space:nowrap}
.tools-probes{padding:16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tools-probe{border:1px solid #dfe7f3;border-radius:10px;background:#fff;overflow:hidden;min-width:0}
.tools-probe-head{padding:15px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.tools-probe-head h4{font-size:13px;overflow-wrap:anywhere;line-height:1.7}
.tools-probe-head p{font-size:10px;color:#7a8ea8;overflow-wrap:anywhere;line-height:1.7;margin-top:4px}
.tools-probe-status{font-size:9px;padding:2px 6px;color:#667d96;background:#f1f5fa;border-radius:4px;white-space:nowrap;margin-top:2px}
.tools-probe-status[data-state=finished]{color:#257a63;background:#edf7f2}
.tools-probe-stats{display:flex;border-top:1px solid #edf1f7;padding:14px 16px 11px;gap:20px;flex-wrap:wrap}
.tools-probe-stats>div{flex:1;min-width:70px}
.tools-probe-stats small{font-size:10px;color:#7f90a6;display:block;margin-bottom:3px}
.tools-probe-stats strong{font-size:23px;line-height:1.5;letter-spacing:-.6px;color:#2d588e;font-weight:600}
.tools-probe-stats strong span{font-size:10px;color:#7188a6;letter-spacing:0;margin-left:3px}
.tools-probe-note{padding:0 16px 14px;font-size:10px;color:#8090a5;overflow-wrap:anywhere;line-height:1.8}
.tools-directory{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-bottom:5px}
.tools-directory-card{display:flex;gap:17px;border:1px solid #dde6f2;border-radius:12px;padding:23px;background:#fcfdff;min-width:0}
.tools-directory-card:hover{border-color:#8fb4ec;box-shadow:0 7px 21px -15px #28569842;background:#fff}
.tools-directory-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #dce8fa;background:#eff5ff;border-radius:9px;color:#668abc;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}
.tools-directory-card>div{flex:1;min-width:0}.tools-directory-card h3{font-size:16px;line-height:1.7;color:#305783}
.tools-directory-card h3 span{float:right;color:#87a4c8;font-size:17px}
.tools-directory-card p{font-size:12px;line-height:1.8;margin-top:7px;color:#73879f}.tools-directory-card small{display:block;color:#8b9cb0;font-size:10px;margin-top:16px}
.tools-next{margin-top:35px;margin-bottom:55px;padding:26px 30px;border-radius:14px;background:#f3f7fd;border:1px solid #e1eaf6;display:flex;justify-content:space-between;gap:28px;align-items:center}
.tools-next .tools-eyebrow{font-size:10px;letter-spacing:.5px}.tools-next h2{font-size:19px;line-height:1.8;margin:9px 0 4px}.tools-next p{font-size:12px;color:#70849c;line-height:1.9}
.tools-next-actions{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.tools-next-actions .tools-button{font-size:12px;min-height:43px;padding:10px 16px}
.tools-inline-link{font-size:12px;color:#537bab;padding:3px}
.tools-noscript{padding:20px;color:#526e91;font-size:13px}.tools-noscript a{text-decoration:underline}
@keyframes tools-turn{to{transform:rotate(360deg)}}
@media(max-width:900px){.tools-tab{gap:8px}.tools-tab-symbol{width:31px;height:31px;font-size:21px}.tools-panel{padding:26px 23px 0}.tools-form{grid-template-columns:minmax(0,1fr) 195px}.tools-form>.tools-button{grid-column:1/-1}.tools-form-simple{grid-template-columns:minmax(0,1fr) auto}.tools-form-simple>.tools-button{grid-column:auto}.tools-next{align-items:flex-start}.tools-next h2{font-size:17px}.tools-bottom-note{flex-wrap:wrap}.tools-directory-card{padding:18px;gap:12px}}
@media(max-width:600px){.tools-container{width:calc(100% - 32px)}.tools-heading{padding-top:34px;padding-bottom:25px}.tools-heading h1{font-size:30px;letter-spacing:-.6px;margin-top:14px}.tools-heading>p{font-size:13px}.tools-heading-note{font-size:10px;margin-top:15px}.tools-mobile-break{display:block}.tools-eyebrow{font-size:10px}.tools-workbench{border-radius:14px}.tools-tabs{gap:2px;padding:6px 6px 0}.tools-tab{padding:12px 3px 11px;flex-direction:column;gap:6px;font-size:11px;text-align:center;border-radius:7px 7px 0 0}.tools-tab small{display:none}.tools-tab-symbol{font-size:20px;width:31px;height:31px;border-radius:8px}.tools-panel{padding:22px 17px 0}.tools-panel-head{gap:9px;margin-bottom:20px}.tools-panel-head h2{font-size:18px}.tools-panel-head p{font-size:12px}.tools-badge{font-size:9px;padding:3px 7px}.tools-form,.tools-form-simple{grid-template-columns:1fr;gap:12px}.tools-form>.tools-button,.tools-form-simple>.tools-button{grid-column:auto}.tools-form label{font-size:11px;margin-bottom:6px}.tools-form input,.tools-form select{height:47px;font-size:13px}.tools-button{min-height:47px;font-size:13px}.tools-input-help{font-size:10px}.tools-status{font-size:11px;margin-top:10px}.tools-result{min-height:220px}.tools-empty{min-height:220px;padding:25px 14px}.tools-empty h3{font-size:14px}.tools-empty p{font-size:11px}.tools-record-legend{font-size:9px;gap:7px 11px}.tools-bottom-note{font-size:10px;padding:15px 0 18px;gap:9px}.tools-result-heading{padding:13px 12px;gap:8px}.tools-result-heading h3{font-size:12px}.tools-result-heading>span{font-size:9px}.tools-result-meta{padding:10px 12px;font-size:9px;gap:5px 12px}.tools-table thead{display:none}.tools-table,.tools-table tbody,.tools-table tr,.tools-table td{display:block;width:100%}.tools-table tr{padding:11px 12px;border-bottom:1px solid #e3eaf4}.tools-table tr:last-child{border:0}.tools-table td{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:3px 0;border:0;font-size:11px}.tools-table td::before{content:attr(data-label);font-family:inherit;font-size:10px;color:#8b9bae}.tools-table td:last-child{font-size:10px}.tools-ip-entries{grid-template-columns:1fr;padding:13px;gap:11px}.tools-query-entry{padding:17px;gap:6px}.tools-query-entry h4{font-size:15px}.tools-query-entry p{font-size:11px;margin-bottom:3px}.tools-directory{grid-template-columns:1fr;gap:12px}.tools-directory-card{padding:18px;gap:13px}.tools-directory-card h3{font-size:14px}.tools-directory-card p{font-size:11px}.tools-directory-card small{font-size:9px;margin-top:10px}.tools-next{flex-direction:column;margin-top:23px;margin-bottom:34px;padding:23px 20px;gap:19px}.tools-next h2{font-size:17px}.tools-next p{font-size:11px}.tools-next-actions{align-items:stretch;width:100%;text-align:center}.tools-ping-help{align-items:flex-start}.tools-probes{padding:12px;grid-template-columns:1fr}.tools-raw summary{font-size:10px}.tools-raw pre{font-size:9px}.tools-no-data{padding:23px 15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.tools-status[data-state=loading]::before{animation:none}.tools-button,.tools-tab,.tools-directory-card{transition:none}}
/* Keep the explanatory heading readable at small phone widths. */
@media(max-width:620px){.tools-panel-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.tools-panel-head>.tools-badge{justify-self:start;margin-top:0}.tools-panel-head h2{max-width:100%;text-wrap:balance}}

.tools-copy{display:inline-block;margin:8px 0 0 8px;padding:6px 10px;border:1px solid #dce5f1;border-radius:6px;background:#fff;color:#2463eb;cursor:pointer;font:inherit;font-size:12px}.tools-copy-fallback{display:block;width:100%;min-height:140px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.tools-result,.tools-probe,.tools-result-meta>*{min-width:0;overflow-wrap:anywhere}.tools-status[data-state=warning],.tools-probe-status[data-state=warning]{color:#91620a;background:#fff8e8}
