section.svelte-khqnkf{margin-bottom:var(--spacing-xl)}h2.svelte-khqnkf{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl);font-weight:600}.intro-card.svelte-khqnkf{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.intro-card.svelte-khqnkf p:where(.svelte-khqnkf){color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-md)}.intro-card.svelte-khqnkf p:where(.svelte-khqnkf):last-child{margin-bottom:0}.intro-card.svelte-khqnkf .tools-intro:where(.svelte-khqnkf){color:var(--text-tertiary);font-size:var(--font-size-sm)}.concepts-grid.svelte-khqnkf{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.concept-card.svelte-khqnkf{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.concept-card.svelte-khqnkf p:where(.svelte-khqnkf){color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-sm) 0}.concept-header.svelte-khqnkf{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.concept-header.svelte-khqnkf .icon{color:var(--color-primary);flex-shrink:0}.concept-header.svelte-khqnkf h3:where(.svelte-khqnkf){margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.concept-example.svelte-khqnkf{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);display:inline-block}.techniques-grid.svelte-khqnkf{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.technique-card.svelte-khqnkf{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:relative;overflow:hidden}.technique-card.svelte-khqnkf:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color)}.technique-header.svelte-khqnkf{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.technique-header.svelte-khqnkf .icon{color:var(--accent-color);flex-shrink:0}.technique-header.svelte-khqnkf h3:where(.svelte-khqnkf){margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700}.technique-description.svelte-khqnkf{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-md) 0}.technique-use-case.svelte-khqnkf{color:var(--text-primary);font-size:var(--font-size-sm)}.technique-use-case.svelte-khqnkf strong:where(.svelte-khqnkf){color:var(--accent-color)}.masks-section.svelte-khqnkf{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-primary)}.masks-table-wrapper.svelte-khqnkf{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-primary)}.masks-table.svelte-khqnkf{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.masks-table.svelte-khqnkf th:where(.svelte-khqnkf){background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--bg-primary);padding:var(--spacing-md);text-align:left;font-weight:600;cursor:help;border:none}.masks-table.svelte-khqnkf th:where(.svelte-khqnkf):first-child{border-radius:var(--radius-sm) 0 0 0}.masks-table.svelte-khqnkf th:where(.svelte-khqnkf):last-child{border-radius:0 var(--radius-sm) 0 0}.masks-table.svelte-khqnkf td:where(.svelte-khqnkf){padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);background-color:var(--bg-primary);transition:all ease-in .2s}.masks-table.svelte-khqnkf tr:where(.svelte-khqnkf):hover td:where(.svelte-khqnkf){background-color:var(--bg-secondary)}.masks-table.svelte-khqnkf tr:where(.svelte-khqnkf):last-child td:where(.svelte-khqnkf){border-bottom:none}.masks-table.svelte-khqnkf .cidr-cell:where(.svelte-khqnkf){font-family:var(--font-mono);font-weight:600;color:var(--color-primary)}.masks-table.svelte-khqnkf .mask-cell:where(.svelte-khqnkf){font-family:var(--font-mono);color:var(--text-primary)}.masks-table.svelte-khqnkf .hosts-cell:where(.svelte-khqnkf),.masks-table.svelte-khqnkf .networks-cell:where(.svelte-khqnkf){text-align:right;font-family:var(--font-mono);color:var(--text-secondary)}.tips-grid.svelte-khqnkf{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.tips-card.svelte-khqnkf,.mistakes-card.svelte-khqnkf{border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-primary)}:is(.tips-card.svelte-khqnkf,.mistakes-card.svelte-khqnkf) ul:where(.svelte-khqnkf){list-style:none;padding:0;margin:0}:is(.tips-card.svelte-khqnkf,.mistakes-card.svelte-khqnkf) ul:where(.svelte-khqnkf) li:where(.svelte-khqnkf){padding:var(--spacing-2xs) 0;color:var(--text-secondary);line-height:1.6;position:relative;padding-left:var(--spacing-lg)}:is(.tips-card.svelte-khqnkf,.mistakes-card.svelte-khqnkf) ul:where(.svelte-khqnkf) li:where(.svelte-khqnkf):before{content:"•";position:absolute;left:0;font-weight:700;font-size:1.2em}.tips-card.svelte-khqnkf{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success),transparent 90%),color-mix(in srgb,var(--color-success),transparent 95%))}.tips-card.svelte-khqnkf li:where(.svelte-khqnkf):before{color:var(--color-success)}.mistakes-card.svelte-khqnkf{background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning),transparent 90%),color-mix(in srgb,var(--color-warning),transparent 95%))}.mistakes-card.svelte-khqnkf li:where(.svelte-khqnkf):before{color:var(--color-warning)}.tips-header.svelte-khqnkf,.mistakes-header.svelte-khqnkf{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}:is(.tips-header.svelte-khqnkf,.mistakes-header.svelte-khqnkf) h2:where(.svelte-khqnkf){margin:0;font-size:var(--font-size-lg)}.tips-header.svelte-khqnkf .icon{color:var(--color-success)}.mistakes-header.svelte-khqnkf .icon{color:var(--color-warning)}@media (max-width: 768px){.concepts-grid.svelte-khqnkf,.techniques-grid.svelte-khqnkf,.tips-grid.svelte-khqnkf{grid-template-columns:1fr}.technique-card.svelte-khqnkf,.concept-card.svelte-khqnkf,.masks-section.svelte-khqnkf,.intro-card.svelte-khqnkf{padding:var(--spacing-md)}.masks-table.svelte-khqnkf{font-size:var(--font-size-xs)}.masks-table.svelte-khqnkf th:where(.svelte-khqnkf),.masks-table.svelte-khqnkf td:where(.svelte-khqnkf){padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 480px){.tips-grid.svelte-khqnkf{gap:var(--spacing-md)}.tips-card.svelte-khqnkf,.mistakes-card.svelte-khqnkf{padding:var(--spacing-md)}}