.subnet-workspace{max-width:1040px;margin:clamp(1.5rem,5vw,2.6rem) 0}.subnet-card,.subnet-result{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);position:relative}.subnet-card{padding:clamp(1rem,3vw,1.5rem);overflow:hidden}.subnet-accent{background:var(--grad);height:1px;position:absolute;inset:0 0 auto}.subnet-label,.subnet-split-form label{color:var(--fg);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:block}.subnet-hint{max-width:var(--measure);line-height:1.55;color:var(--fg-dim)!important;margin:.25rem 0 .75rem!important;font-size:.8rem!important}.subnet-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.subnet-input{appearance:none;width:100%;min-height:2.65rem;color:var(--fg);background:var(--bg);border:1px solid var(--line-hi);border-radius:var(--radius-panel);font-family:var(--font-mono);padding:.55rem .7rem;font-size:.88rem;line-height:1.4}.subnet-input::placeholder{color:var(--fg-faint);opacity:1}.subnet-input[aria-invalid=true]{border-color:var(--accent)}.subnet-btn,.subnet-copy{appearance:none;color:var(--fg-dim);border:1px solid var(--line-hi);border-radius:var(--radius-control);font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;font-size:.72rem;font-weight:600;line-height:1.25;transition:color .12s,border-color .12s,background .12s}.subnet-btn{min-height:2.65rem;padding:.55rem 1.1rem}.subnet-copy{flex:none;padding:.32rem .65rem}.subnet-btn:hover,.subnet-copy:hover{color:var(--accent);border-color:var(--accent-dim)}.subnet-btn:disabled,.subnet-copy:disabled{opacity:.5;color:var(--fg-dim);border-color:var(--line-hi);cursor:default}.subnet-btn-primary{color:var(--fg);border:0;padding-inline:1.35rem;position:relative}.subnet-btn-primary:before{content:"";border-radius:var(--radius-control);background:var(--grad);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.subnet-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;display:flex}.subnet-actions .subnet-btn{min-height:auto;padding-block:.4rem}.subnet-local{color:var(--fg-faint);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:.7rem}.subnet-local .lamp{color:var(--online)}.subnet-error:not(:empty){margin-top:.75rem}.subnet-error p{border:1px solid var(--line-hi);border-left-color:var(--accent);border-radius:var(--radius-panel);padding:.55rem .7rem;color:var(--fg)!important;margin:0!important;font-size:.82rem!important}.subnet-result{margin-top:1rem;overflow:hidden}.subnet-result[hidden],.subnet-split-result[hidden],.subnet-unavailable[hidden],.subnet-split-form[hidden],.subnet-btn[hidden],.subnet-copy[hidden],.subnet-stat[hidden]{display:none!important}.subnet-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding:1rem clamp(1rem,3vw,1.5rem);display:flex}.subnet-section-head h2{color:var(--fg);letter-spacing:-.01em;text-transform:none;margin:0;font-size:1rem;font-weight:700}.subnet-section-head h2:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.subnet-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent)!important;margin:0 0 .1rem!important;font-size:.66rem!important}.subnet-canonical{overflow-wrap:anywhere;max-width:65%;font-family:var(--font-mono);text-align:right;color:var(--fg)!important;margin:0!important;font-size:.82rem!important}.subnet-dl{margin:0}.subnet-stat{border-bottom:1px solid var(--line);grid-template-columns:minmax(9.5rem,.75fr) minmax(0,2fr);align-items:center;gap:1rem;min-height:3.2rem;padding:.55rem clamp(1rem,3vw,1.5rem);display:grid}.subnet-stat dt{color:var(--fg-dim);font-size:.76rem;font-weight:600}.subnet-stat dd{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin:0;display:flex}.subnet-value{overflow-wrap:anywhere;min-width:0;color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.82rem}.subnet-family-note,.subnet-unavailable{border:1px solid var(--line);border-left-color:var(--online);border-radius:var(--radius-panel);padding:.65rem .8rem;line-height:1.55;color:var(--fg-dim)!important;margin:1rem clamp(1rem,3vw,1.5rem)!important;font-size:.82rem!important}.subnet-split-head{border-bottom:0;padding-bottom:0}.subnet-split>.subnet-hint{margin-inline:clamp(1rem,3vw,1.5rem)!important}.subnet-split-form{grid-template-columns:minmax(7rem,.6fr) minmax(8rem,.7fr) minmax(14rem,1.4fr) auto auto;align-items:end;gap:.65rem;padding:0 clamp(1rem,3vw,1.5rem) 1rem;display:grid}.subnet-split-form label{letter-spacing:.08em}.subnet-split-form .subnet-input{margin-top:.25rem}.subnet-small-input{max-width:10rem}.subnet-page-input{max-width:18rem}.subnet-child-location{margin:0 clamp(1rem,3vw,1.5rem) 1rem}.subnet-row-selected td{background:color-mix(in srgb, var(--online) 12%, transparent)}.subnet-row-selected td:first-child{box-shadow:inset 3px 0 0 var(--online)}.subnet-split-dl{border-top:1px solid var(--line)}.subnet-table-head{justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,1.5rem) .7rem;display:flex}.subnet-table-head p{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-dim)!important;margin:0!important;font-size:.78rem!important}.subnet-table-head .subnet-btn{min-height:auto;padding-block:.4rem}.subnet-table-wrap{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--bg);scrollbar-color:var(--line-hi) var(--bg);margin:0 clamp(1rem,3vw,1.5rem);overflow-x:auto}.subnet-table{border-collapse:collapse;width:100%;min-width:76rem;color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem}.subnet-table th,.subnet-table td{border-bottom:1px solid var(--line);text-align:left;padding:.55rem .65rem}.subnet-table th{color:var(--fg-dim);background:var(--panel-hi);font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;position:sticky;top:0}.subnet-table tbody tr:last-child td{border-bottom:0}.subnet-table tbody tr:hover td{background:var(--panel)}.subnet-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:1rem clamp(1rem,3vw,1.5rem) 1.4rem;display:grid}.subnet-pagination .subnet-btn:first-child{justify-self:start}.subnet-pagination .subnet-btn:last-child{justify-self:end}.subnet-pagination span{color:var(--fg-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;font-size:.74rem}.subnet-guides{border-top:1px solid var(--line);margin-top:clamp(1.5rem,5vw,2.5rem)}.subnet-doc{border-bottom:1px solid var(--line)}.subnet-doc summary{min-height:2.75rem;color:var(--fg-dim);cursor:pointer;align-items:center;font-size:.85rem;font-weight:600;display:flex}.subnet-doc summary:hover{color:var(--accent)}.subnet-doc p{color:var(--fg-dim);margin:.2rem 0 .9rem;font-size:.9rem;line-height:1.6}@media (width<=760px){.subnet-input-row{grid-template-columns:1fr}.subnet-input-row .subnet-btn{justify-self:start}.subnet-section-head{flex-direction:column;align-items:start;gap:.35rem}.subnet-canonical{text-align:left;max-width:100%}.subnet-split-form{grid-template-columns:1fr 1fr}.subnet-split-form .subnet-btn{justify-self:start}}@media (width<=520px){.subnet-stat{grid-template-columns:1fr;gap:.15rem;padding-block:.7rem}.subnet-stat dd{align-items:start}.subnet-copy{margin-top:-1.35rem}.subnet-split-form{grid-template-columns:1fr}.subnet-small-input,.subnet-page-input{max-width:none}.subnet-table-head{flex-direction:column;align-items:start}.subnet-pagination{grid-template-columns:1fr 1fr}.subnet-pagination span{grid-area:1/1/auto/-1}.subnet-pagination .subnet-btn:first-child,.subnet-pagination .subnet-btn:last-child{grid-row:2}}@media (pointer:coarse){.subnet-btn,.subnet-copy,.subnet-doc summary{min-height:44px}.subnet-copy{padding-inline:.8rem}}@media (prefers-contrast:more){.subnet-card,.subnet-result,.subnet-stat,.subnet-table-wrap{border-color:var(--line-hi)}}.subnet-workspace{max-width:1180px}.subnet-examples,.subnet-button-row,.subnet-result-actions,.subnet-navigation{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.subnet-examples{color:var(--fg-faint);font-family:var(--font-mono);margin-top:.65rem;font-size:.68rem}.subnet-examples>span{letter-spacing:.08em;text-transform:uppercase;margin-right:.15rem}.subnet-examples button{appearance:none;color:var(--accent);border:0;border-bottom:1px dotted var(--accent-dim);font:inherit;cursor:pointer;background:0 0;padding:.2rem 0}.subnet-result-actions{border-bottom:1px solid var(--line);justify-content:flex-end;padding:.75rem clamp(1rem,3vw,1.5rem)}.subnet-result-actions .subnet-btn,.subnet-button-row .subnet-btn,.subnet-navigation .subnet-btn{min-height:auto;padding-block:.42rem}.subnet-result-section{border-bottom:1px solid var(--line-hi)}.subnet-result-section:last-child{border-bottom:0}.subnet-subhead{padding:1rem clamp(1rem,3vw,1.5rem) .8rem}.subnet-subhead h3{color:var(--fg);margin:0;font-size:.94rem;line-height:1.35}.subnet-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0 clamp(1rem,3vw,1.5rem) 1rem;display:grid}.subnet-compact-dl{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--bg);margin:0;overflow:hidden}.subnet-compact-dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(9.5rem,.85fr) minmax(0,1.5fr);gap:.75rem;padding:.55rem .7rem;display:grid}.subnet-compact-dl>div:last-child{border-bottom:0}.subnet-compact-dl dt{color:var(--fg-dim);font-size:.72rem;font-weight:600}.subnet-compact-dl dd{overflow-wrap:anywhere;min-width:0;color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:.72rem}.subnet-flag-grid{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0 clamp(1rem,3vw,1.5rem) 1rem;display:grid;overflow:hidden}.subnet-flag-grid>div{background:var(--bg);min-width:0;padding:.7rem}.subnet-flag-grid span,.subnet-flag-grid strong{display:block}.subnet-flag-grid span{color:var(--fg-dim);font-size:.68rem;font-weight:600}.subnet-flag-grid strong{overflow-wrap:anywhere;color:var(--fg);font-family:var(--font-mono);margin-top:.3rem;font-size:.7rem;font-weight:500}.subnet-evidence-note{line-height:1.55;color:var(--fg-dim)!important;margin:0 clamp(1rem,3vw,1.5rem) 1rem!important;font-size:.78rem!important}.subnet-warning-list,.subnet-match-list{list-style:none;padding:0 clamp(1rem,3vw,1.5rem) 1rem!important}.subnet-warning-list{gap:.55rem;display:grid;margin:0!important}.subnet-warning-list li{border:1px solid var(--line);border-left-color:var(--online);border-radius:var(--radius-panel);color:var(--fg-dim);gap:.15rem;padding:.65rem .8rem;font-size:.78rem;display:grid}.subnet-warning-list li[data-level=caution]{border-left-color:var(--edge)}.subnet-warning-list strong{color:var(--fg)}.subnet-match-list{color:var(--fg-dim);font-family:var(--font-mono);gap:.35rem;font-size:.7rem;display:grid;margin:-.35rem 0 0!important}.subnet-match-list:empty{display:none}.subnet-intersection-details{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel-hi);margin:0 clamp(1rem,3vw,1.5rem) 1rem}.subnet-intersection-details summary{min-height:44px;color:var(--fg);cursor:pointer;padding:.7rem .8rem;font-size:.78rem;font-weight:650}.subnet-intersection-list{margin:0!important;padding:0 .8rem .8rem!important}.subnet-copy-fallback{z-index:1000;width:min(40rem,100vw - 2rem);color:var(--fg);background:var(--panel-hi);border:2px solid var(--accent);border-radius:var(--radius-panel);gap:.65rem;padding:.8rem;display:grid;position:fixed;bottom:1rem;right:1rem;box-shadow:0 1rem 3rem #00000073}.subnet-copy-fallback p{color:var(--fg-dim);margin:0;font-size:.78rem}.subnet-copy-fallback textarea{width:100%;min-height:8rem;color:var(--fg);background:var(--bg);border:1px solid var(--line-hi);border-radius:calc(var(--radius-panel) / 2);font-family:var(--font-mono);resize:vertical;padding:.65rem;font-size:.78rem;line-height:1.45}.subnet-copy-fallback .subnet-btn{justify-self:end}.subnet-representation-table{white-space:normal;min-width:112rem}.subnet-representation-table th[scope=row]{z-index:1;min-width:10rem;color:var(--fg-dim);background:var(--panel-hi);font-family:var(--font-sans);position:sticky;left:0}.subnet-representation-table td{overflow-wrap:anywhere;min-width:15rem}.subnet-representation-table .subnet-binary{word-break:break-all;min-width:42rem}.subnet-navigation{padding:0 clamp(1rem,3vw,1.5rem) 1rem}.subnet-reverse-dl,.subnet-membership-result,.subnet-capacity-dl{margin:0 clamp(1rem,3vw,1.5rem) 1rem}.subnet-membership>.subnet-hint{margin-inline:clamp(1rem,3vw,1.5rem)!important}.subnet-inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;padding:0 clamp(1rem,3vw,1.5rem) 1rem;display:grid}.subnet-inline-form label,.subnet-capacity-form label,.subnet-range-form label,.subnet-set-form label,.subnet-plan-form label,.subnet-prefix-form label,.subnet-ipv6-structure-form label,.subnet-wildcard-form label,.subnet-review-form label{color:var(--fg);letter-spacing:.08em;text-transform:uppercase;gap:.25rem;font-size:.7rem;font-weight:700;display:grid}.subnet-inline-form label{grid-column:1}.subnet-inline-form .subnet-input{grid-area:2/1}.subnet-inline-form .subnet-btn{grid-area:2/2}.subnet-membership-result[hidden],.subnet-capacity-result[hidden],#subnet-child-location[hidden],#subnet-capacity-result[hidden],#subnet-range-result[hidden],#subnet-set-result[hidden],#subnet-plan-result[hidden],#subnet-prefix-result[hidden],#subnet-ipv6-structure-result[hidden],#subnet-wildcard-result[hidden],#subnet-review-result[hidden],#subnet-wildcard-table-wrap[hidden],[data-ipv6-allocation][hidden]{display:none!important}.subnet-split{border-top:0}.subnet-split .subnet-subhead{padding-bottom:.4rem}.subnet-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.subnet-utility-card{min-width:0}.subnet-utility-wide{grid-column:1/-1}.subnet-utility-card h2{color:var(--fg);letter-spacing:0;text-transform:none;margin:.1rem 0 .65rem;font-size:1rem}.subnet-utility-card>.subnet-hint{margin-bottom:1rem!important}.subnet-capacity-form,.subnet-range-form,.subnet-set-form,.subnet-plan-form,.subnet-prefix-form,.subnet-ipv6-structure-form,.subnet-wildcard-form,.subnet-review-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.7rem;display:grid}.subnet-capacity-form label:first-child,.subnet-capacity-form .subnet-btn,.subnet-range-form .subnet-btn,.subnet-set-form>label:first-child,.subnet-set-form>.subnet-evidence-note,.subnet-set-form .subnet-btn,.subnet-plan-form>label:first-child,.subnet-plan-form>.subnet-plan-requirements,.subnet-plan-form>.subnet-evidence-note,.subnet-plan-form .subnet-btn,.subnet-prefix-form>.subnet-prefix-entries,.subnet-prefix-form>.subnet-evidence-note,.subnet-prefix-form .subnet-btn,.subnet-ipv6-structure-form>.subnet-evidence-note,.subnet-ipv6-structure-form .subnet-btn,.subnet-wildcard-form>.subnet-evidence-note,.subnet-wildcard-form .subnet-btn,.subnet-review-form>.subnet-evidence-note,.subnet-review-form .subnet-btn{grid-column:1/-1}.subnet-capacity-form .subnet-btn,.subnet-range-form .subnet-btn,.subnet-set-form .subnet-btn,.subnet-plan-form .subnet-btn,.subnet-prefix-form .subnet-btn,.subnet-ipv6-structure-form .subnet-btn{justify-self:start}.subnet-wildcard-form{grid-template-columns:repeat(3,minmax(0,1fr))}.subnet-wildcard-form .subnet-btn,.subnet-review-form .subnet-btn{justify-self:start}.subnet-form-note{margin:0!important}.subnet-textarea{resize:vertical;min-height:8.5rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.45}.subnet-label-optional{color:var(--fg-dim);font-size:.64rem;font-weight:500}.subnet-utility-card .subnet-evidence-note{margin:.8rem 0 0!important}.subnet-utility-card .subnet-error:not(:empty){margin-bottom:.8rem}.subnet-utility-card .subnet-table-head{padding-inline:0}.subnet-utility-card .subnet-table-wrap{margin-inline:0}.subnet-range-table{min-width:52rem}.subnet-set-table,.subnet-free-table{min-width:62rem}.subnet-capacity-table{min-width:58rem}.subnet-wildcard-table{min-width:24rem}.subnet-review-table{min-width:72rem}.subnet-review-audit-table{white-space:normal;min-width:78rem}.subnet-prefix-table{min-width:68rem}.subnet-prefix-audit-table{white-space:normal;min-width:74rem}.subnet-ipv6-structure-table{white-space:normal;min-width:76rem}.subnet-plan-table{min-width:92rem}.subnet-set-summary,.subnet-plan-summary,.subnet-prefix-summary,.subnet-ipv6-structure-summary,.subnet-wildcard-summary,.subnet-review-summary{margin:0 0 1rem}.subnet-table-title{color:var(--fg);letter-spacing:.08em;text-transform:uppercase;margin:1.1rem 0 .55rem;font-size:.78rem}.subnet-capacity-dl{margin:1rem 0 0}.subnet-utility-card .subnet-family-note{margin-inline:0!important}@media (width<=920px){.subnet-flag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subnet-utility-grid{grid-template-columns:1fr}}@media (width<=760px){.subnet-detail-grid{grid-template-columns:1fr}.subnet-result-actions{justify-content:flex-start}.subnet-inline-form{grid-template-columns:1fr}.subnet-inline-form .subnet-btn{grid-area:3/1;justify-self:start}}@media (width<=520px){.subnet-compact-dl>div,.subnet-capacity-form,.subnet-range-form,.subnet-set-form,.subnet-plan-form,.subnet-prefix-form,.subnet-ipv6-structure-form,.subnet-wildcard-form,.subnet-review-form{grid-template-columns:1fr}.subnet-compact-dl>div{gap:.15rem}.subnet-flag-grid{grid-template-columns:1fr}.subnet-button-row{width:100%}}@media (pointer:coarse){.subnet-examples button,.subnet-result-actions .subnet-btn,.subnet-button-row .subnet-btn,.subnet-navigation .subnet-btn,.subnet-actions .subnet-btn,.subnet-btn{min-height:44px}}