.results-page{display:grid;gap:1.5rem}.results-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.result-card,.result-highlight,.nine-box-section{background:#fff;border:1px solid #d8dde3;border-radius:.75rem;padding:1.25rem}.result-card dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem}.result-card dd{margin:0}.result-note,.matrix-coordinate{color:#536170}.nine-box-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.nine-box-cell{min-height:8rem;border:2px solid #d8dde3;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.nine-box-cell:focus-visible{outline:3px solid #0b63ce;outline-offset:2px}.matrix-axis-y,.matrix-axis-x{font-weight:600}.result-indicator{border-top:1px solid #e3e6ea;padding-top:.75rem;margin-top:.75rem;overflow-wrap:anywhere}@media(max-width:600px){.nine-box-grid{grid-template-columns:1fr}.nine-box-cell{min-height:auto}.result-card dl{grid-template-columns:1fr}.results-page{min-width:0}}
.result-filters{background:#fff;border:1px solid #d8dde3;border-radius:.75rem;padding:1rem}

/* 02K.5R.4: Resultado oficial separa sus dos ejes en tabs y tarjetas legibles. */
.official-result-tabs-card {
    min-width: 0;
}

.official-result-tab-content {
    min-width: 0;
}

.official-result-grid {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 1rem;
    min-width: 0;
}

.official-result-grid .result-card {
    min-width: 0;
    height: auto;
}

.official-result-grid h3,
.official-result-grid dd {
    overflow-wrap: anywhere;
}

.official-result-grid .official-result-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: .25rem;
    margin: .75rem 0 0;
}

.official-result-grid .official-result-details dt {
    margin-top: .5rem;
    color: var(--sed-color-text-secondary);
    font-size: .875rem;
    font-weight: 700;
}

.official-result-grid .official-result-details dd {
    margin: 0;
}

@media (min-width: 48rem) {
    .official-result-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 75rem) {
    .official-result-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* 02K.5R.4A: estructura robusta para grid 3+2 y matriz visual 3x3. */
.official-result-tabs-card .assessment-primary-tabs .nav-link {
    flex: 0 0 50%;
    max-width: 50%;
}

.official-result-grid.row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0;
    min-width: 0;
}

.official-result-grid > .official-result-column,
.official-result-grid .result-card {
    min-width: 0;
}

.official-result-grid .result-card {
    width: 100%;
    height: auto;
}

.nine-box-matrix {
    display: grid;
    grid-template-columns: minmax(5rem, auto) repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: .75rem;
    min-width: 0;
}

.matrix-corner,
.matrix-axis-heading,
.matrix-column-label,
.matrix-row-label,
.matrix-values-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sed-color-text-secondary);
    font-weight: 700;
    text-align: center;
}

.matrix-values-title {
    grid-column: 2 / 5;
    color: var(--sed-color-primary);
    letter-spacing: .05em;
    text-transform: uppercase;
}

.matrix-axis-heading {
    color: var(--sed-color-primary);
    letter-spacing: .05em;
    text-transform: uppercase;
}

.nine-box-matrix .nine-box-cell {
    min-width: 0;
    background: var(--sed-color-surface-subtle);
    border-color: var(--sed-color-border);
    overflow-wrap: anywhere;
}

.nine-box-matrix .nine-box-cell strong {
    color: var(--sed-color-primary);
    font-size: 1rem;
}

.nine-box-matrix .matrix-count {
    font-weight: 700;
}

@media (max-width: 47.999rem) {
    .nine-box-matrix {
        grid-template-columns: 1fr;
    }

    .nine-box-matrix .matrix-corner,
    .nine-box-matrix .matrix-values-title,
    .nine-box-matrix .matrix-axis-heading,
    .nine-box-matrix .matrix-column-label,
    .nine-box-matrix .matrix-row-label {
        display: none;
    }

    .nine-box-matrix .nine-box-cell {
        min-height: auto;
    }
}