.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}

.subnet-summary dt{font-weight:500;color:var(--bs-secondary-color);}
.subnet-summary dd{margin-bottom:.35rem;}

.subnet-binary{
    background:var(--bs-tertiary-bg);
    padding:.6rem .8rem;
    border-radius:.375rem;
    border:1px solid var(--bs-border-color);
}
.subnet-binary .bin-bit{padding:0 .1em;}
.subnet-binary .bin-net{
    background:rgba(13,110,253,.15);
    color:var(--bs-primary);
    font-weight:600;
}
.subnet-binary .bin-host{
    background:rgba(25,135,84,.15);
    color:var(--bs-success);
}
.subnet-binary .bin-octet-sep{margin:0 .4em;color:var(--bs-secondary-color);}

.legend-dot{
    display:inline-block;
    width:.7em;height:.7em;border-radius:50%;
    margin-right:.35em;vertical-align:middle;
}
.legend-net{background:rgba(13,110,253,.6);}
.legend-host{background:rgba(25,135,84,.6);}

[data-bs-theme="dark"] .subnet-binary .bin-net{background:rgba(77,171,247,.15);color:#74c0fc;}
[data-bs-theme="dark"] .subnet-binary .bin-host{background:rgba(81,207,102,.15);color:#8ce99a;}