/* Dark Peak Incident Assessor - municipal case-file skin. Brand: bone/void/blood/murk/brass. */
.incident { max-width: 60rem; margin: 0 auto; }
.hidden { display: none; }

.incident-letterhead {
    border-bottom: 3px double #111;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
.incident-dept {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 0.75rem;
    margin: 0;
    color: #880000;
}
.incident-letterhead h1 { margin: 0.2rem 0; }
.incident-ref { font-family: 'Oswald', sans-serif; font-size: 0.85rem; margin: 0; }

.incident-section { margin: 1.5rem 0; }
.incident-clues { font-family: 'Lora', serif; }
.incident-clues li { margin-bottom: 0.5rem; }
.incident-hint { font-size: 0.85rem; opacity: 0.8; }

/* One interlocking Murdle-style grid. Cells scale down to fit the viewport
   width (everything visible, tiny on the 5-axis hard tier). */
#gridArea { overflow-x: auto; }
.incident-grid { border-collapse: collapse; table-layout: fixed; margin: 0 auto; }
.incident-grid th, .incident-grid td { border: 1px solid #999; padding: 0; }
.incident-grid .corner { border: none; background: none; }
.incident-grid .cat-col, .incident-grid .cat-row {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: clamp(0.55rem, 2.4vw, 0.75rem);
    background: #0b5c79;
    color: #eeeeee;
    text-align: center;
}
.incident-grid .cat-col { border-bottom: 2px solid #111; }
.incident-grid .cat-row {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    border-right: 2px solid #111;
    white-space: nowrap;
}
.incident-grid .col {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: clamp(0.5rem, 2.2vw, 0.62rem);
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
    height: 5.5rem;
    padding: 0.2rem 0;
    max-width: 1.4rem;
    overflow: hidden;
}
.incident-grid .rowlabel {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: clamp(0.5rem, 2.2vw, 0.62rem);
    text-align: right;
    white-space: nowrap;
    max-width: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.3rem;
}
.incident-grid .incident-cell {
    width: clamp(0.8rem, 4.6vw, 2rem);
    height: clamp(0.8rem, 4.6vw, 2rem);
    text-align: center;
    vertical-align: middle;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: clamp(0.55rem, 3vw, 1rem);
    cursor: pointer;
    user-select: none;
    background: #eeeeee;
}
.incident-grid .incident-cell.mark-X { color: #880000; }
.incident-grid .incident-cell.mark-O { color: #0b5c79; background: #e7d288; }
.incident-grid .incident-spacer { border: none; background: none; }
/* Heavier lines at the start of each category block. */
.incident-grid td.incident-cell[data-colj="0"] { border-left: 2px solid #111; }

.incident-actions { margin: 1.5rem 0; display: flex; align-items: center; gap: 1rem; }
.incident-status { font-family: 'Oswald', sans-serif; font-size: 0.85rem; }

.incident-verdict {
    border: 3px double #111;
    padding: 1rem;
    background: #11111108;
}
.incident-verdict.filed h2 { color: #4a8a4a; }
.incident-reveal { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
.incident-reveal figure { margin: 0; text-align: center; width: 7rem; }
.incident-reveal img { width: 100%; height: auto; border: 1px solid #111; }
.incident-reveal figcaption { font-family: 'Oswald', sans-serif; font-size: 0.75rem; }
.incident-share { margin-top: 1rem; }