.binary-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 2px;
            margin: 20px 0;
            background: #f8f9fc;
            padding: 12px;
            border-radius: 12px;
        }
        .bit-cell {
            width: 28px;
            height: 40px;
            background: #e9ecef;
            text-align: center;
            line-height: 40px;
            font-family: monospace;
            font-weight: 600;
            font-size: 0.9rem;
            border-radius: 6px;
            transition: all 0.1s;
        }
        .bit-cell.network {
            background: #0d6efd20;
            border-bottom: 3px solid #0d6efd;
        }
        .bit-cell.host {
            background: #dc354520;
            border-bottom: 3px solid #dc3545;
        }
        .legend-subnet {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin: 0.5rem 0 1rem;
            font-size: 0.85rem;
        }
        .legend-color.net { background-color: #0d6efd; width: 18px; height: 18px; display: inline-block; border-radius: 3px; }
        .legend-color.host { background-color: #dc3545; width: 18px; height: 18px; display: inline-block; border-radius: 3px; }
        .result-value-large {
            font-size: 1.6rem;
            font-weight: 700;
            font-family: monospace;
            color: var(--primary-color);
        }
        .ip-octet {
            font-family: monospace;
            font-weight: 600;
        }
        .subnet-summary {
            background-color: #f1f5f9;
            border-radius: 1rem;
            padding: 1.2rem;
        }
        .info-card {
            background: white;
            border-radius: 16px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
            padding: 1.2rem;
            margin: 1rem 0;
        }
        .wildcard-badge {
            background: #2c3e50;
            color: white;
            border-radius: 20px;
            padding: 0.2rem 0.8rem;
            font-family: monospace;
        }
        .nav-tabs .nav-tabs @media (max-width: 700px) {
            .bit-cell { width: 22px; height: 34px; line-height: 34px; font-size: 0.7rem; }
        }