@charset "UTF-8";.concepts-section.svelte-r6risj{margin:var(--spacing-xl) 0}.concepts-section.svelte-r6risj .concepts-grid:where(.svelte-r6risj){display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.concepts-section.svelte-r6risj .concept-card:where(.svelte-r6risj){background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-primary);border-left:4px solid var(--accent-color)}.concepts-section.svelte-r6risj .concept-card:where(.svelte-r6risj) .concept-header:where(.svelte-r6risj){display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.concepts-section.svelte-r6risj .concept-card:where(.svelte-r6risj) .concept-header:where(.svelte-r6risj) .icon{color:var(--accent-color)}.concepts-section.svelte-r6risj .concept-card:where(.svelte-r6risj) .concept-header:where(.svelte-r6risj) h3:where(.svelte-r6risj){margin:0;color:var(--text-primary)}.concepts-section.svelte-r6risj .concept-card:where(.svelte-r6risj) p:where(.svelte-r6risj){color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.concepts-section.svelte-r6risj .concept-card:where(.svelte-r6risj) .concept-example:where(.svelte-r6risj){display:block;background:var(--bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--accent-color);border:1px solid color-mix(in srgb,var(--accent-color),transparent 80%)}.about-section.svelte-r6risj{margin:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-secondary)}.about-section.svelte-r6risj .about-grid:where(.svelte-r6risj){display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}@media (max-width: 768px){.about-section.svelte-r6risj .about-grid:where(.svelte-r6risj){grid-template-columns:1fr;gap:var(--spacing-lg)}}.about-section.svelte-r6risj .about-content:where(.svelte-r6risj) p:where(.svelte-r6risj){margin-bottom:var(--spacing-md);line-height:1.7}.about-section.svelte-r6risj .benefits-list:where(.svelte-r6risj) .benefit-item:where(.svelte-r6risj){background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border:1px solid var(--border-primary)}.about-section.svelte-r6risj .benefits-list:where(.svelte-r6risj) .benefit-item:where(.svelte-r6risj) strong:where(.svelte-r6risj){color:var(--color-primary)}.sizes-section.svelte-r6risj{margin:var(--spacing-xl) 0}.sizes-section.svelte-r6risj .sizes-table-wrapper:where(.svelte-r6risj){margin-top:var(--spacing-lg);overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-primary)}.sizes-section.svelte-r6risj .sizes-table:where(.svelte-r6risj){width:100%;border-collapse:collapse;background:var(--bg-secondary)}.sizes-section.svelte-r6risj .sizes-table:where(.svelte-r6risj) th:where(.svelte-r6risj){background:var(--bg-tertiary);padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-primary)}.sizes-section.svelte-r6risj .sizes-table:where(.svelte-r6risj) .size-row:where(.svelte-r6risj){border-bottom:1px solid var(--border-secondary)}.sizes-section.svelte-r6risj .sizes-table:where(.svelte-r6risj) .size-row:where(.svelte-r6risj) td:where(.svelte-r6risj){padding:var(--spacing-md);vertical-align:middle}.sizes-section.svelte-r6risj .sizes-table:where(.svelte-r6risj) .size-row:where(.svelte-r6risj) .cidr-cell:where(.svelte-r6risj) strong:where(.svelte-r6risj){color:var(--row-color);font-weight:700}.sizes-section.svelte-r6risj .sizes-table:where(.svelte-r6risj) .size-row:where(.svelte-r6risj) .mask-cell:where(.svelte-r6risj) code:where(.svelte-r6risj){background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--font-size-sm)}.sizes-section.svelte-r6risj .sizes-table:where(.svelte-r6risj) .size-row:where(.svelte-r6risj) .hosts-cell:where(.svelte-r6risj){font-family:var(--font-mono);font-weight:600}.sizes-section.svelte-r6risj .sizes-table:where(.svelte-r6risj) .size-row:where(.svelte-r6risj) .use-cell:where(.svelte-r6risj){color:var(--text-secondary)}.sizes-section.svelte-r6risj .table-note:where(.svelte-r6risj){margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.how-it-works.svelte-r6risj{margin:var(--spacing-xl) 0}.how-it-works.svelte-r6risj .explanation-grid:where(.svelte-r6risj){display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj){background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-primary)}.how-it-works.svelte-r6risj .explanation-item.success:where(.svelte-r6risj){border-left:4px solid var(--color-success)}.how-it-works.svelte-r6risj .explanation-item.info:where(.svelte-r6risj){border-left:4px solid var(--color-info)}.how-it-works.svelte-r6risj .explanation-item.warning:where(.svelte-r6risj){border-left:4px solid var(--color-warning)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) h3:where(.svelte-r6risj){margin-bottom:var(--spacing-md);color:var(--text-primary)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) p:where(.svelte-r6risj){color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .bit-example:where(.svelte-r6risj){background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:center}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .bit-example:where(.svelte-r6risj) .network-bits:where(.svelte-r6risj){color:var(--color-success);display:inline}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .bit-example:where(.svelte-r6risj) .host-bits:where(.svelte-r6risj){color:var(--color-info);display:inline}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .bit-example:where(.svelte-r6risj) .labels:where(.svelte-r6risj){display:flex;justify-content:space-between;margin-top:var(--spacing-sm);font-size:var(--font-size-xs)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .bit-example:where(.svelte-r6risj) .labels:where(.svelte-r6risj) .network-label:where(.svelte-r6risj){color:var(--color-success)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .bit-example:where(.svelte-r6risj) .labels:where(.svelte-r6risj) .host-label:where(.svelte-r6risj){color:var(--color-info)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .summary-example:where(.svelte-r6risj){display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:center;background:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .summary-example:where(.svelte-r6risj) .before:where(.svelte-r6risj),.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .summary-example:where(.svelte-r6risj) .after:where(.svelte-r6risj){text-align:center}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .summary-example:where(.svelte-r6risj) .arrow:where(.svelte-r6risj){font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .planning-tip:where(.svelte-r6risj){background:color-mix(in srgb,var(--color-warning),transparent 90%);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-warning);font-size:var(--font-size-sm)}.how-it-works.svelte-r6risj .explanation-item:where(.svelte-r6risj) .planning-tip:where(.svelte-r6risj) strong:where(.svelte-r6risj){color:var(--color-warning)}.quick-reference.svelte-r6risj{margin:var(--spacing-xl) 0}.quick-reference.svelte-r6risj .reference-grid:where(.svelte-r6risj){display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.quick-reference.svelte-r6risj .reference-card:where(.svelte-r6risj){background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-primary)}.quick-reference.svelte-r6risj .reference-card:where(.svelte-r6risj) h3:where(.svelte-r6risj){margin-bottom:var(--spacing-md);color:var(--color-primary)}.quick-reference.svelte-r6risj .reference-card:where(.svelte-r6risj) ul:where(.svelte-r6risj){list-style:none;padding:0;margin:0}.quick-reference.svelte-r6risj .reference-card:where(.svelte-r6risj) ul:where(.svelte-r6risj) li:where(.svelte-r6risj){margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative;font-family:var(--font-mono);font-size:var(--font-size-sm)}.quick-reference.svelte-r6risj .reference-card:where(.svelte-r6risj) ul:where(.svelte-r6risj) li:where(.svelte-r6risj):before{content:"→";color:var(--color-primary);position:absolute;left:0}@media (max-width: 768px){.concepts-grid.svelte-r6risj,.explanation-grid.svelte-r6risj,.reference-grid.svelte-r6risj{grid-template-columns:1fr}.summary-example.svelte-r6risj{grid-template-columns:1fr;text-align:center}.summary-example.svelte-r6risj .arrow:where(.svelte-r6risj){transform:rotate(90deg)}}