body{background-image:none;background-color:var(--bg-deep)}[data-theme=light] body{background-image:none;background-color:#fff}.hero-title-line1{color:var(--text-primary);background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset}.hero-title-line2{color:var(--accent-primary);-webkit-text-stroke:0;text-stroke:0}.posts-title,.single-post h1{color:var(--text-primary);background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;display:block}.post-card{transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease}.post-card::before{display:none}.post-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);border-color:var(--accent-primary)}[data-theme=light] .post-card:hover{box-shadow:0 4px 12px rgba(0,0,0,8%)}.post-card:hover .post-image img{transform:scale(1.03);transition:transform 300ms ease}.post-image img{transition:transform 300ms ease}.featured-post{margin-bottom:var(--spacing-2xl)}.featured-post .post-card{flex-direction:column;border:1px solid var(--border-color)}.featured-post .post-image{width:100%;height:280px}.featured-post .post-title{font-size:1.75rem}.featured-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:var(--accent-primary);color:#fff;font-size:.75rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;margin-bottom:var(--spacing-sm)}.featured-badge svg{width:.875rem;height:.875rem}#network-particles{display:none}.callout{border-radius:.375rem;padding:var(--spacing-lg);margin:var(--spacing-lg)0;border-left:3px solid;background:var(--glass-surface)}.callout-header{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;font-family:var(--font-heading);margin-bottom:var(--spacing-sm);font-size:.9rem;text-transform:uppercase;letter-spacing:.03em}.callout-header svg{width:1.125rem;height:1.125rem;flex-shrink:0}.callout-body{color:var(--text-secondary);line-height:1.7}.callout-body p:last-child{margin-bottom:0}.callout-note{border-left-color:#7c3aed}.callout-note .callout-header{color:#a78bfa}.callout-tip{border-left-color:#3b9c6b}.callout-tip .callout-header{color:#4db87a}.callout-warning{border-left-color:#d4952a}.callout-warning .callout-header{color:#e0a94a}.callout-danger{border-left-color:#cc4f4f}.callout-danger .callout-header{color:#e06666}[data-theme=light] .callout-note .callout-header{color:#6b21a8}[data-theme=light] .callout-tip .callout-header{color:#2a7d54}[data-theme=light] .callout-warning .callout-header{color:#b07a1a}[data-theme=light] .callout-danger .callout-header{color:#b33a3a}.pullquote{position:relative;margin:var(--spacing-2xl)0;padding:var(--spacing-xl)var(--spacing-2xl);text-align:center;font-family:var(--font-heading);font-size:1.4rem;font-weight:500;line-height:1.5;color:var(--text-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.pullquote::before{content:"\201C";position:absolute;top:-.25rem;left:50%;transform:translateX(-50%);font-size:3.5rem;line-height:1;color:var(--accent-primary);font-family:Georgia,serif}.pullquote-attribution{display:block;margin-top:var(--spacing-md);font-size:.875rem;font-weight:400;color:var(--text-muted);font-family:var(--font-body)}pre.chroma:has(code.language-cisco),pre.chroma:has(code[data-lang=cisco]){line-height:1}code[data-lang=cisco],code.language-cisco{line-height:1}code[data-lang=cisco] .line,code.language-cisco .line{line-height:1;padding:0!important;margin:0!important;display:block}pre.chroma:has(code.language-cisco),pre.chroma:has(code[data-lang=cisco]){padding-top:.6rem;padding-bottom:.6rem}code[data-lang=cisco],code.language-cisco,code[data-lang=cisco] pre,code.language-cisco pre{overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.post-content-main img{max-width:100%;height:auto;display:block;margin:var(--spacing-lg)auto;border-radius:.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.reading-progress-bar{background:var(--accent-primary)!important}.post-content-main table{width:100%;max-width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.875rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden;display:table;table-layout:auto}.post-content-main thead{background:rgba(255,255,255,8%)}.post-content-main th{padding:.7rem 1rem;text-align:left;font-weight:600;color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);border-right:1px solid rgba(255,255,255,.1)}.post-content-main th:last-child{border-right:none}.post-content-main td{padding:.55rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);word-wrap:break-word;font-family:sf mono,fira code,cascadia code,monospace;font-size:.82rem}.post-content-main td:last-child{border-right:none}.post-content-main tbody tr:last-child td{border-bottom:none}.post-content-main tbody tr:nth-child(even){background:rgba(255,255,255,3%)}.post-content-main tbody tr:hover{background:rgba(255,255,255,6%)}[data-theme=light] .post-content-main table{border-color:rgba(0,0,0,.15)}[data-theme=light] .post-content-main thead{background:rgba(0,0,0,5%)}[data-theme=light] .post-content-main th{border-right-color:rgba(0,0,0,.1)}[data-theme=light] .post-content-main td{border-bottom-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1)}[data-theme=light] .post-content-main tbody tr:nth-child(even){background:rgba(0,0,0,.025)}[data-theme=light] .post-content-main tbody tr:hover{background:rgba(0,0,0,5%)}@media(max-width:768px){.featured-post .post-card{flex-direction:column}.featured-post .post-image{height:180px}.featured-post .post-title{font-size:1.35rem}.pullquote{font-size:1.2rem;padding:var(--spacing-lg)}}.view-all-posts{text-align:center;margin-top:1.5rem}.view-all-link{display:inline-block;padding:.5rem 1.5rem;font-size:.95rem;font-weight:500;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;transition:color .2s,border-color .2s}.view-all-link:hover{color:var(--accent);border-color:var(--accent)}.tools-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.tool-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg)var(--spacing-xl);background:var(--glass-surface);border:1px solid var(--border-color);border-radius:.5rem;text-decoration:none;color:var(--text-primary);transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2);border-color:var(--accent-primary)}[data-theme=light] .tool-card:hover{box-shadow:0 4px 16px rgba(0,0,0,8%)}.tool-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:.5rem;background:var(--accent-primary-rgba-03);color:var(--accent-primary)}.tool-card-content{flex:1;min-width:0}.tool-card-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.tool-card-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.tool-card-arrow{flex-shrink:0;color:var(--text-muted);transition:transform 200ms ease,color 200ms ease}.tool-card:hover .tool-card-arrow{color:var(--accent-primary);transform:translateX(3px)}.subnet-tool{margin-top:var(--spacing-xl)}.subnet-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl)}.subnet-tab{padding:.6rem 1.5rem;font-family:var(--font-mono);font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color 200ms,border-color 200ms}.subnet-tab:hover{color:var(--text-secondary)}.subnet-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.subnet-panel{display:none}.subnet-panel.active{display:block}.subnet-input-group{margin-bottom:var(--spacing-lg)}.subnet-input-group label{display:block;font-family:var(--font-heading);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.4rem}.subnet-input-group input[type=text],.subnet-input-group input[type=number],.subnet-input-group select{width:100%;max-width:420px;padding:.6rem .9rem;font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);background:var(--glass-surface);border:1px solid var(--border-color);border-radius:.375rem;outline:none;transition:border-color 200ms}.subnet-input-group input:focus{border-color:var(--accent-primary)}.subnet-cidr-row{display:flex;align-items:center;gap:.5rem;max-width:420px}.subnet-slash{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;color:var(--accent-primary)}.subnet-cidr-row input[type=number]{width:70px;max-width:70px;flex-shrink:0}.subnet-cidr-row input[type=range]{flex:1;accent-color:var(--accent-primary);cursor:pointer}.subnet-btn{padding:.55rem 1.6rem;font-family:var(--font-heading);font-size:.88rem;font-weight:600;color:#fff;background:var(--accent-primary);border:none;border-radius:.375rem;cursor:pointer;transition:background 200ms,transform 100ms}.subnet-btn:hover{background:var(--accent-hover)}.subnet-btn:active{transform:scale(.97)}.subnet-btn-sm{padding:.35rem 1rem;font-size:.78rem;margin-top:.5rem;background:var(--glass-surface);color:var(--text-secondary);border:1px solid var(--border-color)}.subnet-btn-sm:hover{background:var(--bg-tertiary);color:var(--text-primary)}.subnet-results{margin-top:var(--spacing-2xl)}.subnet-results h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-primary);margin-bottom:var(--spacing-md);padding-bottom:.4rem;border-bottom:1px solid var(--border-color);margin-top:var(--spacing-xl)}.subnet-results h3:first-child{margin-top:0}.subnet-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.subnet-result-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--glass-surface);border-radius:.3rem;border:1px solid rgba(255,255,255,4%)}[data-theme=light] .subnet-result-item{border-color:rgba(0,0,0,6%)}.subnet-result-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.subnet-result-value{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-primary)}.subnet-result-value--v6{font-size:.75rem;word-break:break-all;text-align:right;max-width:60%}.subnet-binary{background:var(--glass-surface);border:1px solid var(--border-color);border-radius:.375rem;padding:var(--spacing-md)}.binary-row{display:flex;align-items:center;gap:var(--spacing-md);padding:.35rem 0}.binary-row+.binary-row{border-top:1px solid rgba(255,255,255,5%)}[data-theme=light] .binary-row+.binary-row{border-top-color:rgba(0,0,0,6%)}.binary-label{font-size:.78rem;color:var(--text-muted);min-width:110px;font-weight:500}.binary-value{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);word-break:break-all}.binary-split{font-family:var(--font-mono);font-size:.8rem;word-break:break-all;background:0 0;padding:0}.binary-net{color:var(--accent-primary);font-weight:700}.binary-host{color:var(--text-muted);opacity:.7}.subnet-table-wrap{overflow-x:auto;border-radius:.375rem;border:1px solid var(--border-color)}.subnet-table{width:100%;border-collapse:collapse;font-size:.82rem}.subnet-table thead{background:rgba(255,255,255,6%)}[data-theme=light] .subnet-table thead{background:rgba(0,0,0,4%)}.subnet-table th{padding:.6rem .75rem;text-align:left;font-weight:600;color:var(--accent-primary);border-bottom:2px solid var(--accent-primary);font-family:var(--font-heading);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.subnet-table td{padding:.45rem .75rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,6%)}[data-theme=light] .subnet-table td{border-bottom-color:rgba(0,0,0,6%)}.subnet-table tbody tr:hover{background:rgba(255,255,255,4%)}[data-theme=light] .subnet-table tbody tr:hover{background:rgba(0,0,0,3%)}.subnet-table tr.subnet-highlight{background:var(--accent-primary-rgba-03)}.subnet-table tr.subnet-highlight td{color:var(--text-primary);font-weight:600}.vlsm-subnet-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.vlsm-subnet-row input{flex:1}.vlsm-name{max-width:200px!important}.vlsm-hosts{max-width:120px!important}.vlsm-remove-btn{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-muted);cursor:pointer;font-size:1.1rem;transition:color 150ms,border-color 150ms}.vlsm-remove-btn:hover{color:#e06666;border-color:#e06666}.vlsm-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--glass-surface);border:1px solid var(--border-color);border-radius:.375rem}.vlsm-summary-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.85rem;color:var(--text-secondary)}.vlsm-summary-row strong{color:var(--text-primary);font-family:var(--font-mono)}@media(max-width:640px){.subnet-result-grid{grid-template-columns:1fr}.subnet-tabs{flex-wrap:wrap}.subnet-tab{padding:.5rem 1rem;font-size:.8rem}.vlsm-subnet-row{flex-wrap:wrap}.vlsm-name,.vlsm-hosts{max-width:100%!important}.binary-label{min-width:80px;font-size:.72rem}.binary-value,.binary-split{font-size:.7rem}}