/* ============================================
   BREAKLINE SECURITY — Coverage Radar Section
   Shared by index.html + platform.html
============================================ */

.coverage-section { padding: var(--sp-22) 0; }

.coverage-layout {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: var(--sp-18);
    align-items: center;
}

.coverage-info .section-heading { margin-top: var(--sp-2); }
.coverage-info .section-sub     { margin-top: var(--sp-4); }

.radar-legend {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    margin-top: 2.25rem;
}

.radar-legend-item {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.radar-legend-swatch {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0.22rem;
}

.radar-legend-dispatch .radar-legend-swatch {
    background: #C0872C;
    box-shadow: 0 0 8px rgba(192, 135, 44, 0.55);
}

.radar-legend-stack .radar-legend-swatch {
    background: rgba(245, 245, 245, 0.55);
}

.radar-legend-name {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text);
    line-height: 1.4;
}

.radar-legend-note {
    font-size: 0.75rem;
    color: var(--text-3);
    margin-top: 0.15rem;
    font-family: var(--mono);
    letter-spacing: 0.02em;
}

.coverage-chart-wrap {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.coverage-chart-wrap svg {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 860px) {
    .coverage-layout {
        grid-template-columns: 1fr;
        gap: var(--sp-10);
    }
    .coverage-chart-wrap { max-width: 440px; }
}

@media (max-width: 768px) {
    .coverage-section { padding: var(--sp-14) 0; }
}