h1:where(.astro-qkmlvwzp){color:var(--accent);margin-bottom:.5rem}.lead:where(.astro-qkmlvwzp){color:var(--text-light);margin-bottom:2rem}.worksheet:where(.astro-qkmlvwzp){flex-direction:column;gap:2rem;display:flex}.theory:where(.astro-qkmlvwzp){background:#f0f9ff;border:2px solid #0ea5e9;border-radius:.5rem;padding:1.5rem}.theory:where(.astro-qkmlvwzp) h2:where(.astro-qkmlvwzp){color:#0369a1;margin-bottom:.5rem;font-size:1.25rem}.theory:where(.astro-qkmlvwzp)>p:where(.astro-qkmlvwzp){color:var(--text-light);margin-bottom:1rem}.theory-box:where(.astro-qkmlvwzp){background:#fff;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.theory-box:where(.astro-qkmlvwzp) h3:where(.astro-qkmlvwzp){color:#0369a1;margin-bottom:.75rem;font-size:1rem}.two-column:where(.astro-qkmlvwzp){grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.column-item:where(.astro-qkmlvwzp){background:#f8fafc;border-radius:.25rem;padding:1rem}.column-item:where(.astro-qkmlvwzp) h4:where(.astro-qkmlvwzp){color:var(--accent);margin-bottom:.5rem;font-size:.95rem}.column-item:where(.astro-qkmlvwzp) ul:where(.astro-qkmlvwzp){margin-left:1.25rem;font-size:.9rem}.column-item:where(.astro-qkmlvwzp) li:where(.astro-qkmlvwzp){margin-bottom:.25rem}.column:where(.astro-qkmlvwzp){background:#fff;border:2px solid #8b5cf6;border-radius:.375rem;margin-top:1rem}.column:where(.astro-qkmlvwzp) summary:where(.astro-qkmlvwzp){cursor:pointer;color:#6d28d9;background:#f5f3ff;border-radius:.375rem;padding:.75rem 1rem;font-weight:500}.column:where(.astro-qkmlvwzp)[open] summary:where(.astro-qkmlvwzp){border-bottom:1px solid #ddd6fe;border-radius:.375rem .375rem 0 0}.column-content:where(.astro-qkmlvwzp){padding:1rem}.column-content:where(.astro-qkmlvwzp) p:where(.astro-qkmlvwzp){margin-bottom:.5rem;font-size:.9rem}.step:where(.astro-qkmlvwzp){background:var(--bg-secondary);border-radius:.5rem;padding:1.5rem}.step:where(.astro-qkmlvwzp) h2:where(.astro-qkmlvwzp){color:var(--accent);border-bottom:2px solid var(--accent);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem}.substep:where(.astro-qkmlvwzp){background:#fff;border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.substep:where(.astro-qkmlvwzp) h3:where(.astro-qkmlvwzp){margin-bottom:.5rem;font-size:1rem}.substep:where(.astro-qkmlvwzp)>p:where(.astro-qkmlvwzp){color:var(--text-light);margin-bottom:.75rem;font-size:.9rem}.command-box:where(.astro-qkmlvwzp){background:#1e293b;border-radius:.375rem;margin:.75rem 0;overflow:hidden}.command-header:where(.astro-qkmlvwzp){color:#94a3b8;background:#334155;padding:.5rem 1rem;font-size:.8rem}.command-box:where(.astro-qkmlvwzp) pre:where(.astro-qkmlvwzp){background:#1e293b;margin:0;padding:1rem;overflow-x:auto}.command-box:where(.astro-qkmlvwzp) code:where(.astro-qkmlvwzp){color:#e2e8f0;background:0 0;padding:0;font-family:Consolas,Monaco,monospace;font-size:.85rem;line-height:1.5}.result-box:where(.astro-qkmlvwzp){border-radius:.375rem;padding:1rem}.result-box:where(.astro-qkmlvwzp).success{background:#ecfdf5;border:1px solid #059669}.result-box:where(.astro-qkmlvwzp).failure{background:#fef2f2;border:1px solid #dc2626}.result-box:where(.astro-qkmlvwzp) h4:where(.astro-qkmlvwzp){margin-bottom:.5rem;font-size:.9rem}.result-box:where(.astro-qkmlvwzp).success h4:where(.astro-qkmlvwzp){color:#059669}.result-box:where(.astro-qkmlvwzp).failure h4:where(.astro-qkmlvwzp){color:#dc2626}.result-box:where(.astro-qkmlvwzp) pre:where(.astro-qkmlvwzp){white-space:pre-wrap;margin:0;font-size:.8rem}.term-explain:where(.astro-qkmlvwzp){background:#fffbeb;border:1px solid #f59e0b;border-radius:.375rem;margin-top:1rem;padding:1rem}.term-explain:where(.astro-qkmlvwzp) h4:where(.astro-qkmlvwzp){color:#b45309;margin-bottom:.5rem;font-size:.9rem}.term-explain:where(.astro-qkmlvwzp) dl:where(.astro-qkmlvwzp){margin:0}.term-explain:where(.astro-qkmlvwzp) dt:where(.astro-qkmlvwzp){margin-top:.5rem;font-weight:600}.term-explain:where(.astro-qkmlvwzp) dt:where(.astro-qkmlvwzp):first-child{margin-top:0}.term-explain:where(.astro-qkmlvwzp) dd:where(.astro-qkmlvwzp){color:var(--text-light);margin-left:1rem;font-size:.9rem}.external-link:where(.astro-qkmlvwzp){margin:1rem 0}.external-link:where(.astro-qkmlvwzp) a:where(.astro-qkmlvwzp){background:#dbeafe;border-radius:.375rem;padding:.75rem 1rem;font-weight:500;transition:background-color .15s;display:inline-block}.external-link:where(.astro-qkmlvwzp) a:where(.astro-qkmlvwzp):hover{background:#bfdbfe;text-decoration:none}.input-section:where(.astro-qkmlvwzp){background:#f8fafc;border-radius:.375rem;margin-top:1rem;padding:1rem}.input-section:where(.astro-qkmlvwzp) h4:where(.astro-qkmlvwzp){margin-bottom:.75rem;font-size:.9rem}.input-group:where(.astro-qkmlvwzp){margin-bottom:.5rem}.input-group:where(.astro-qkmlvwzp) label:where(.astro-qkmlvwzp){align-items:center;gap:.5rem;font-size:.9rem;display:flex}input:where(.astro-qkmlvwzp)[type=text]{border:2px solid #e5e7eb;border-radius:.25rem;flex:1;max-width:300px;padding:.5rem;font-size:.9rem}input:where(.astro-qkmlvwzp)[type=text]:focus{border-color:var(--accent);outline:none}.record-table:where(.astro-qkmlvwzp){border-collapse:collapse;width:100%;font-size:.9rem}.record-table:where(.astro-qkmlvwzp) th:where(.astro-qkmlvwzp),.record-table:where(.astro-qkmlvwzp) td:where(.astro-qkmlvwzp){text-align:left;border:1px solid #e5e7eb;padding:.5rem}.record-table:where(.astro-qkmlvwzp) th:where(.astro-qkmlvwzp){background:#f3f4f6}.record-table:where(.astro-qkmlvwzp) input:where(.astro-qkmlvwzp){width:100%;max-width:none}.question-box:where(.astro-qkmlvwzp){background:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;margin-top:1rem;padding:1rem}.question-box:where(.astro-qkmlvwzp) h4:where(.astro-qkmlvwzp){margin-bottom:.5rem}.answer:where(.astro-qkmlvwzp){background:#fff;border-radius:.25rem;margin-top:.75rem}.answer:where(.astro-qkmlvwzp) summary:where(.astro-qkmlvwzp){cursor:pointer;color:var(--accent);padding:.5rem .75rem;font-size:.9rem}.answer-content:where(.astro-qkmlvwzp){padding:.75rem;font-size:.9rem}.answer-content:where(.astro-qkmlvwzp) ul:where(.astro-qkmlvwzp){margin-left:1.25rem}.answer-content:where(.astro-qkmlvwzp) li:where(.astro-qkmlvwzp){margin-bottom:.25rem}.dns-diagram:where(.astro-qkmlvwzp){background:#f8fafc;border-radius:.375rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.dns-step:where(.astro-qkmlvwzp){text-align:center;border:2px solid var(--accent);background:#fff;border-radius:.375rem;padding:1rem}.dns-label:where(.astro-qkmlvwzp){color:var(--text-light);margin-bottom:.25rem;font-size:.75rem;display:block}.dns-value:where(.astro-qkmlvwzp){color:var(--accent);font-family:monospace;font-weight:600}.dns-arrow:where(.astro-qkmlvwzp){color:var(--text-light);font-size:.9rem}.domain-structure:where(.astro-qkmlvwzp){background:#f8fafc;border-radius:.375rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;padding:1.5rem;display:flex}.domain-part:where(.astro-qkmlvwzp){text-align:center}.part-value:where(.astro-qkmlvwzp){color:var(--accent);font-family:monospace;font-size:1.25rem;font-weight:600;display:block}.part-label:where(.astro-qkmlvwzp){color:var(--text-light);margin-top:.25rem;font-size:.75rem;display:block}.dot:where(.astro-qkmlvwzp){color:var(--text-light);font-size:1.5rem}.route-diagram:where(.astro-qkmlvwzp){background:#f8fafc;border-radius:.375rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1.5rem;display:flex}.route-node:where(.astro-qkmlvwzp){text-align:center;border-radius:.375rem;padding:.5rem 1rem;font-size:.85rem}.route-node:where(.astro-qkmlvwzp).you{background:#dbeafe;border:2px solid #2563eb}.route-node:where(.astro-qkmlvwzp).router{background:#fef3c7;border:2px solid #f59e0b}.route-node:where(.astro-qkmlvwzp).isp{background:#e0e7ff;border:2px solid #6366f1}.route-node:where(.astro-qkmlvwzp).dots{color:var(--text-light);background:0 0;border:none}.route-node:where(.astro-qkmlvwzp).server{background:#d1fae5;border:2px solid #059669}.route-arrow:where(.astro-qkmlvwzp){color:var(--text-light)}.tip-inline:where(.astro-qkmlvwzp){background:#fef3c7;border-left:3px solid #f59e0b;border-radius:.25rem;margin:.75rem 0;padding:.5rem .75rem;font-size:.85rem}:where(.astro-qkmlvwzp):not(pre)>code:where(.astro-qkmlvwzp){color:var(--text);background:#f1f5f9;border-radius:.2rem;padding:.1rem .3rem;font-family:monospace}.summary:where(.astro-qkmlvwzp){background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%);border-radius:.5rem;padding:1.5rem}.summary:where(.astro-qkmlvwzp) h2:where(.astro-qkmlvwzp){color:var(--accent);margin-bottom:1rem}.summary-grid:where(.astro-qkmlvwzp){grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.summary-item:where(.astro-qkmlvwzp){text-align:center;background:#fff;border-radius:.375rem;padding:1rem}.summary-item:where(.astro-qkmlvwzp) h3:where(.astro-qkmlvwzp){color:var(--accent);margin-bottom:.25rem;font-family:monospace}.summary-item:where(.astro-qkmlvwzp) p:where(.astro-qkmlvwzp){color:var(--text-light);font-size:.85rem}@media (width<=640px){.dns-diagram:where(.astro-qkmlvwzp),.route-diagram:where(.astro-qkmlvwzp){flex-direction:column}.dns-arrow:where(.astro-qkmlvwzp),.route-arrow:where(.astro-qkmlvwzp){transform:rotate(90deg)}}
