.dns-card-preview{background:var(--surface-card);border-color:var(--line);gap:7px;padding:12px;display:grid}.dns-card-query{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.dns-card-query code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px}.dns-card-chain{flex-wrap:wrap;align-items:stretch;gap:4px;margin:0;padding:0;list-style:none;display:flex}.dns-card-chain li{border:1px solid var(--line);background:var(--soft);border-radius:6px;flex:1 1 0;gap:2px;min-width:0;padding:5px 6px;display:grid}.dns-card-chain b{color:var(--ink);font-size:9px;font-weight:800}.dns-card-chain small{color:var(--muted);font-size:7.5px}.dns-card-answers{gap:3px;margin:0;padding:0;list-style:none;display:grid}.dns-card-answers span{border:1px solid var(--line);background:var(--surface-card);border-radius:5px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:6px;padding:4px 6px;display:grid}.dns-card-answers b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px}.dns-card-answers strong{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.dns-card-note{color:var(--muted);margin:0;font-size:8.5px;line-height:1.5}.dns-card-note b{color:var(--ink);font-weight:800}.term-interactive-demo.dns-demo{border-color:var(--line);background:var(--soft)}.dns-journey-controls{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px;display:grid}.dns-field{color:var(--muted);gap:4px;font-size:12px;font-weight:750;display:grid}.dns-field input,.dns-field select{border:1px solid var(--line);background:var(--surface-card);width:100%;min-height:34px;color:var(--ink);font:inherit;border-radius:6px;padding:6px 8px;font-size:12px}.dns-field select{cursor:pointer}.dns-field input:focus-visible,.dns-field select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dns-journey-path{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.dns-journey-node{border:1px solid var(--line);background:var(--surface-card);border-radius:7px;gap:3px;min-width:0;padding:8px 7px;display:grid}.dns-journey-node small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.dns-journey-node b{color:var(--muted);font-size:12px;font-weight:800}.dns-journey-return{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;font-size:10px;line-height:1.35;overflow:hidden}.dns-journey-node.dns-node-is-future{opacity:.6}.dns-journey-node.dns-node-is-done .dns-journey-return{color:var(--ink)}.dns-journey-node.dns-node-is-current{border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:color-mix(in srgb, var(--ink) 5%, var(--surface-card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 35%, var(--line))}.dns-journey-node.dns-node-is-current b,.dns-journey-node.dns-node-is-current small{color:var(--ink)}.dns-journey-node.dns-node-is-current .dns-journey-return{color:var(--ink);font-weight:700}.dns-journey-result{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 40%, var(--line));background:var(--surface-card);border-radius:7px;gap:4px;padding:10px 12px;display:grid}.dns-journey-result small{color:var(--muted);font-size:11px;font-weight:700}.dns-journey-result strong{color:var(--ink);font-size:13px;line-height:1.4}.dns-journey-result code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace}.dns-journey-result span{color:var(--muted);font-size:11px;line-height:1.45}.dns-journey-result[data-state=resolved]{border-left-color:color-mix(in srgb, var(--ink) 60%, var(--line))}.dns-journey-pending{color:var(--muted)!important;font-weight:600!important}.dns-journey-actions{flex-wrap:wrap;gap:8px;display:flex}.dns-cache-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dns-cache-card{border:1px solid var(--line);background:var(--surface-card);border-radius:7px;gap:4px;min-width:0;padding:10px 12px;display:grid}.dns-cache-card small{color:var(--muted);font-size:11px;font-weight:700}.dns-cache-card strong{color:var(--ink);font-size:13px}.dns-cache-card strong code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace}.dns-cache-card span{color:var(--muted);font-size:11px;line-height:1.45}.dns-cache-card.dns-cache-authoritative{border-left:3px solid color-mix(in srgb, var(--ink) 45%, var(--line))}.dns-cache-card.dns-cache-is-stale{background:color-mix(in srgb, #b07a2a 6%, var(--surface-card));border-left:3px solid #b07a2a}.dns-cache-card.dns-cache-is-stale span{color:#8a5d1f}.dns-cache-actions{flex-wrap:wrap;gap:8px;display:flex}.dns-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.dns-examples-grid article.is-good{border-color:color-mix(in srgb, #4d805d 30%, var(--line));background:color-mix(in srgb, #4d805d 5%, var(--surface-card))}.dns-examples-grid article.is-good b{color:color-mix(in srgb, var(--ink) 35%, #4d805d)}.dns-examples-grid article.is-bad{border-color:color-mix(in srgb, #b15259 30%, var(--line));background:color-mix(in srgb, #b15259 5%, var(--surface-card))}.dns-examples-grid article.is-bad b{color:color-mix(in srgb, var(--ink) 35%, #b15259)}.dns-examples-grid article p{color:var(--muted)}.term-interactive-demo.dns-demo .dns-cta{font-weight:var(--font-weight-bold);border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.term-interactive-demo.dns-demo .dns-cta:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 85%, #000)!important;color:var(--color-white)!important}.term-interactive-demo.dns-demo .dns-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.dns-demo .dns-cta:disabled{opacity:.5;cursor:not-allowed}.term-interactive-demo.dns-demo .dns-btn{border:1px solid var(--line)!important;border-radius:var(--radius-buttons)!important;background:var(--surface-card)!important;color:var(--ink)!important}.term-interactive-demo.dns-demo .dns-btn:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line))!important;color:var(--ink)!important}.term-interactive-demo.dns-demo .dns-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (max-width:780px){.dns-journey-controls{grid-template-columns:1fr}.dns-journey-path{grid-template-columns:1fr 1fr}.dns-cache-grid,.dns-resolver-demo-controls{grid-template-columns:1fr}.dns-resolver-demo-path{grid-template-columns:1fr;gap:4px}.dns-resolver-demo-path i{justify-self:center;transform:rotate(90deg)}.dns-ttl-lanes{grid-template-columns:1fr}}.dns-demo-controls{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.dns-demo button{border-radius:11px;min-height:40px;padding:8px 12px;font-weight:800}.dns-demo-note{margin:0;font-size:14px;line-height:1.55}.term-card .term-preview.dns-card-preview{gap:8px;padding:10px;display:grid;color:#e8f4f6!important;background:radial-gradient(circle at 16% 20%,#3ecfcf29,#0000 36%),linear-gradient(155deg,#122033,#0d1824)!important;border-color:#1b3348!important}.dns-card-slip{background:#173044;border:1px solid #2a4a5e;border-radius:12px;gap:5px;padding:10px;display:grid}.dns-card-slip header{justify-content:space-between;display:flex}.dns-card-slip small{font-weight:850;color:#8eb8c4!important;font-size:8px!important}.dns-card-slip header b{background:#3ecfcf;border-radius:999px;padding:2px 6px;color:#0d1824!important;font-size:8px!important}.dns-card-slip strong{color:#e8f4f6!important;font-size:15px!important}.dns-card-slip code{color:#3ecfcf;font-size:10px}.dns-card-slip p{margin:0;color:#b7d0d6!important;font-size:9px!important}.dns-card-conclusion{margin:0;font-weight:650;line-height:1.45;color:#e8f4f6!important;font-size:10px!important}.term-interactive-demo.dns-demo{color:#122033;background:#e8eef2;border-color:#1b3348;gap:12px;padding:12px;display:grid}.dns-demo-stage{grid-template-columns:1.1fr .9fr;gap:10px;display:grid}.dns-demo-slip,.dns-demo-browser{border-radius:16px;gap:8px;padding:16px;display:grid}.dns-demo-slip{color:#e8f4f6;background:#122033;box-shadow:0 16px 36px #0d182433}.dns-demo-slip header{justify-content:space-between;gap:8px;display:flex}.dns-demo-slip small{color:#8eb8c4}.dns-demo-stamp{color:#0d1824;background:#3ecfcf;border-radius:999px;padding:4px 8px;font-size:12px}.dns-demo-stage.is-stale .dns-demo-stamp{color:#2a2116;background:#e0b15a}.dns-demo-stage.is-wrong .dns-demo-stamp{color:#2a1010;background:#e06a6a}.dns-demo-slip h3{color:#e8f4f6;margin:0;font-size:clamp(18px,2.6vw,26px)}.dns-demo-slip code{color:#3ecfcf}.dns-demo-slip p{color:#b7d0d6;margin:0}.dns-demo-browser{color:#122033;background:#fff;border:1px solid #c5d4dc}.dns-demo-stage.is-wrong .dns-demo-browser{color:#7a2020;background:#fde8e8;border-color:#e06a6a}.term-interactive-demo.dns-demo button:hover,.term-interactive-demo.dns-demo button[aria-pressed=true]{color:#e8f4f6;background:#122033;border-color:#122033}.term-interactive-demo.dns-demo button:focus-visible{outline-offset:3px;outline:3px solid #12203366!important}.term-interactive-demo.dns-demo .dns-demo-recover{color:#fff7f4;background:#e06a6a;border-color:#e06a6a}.dns-examples article.is-good{border-left:3px solid #1b7a7a}.dns-examples article.is-bad{border-left:3px solid #e06a6a}@media (max-width:780px){.dns-demo-stage{grid-template-columns:1fr}.dns-demo-controls{flex-direction:column}.term-interactive-demo.dns-demo button{width:100%}}