.next-chapter-offer,
.character-map,
.murder-board {
    width: min(1120px, calc(100% - 40px));
    margin: 52px auto;
    border: 1px solid rgba(225, 183, 103, 0.42);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(18, 31, 48, 0.98), rgba(4, 14, 25, 0.98));
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.22);
    color: #f8f4eb;
}

.owned-chapter-dialog {
    width: min(920px, calc(100vw - 28px));
    max-width: none;
    max-height: min(92vh, 1100px);
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(225, 183, 103, 0.5);
    border-radius: 20px;
    background: var(--house-ink);
    color: #f8f4eb;
}

.owned-chapter-dialog::backdrop {
    background: rgba(0, 7, 15, 0.82);
    backdrop-filter: blur(5px);
}

.owned-chapter-shell {
    max-height: min(92vh, 1100px);
    overflow-y: auto;
}

.owned-chapter-shell > header {
    position: sticky;
    z-index: 2;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 20px;
    align-items: start;
    padding: clamp(20px, 4vw, 36px);
    border-bottom: 1px solid rgba(225, 183, 103, 0.25);
    background: rgba(6, 17, 31, 0.97);
}

.owned-chapter-shell > header .eyebrow {
    grid-column: 1;
}

.owned-chapter-shell > header h1 {
    grid-column: 1;
    margin: 0;
    color: #efc978;
    font-family:var(--font-serif);
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1;
}

.owned-chapter-close {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-width: 76px;
    min-height: 44px;
    border: 1px solid rgba(225, 183, 103, 0.65);
    border-radius: 999px;
    background: transparent;
    color: #efc978;
    font-weight: 500;
}

.owned-chapter-content {
    max-width: 720px;
    margin: 0 auto;
    padding: clamp(30px, 6vw, 72px) clamp(20px, 5vw, 56px);
}

.owned-chapter-content img {
    max-width: 100%;
    height: auto;
}

.owned-chapter-feature-image {
    margin: 0 0 clamp(28px, 5vw, 48px);
}

.owned-chapter-feature-image img {
    display: block;
    width: 100%;
    border-radius: 14px;
}

.owned-chapter-feature-image figcaption {
    margin-top: 10px;
    color: rgba(248, 244, 235, 0.72);
    font-size: 0.86rem;
    line-height: 1.5;
}

.owned-chapter-close.is-footer {
    display: flex;
    grid-column: auto;
    grid-row: auto;
    align-items: center;
    justify-content: center;
    margin: 0 auto 42px;
    padding: 8px 18px;
}

.next-chapter-offer[hidden],
.character-map[hidden],
.character-map-warning[hidden],
.murder-board[hidden],
.murder-board-composer[hidden] {
    display: none !important;
}

.murder-board {
    overflow: hidden;
}

.murder-board-header,
.murder-board-toolbar,
.murder-board-region,
.murder-board-status {
    padding-right: clamp(22px, 5vw, 48px);
    padding-left: clamp(22px, 5vw, 48px);
}

.murder-board-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: end;
    padding-top: clamp(28px, 5vw, 52px);
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(225, 183, 103, 0.26);
}

.murder-board h2,
.murder-board h3,
.murder-board h4 {
    margin: 0;
    color: #f4cf84;
    font-family:var(--font-serif);
}

.murder-board h2 {
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 1;
}

.murder-board-header p,
.murder-board-card p,
.murder-board-list-item p {
    color: rgba(248, 244, 235, 0.82);
}

.murder-board-presence {
    display: grid;
    gap: 8px;
    justify-items: end;
    color: rgba(248, 244, 235, 0.72);
    font-size: 0.82rem;
}

.murder-board-presence span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 4px 12px;
    border: 1px solid rgba(225, 183, 103, 0.35);
    border-radius: 999px;
}

.murder-board-presence span.is-live::before {
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    background: #74d49b;
    box-shadow: 0 0 14px rgba(116, 212, 155, 0.8);
    content: "";
}

.murder-board-toolbar {
    display: flex;
    gap: 18px;
    align-items: end;
    justify-content: space-between;
    padding-top: 22px;
    padding-bottom: 22px;
}

.murder-board-toolbar label,
.murder-board-composer label,
.murder-board-report label {
    display: grid;
    gap: 8px;
    color: #f4cf84;
    font-weight: 500;
}

.murder-board select,
.murder-board input,
.murder-board textarea,
.murder-board button,
.murder-board-report select,
.murder-board-report textarea,
.murder-board-report button {
    min-height: 44px;
    border: 1px solid rgba(225, 183, 103, 0.5);
    border-radius: 10px;
    font:inherit;
}

.murder-board select,
.murder-board input,
.murder-board textarea,
.murder-board-report select,
.murder-board-report textarea {
    padding: 10px 12px;
    background: #081828;
    color: #faf8f2;
}

.murder-board button,
.murder-board-report button {
    padding: 9px 16px;
    background: transparent;
    color: #f4cf84;
    font-weight: 500;
    cursor: pointer;
}

.murder-board button:hover,
.murder-board button[aria-pressed="true"] {
    background: #f4cf84;
    color: var(--house-ink);
}

.murder-board button.is-danger {
    border-color: rgba(255, 142, 142, 0.55);
    color: #ffc1c1;
}

.murder-board-composer {
    display: grid;
    grid-template-columns: minmax(150px, 0.4fr) minmax(0, 1fr);
    gap: 18px;
    margin: 0 clamp(22px, 5vw, 48px) 28px;
    padding: 22px;
    border: 1px solid rgba(47, 113, 223, 0.6);
    border-radius: 16px;
    background: rgba(14, 47, 90, 0.32);
}

.murder-board-composer .is-wide {
    grid-column: 1 / -1;
}

.murder-board-composer div.is-wide {
    display: flex;
    gap: 12px;
}

.murder-board-region {
    padding-top: 12px;
    padding-bottom: 36px;
}

.murder-board-canvas {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
    min-height: 220px;
    padding: clamp(18px, 4vw, 34px);
    border: 1px solid rgba(225, 183, 103, 0.18);
    background-color: #07121f;
    background-image: radial-gradient(rgba(225, 183, 103, 0.12) 1px, transparent 1px);
    background-size: 24px 24px;
}

.murder-board-card,
.murder-board-list-item {
    padding: 20px;
    border: 1px solid rgba(225, 183, 103, 0.32);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(15, 37, 59, 0.98), rgba(6, 17, 31, 0.98));
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

.murder-board-card:nth-child(3n + 2) {
    transform: rotate(0.5deg);
}

.murder-board-card:nth-child(3n) {
    transform: rotate(-0.45deg);
}

.murder-board-meta {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.murder-board-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.murder-board-replies {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
    padding: 16px 0 0;
    border-top: 1px solid rgba(225, 183, 103, 0.2);
    list-style: none;
}

.murder-board-replies li {
    display: grid;
    gap: 4px;
}

.murder-board-evidence {
    display: grid;
    gap: 0.55rem;
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

.murder-board-evidence li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem;
    border-left: 3px solid var(--house-gold, var(--house-gold));
    background: rgba(243, 198, 122, 0.07);
}

.murder-board-collaboration {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.murder-board-collaboration summary {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: var(--house-gold);
    cursor: pointer;
}

.murder-board-collaboration form,
.murder-board-connections form {
    display: grid;
    gap: 0.7rem;
    margin: 0.8rem 0;
}

.murder-board-collaboration label,
.murder-board-connections label {
    display: grid;
    gap: 0.35rem;
}

.murder-board-connections {
    margin: 1.5rem 0;
    padding: clamp(1rem, 3vw, 1.75rem);
    border: 1px solid rgba(196, 45, 56, 0.62);
    background: linear-gradient(135deg, rgba(63, 7, 14, 0.38), rgba(2, 15, 32, 0.92));
}

.murder-board-connections form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.murder-board-connections form label:nth-of-type(3),
.murder-board-connections form button {
    grid-column: 1 / -1;
}

.murder-board-connections ol {
    display: grid;
    gap: 0.6rem;
    padding: 0;
    list-style: none;
}

.murder-board-connections li {
    padding: 0.8rem;
    border: 1px dashed rgba(235, 78, 88, 0.5);
}

.expanded-series-hub,
.expanded-reader-notes,
.expanded-commentary-requests {
    width: min(100%, 1120px);
    margin: 2rem auto;
    padding: clamp(1.25rem, 4vw, 2.5rem);
    border: 1px solid rgba(243, 198, 122, 0.34);
    background: rgba(4, 16, 29, 0.94);
    color: var(--house-text);
}

.expanded-discovery {
    margin: 1.5rem 0;
    padding: clamp(1rem, 3vw, 1.75rem);
    border: 1px solid rgba(243, 198, 122, 0.3);
    background: rgba(4, 16, 29, 0.8);
}

.expanded-discovery form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 1rem 0;
}

.expanded-discovery label {
    display: grid;
    gap: 0.35rem;
}

.expanded-discovery select {
    min-height: 44px;
}

.expanded-discovery [data-expanded-discovery-results] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.8rem;
}

.expanded-discovery article {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
}

.expanded-series-hub > header,
.expanded-story-reviews > header,
.expanded-reader-notes > header,
.expanded-commentary-requests > header,
.expanded-my-house > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.expanded-series-hub button,
.expanded-story-reviews button,
.expanded-reader-notes button {
    min-height: 44px;
}

.expanded-commentary-requests button {
    min-height: 44px;
}

.expanded-series-facets,
.expanded-series-hub nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin: 1rem 0;
}

.expanded-series-facets span,
.expanded-series-hub nav a {
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(243, 198, 122, 0.34);
}

.expanded-story-reviews,
.expanded-reader-notes form,
.expanded-commentary-requests form {
    margin-top: 1.5rem;
}

.expanded-story-reviews form,
.expanded-reader-notes form,
.expanded-commentary-requests form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.expanded-story-reviews label,
.expanded-reader-notes label,
.expanded-commentary-requests label {
    display: grid;
    gap: 0.35rem;
}

.expanded-story-reviews textarea,
.expanded-reader-notes textarea,
.expanded-reader-notes select,
.expanded-commentary-requests textarea,
.expanded-commentary-requests select,
.expanded-story-reviews input {
    width: 100%;
    min-height: 44px;
    padding: 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #020f20;
    color: var(--house-text);
}

.expanded-story-reviews form label:nth-of-type(2),
.expanded-story-reviews form button,
.expanded-story-reviews form p,
.expanded-reader-notes form label:nth-of-type(2),
.expanded-reader-notes form label:nth-of-type(3),
.expanded-reader-notes form button[type="submit"],
.expanded-reader-notes form p {
    grid-column: 1 / -1;
}

.expanded-commentary-requests form label:nth-of-type(2),
.expanded-commentary-requests form label:nth-of-type(3),
.expanded-commentary-requests form button[type="submit"],
.expanded-commentary-requests form p {
    grid-column: 1 / -1;
}

.expanded-annotation-list,
.expanded-commentary-list {
    margin-top: 1.5rem;
}

.expanded-annotation-list ul,
.expanded-commentary-list ol,
.expanded-commentary-queue > ol {
    display: grid;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.expanded-annotation-list li,
.expanded-commentary-list li,
.expanded-commentary-queue > ol > li {
    padding: 1rem;
    border: 1px solid rgba(118, 169, 255, 0.38);
    background: rgba(6, 23, 42, 0.86);
}

/* Private annotations remain readable inside the collapsed reader tool. */
.expanded-annotation-list li {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    overflow-wrap: anywhere;
}

.expanded-annotation-list li > strong,
.expanded-annotation-list li > q,
.expanded-annotation-list li > p {
    width: 100%;
    margin: 0;
}

.expanded-reader-notes [data-private-edit-reload] {
    grid-column: 1 / -1;
}

.expanded-reader-notes :focus-visible,
.expanded-commentary-requests :focus-visible {
    outline: 3px solid #76a9ff;
    outline-offset: 3px;
}

.expanded-commentary-list li > header,
.expanded-commentary-queue article > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.expanded-commentary-list li > header span,
.expanded-commentary-queue article > header span {
    color: #efc978;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}

.expanded-commentary-list blockquote,
.expanded-commentary-queue blockquote {
    margin: 1rem 0;
    padding: 0.7rem 1rem;
    border-left: 3px solid #76a9ff;
    font-family:var(--font-serif);
}

.expanded-commentary-response {
    margin-top: 1rem;
    padding: 0.9rem;
    border-left: 3px solid #efc978;
    background: rgba(239, 201, 120, 0.08);
}

.expanded-commentary-response span {
    color: #efc978;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.expanded-commentary-queue > ol > li {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr);
    gap: 1rem;
}

.expanded-commentary-queue > ol > li.is-complete {
    grid-template-columns: 1fr;
}

.expanded-commentary-queue form textarea,
.expanded-commentary-queue form select {
    width: 100%;
    min-height: 44px;
    padding: 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #020f20;
    color: var(--house-text);
}

.expanded-story-reviews > div,
.expanded-reader-notes > ul,
.expanded-house-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
    padding: 0;
}

.expanded-story-reviews article,
.expanded-reader-notes > ul > li,
.expanded-house-grid article {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.035);
    list-style: none;
}

.expanded-my-house {
    display: grid;
    gap: 1rem;
}

.expanded-house-panel {
    margin-top: 1rem;
    padding: clamp(1rem, 3vw, 1.6rem);
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.025);
}

.expanded-house-panel > header,
.expanded-house-panel article > header,
.expanded-followed-stories li,
.expanded-house-panel ol > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.expanded-house-panel form,
.expanded-house-panel fieldset,
.expanded-followed-stories ul,
.expanded-house-panel ol {
    display: grid;
    gap: 0.7rem;
}

.expanded-house-panel form {
    margin-top: 1rem;
}

[data-release-alerts] {
    margin-block: 1.5rem;
}

[data-release-alerts-list] ul {
    display: grid;
    gap: 0.75rem;
    padding: 0;
    list-style: none;
}

[data-release-alert-id] {
    display: grid;
    gap: 0.4rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.025);
    overflow-wrap: anywhere;
}

[data-release-alert-state] {
    color: var(--house-gold);
    font-size: 0.85em;
}

[data-release-alert-controls] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

[data-expanded-onboarding] ol[hidden] {
    display: none;
}

[data-expanded-onboarding] nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin: 1rem 0;
}

[data-expanded-onboarding] nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.expanded-house-panel fieldset {
    margin: 0;
    padding: 1rem;
    border: 1px solid rgba(243, 198, 122, 0.3);
}

.expanded-house-panel label {
    display: grid;
    gap: 0.35rem;
}

.expanded-house-panel fieldset label,
.expanded-story-checks label {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.expanded-house-panel input:not([type="checkbox"]),
.expanded-house-panel textarea,
.expanded-house-panel select,
.expanded-house-panel button {
    min-height: 44px;
}

.expanded-house-panel input:not([type="checkbox"]),
.expanded-house-panel textarea,
.expanded-house-panel select {
    width: 100%;
    padding: 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #020f20;
    color: var(--house-text);
}

.expanded-house-panel button {
    padding: 0.65rem 1rem;
    border: 1px solid rgba(243, 198, 122, 0.55);
    background: #091726;
    color: var(--house-text);
}

.expanded-story-checks,
.expanded-recognition-grid,
[data-reader-list-results] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.8rem;
}

[data-reader-list-results] article,
.expanded-recognition-grid article {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.expanded-house-panel ol > li,
.expanded-followed-stories li {
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.expanded-house-panel li.is-complete strong,
.expanded-recognition-grid article > span {
    color: var(--house-gold);
}

.murder-board-text {
    margin-top: 32px;
}

.murder-board-text > ol {
    display: grid;
    gap: 14px;
    padding: 0;
    list-style-position: inside;
}

.murder-board-status {
    min-height: 52px;
    margin: 0;
    padding-top: 14px;
    padding-bottom: 20px;
    color: #9fc0f4;
}

.murder-board-status.is-error {
    color: #ffc1c1;
}

.murder-board-report {
    width: min(560px, calc(100vw - 28px));
    padding: 0;
    border: 1px solid rgba(225, 183, 103, 0.55);
    border-radius: 18px;
    background: var(--house-ink);
    color: #faf8f2;
}

.murder-board-report::backdrop {
    background: rgba(0, 7, 15, 0.82);
}

.murder-board-report form {
    display: grid;
    gap: 18px;
    padding: 28px;
}

.murder-board-report form > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.murder-board button:focus-visible,
.murder-board select:focus-visible,
.murder-board input:focus-visible,
.murder-board textarea:focus-visible,
.murder-board-report button:focus-visible,
.murder-board-report select:focus-visible,
.murder-board-report textarea:focus-visible {
    outline: 3px solid #76a9ff;
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .murder-board-connections form {
        grid-template-columns: 1fr;
    }

    .murder-board-connections form label,
    .murder-board-connections form button {
        grid-column: 1;
    }

    .expanded-series-hub > header,
    .expanded-story-reviews > header,
    .expanded-reader-notes > header,
    .expanded-commentary-requests > header,
    .expanded-my-house > header {
        display: grid;
    }

    .expanded-story-reviews form,
    .expanded-reader-notes form {
        grid-template-columns: 1fr;
    }

    .expanded-commentary-requests form,
    .expanded-commentary-queue > ol > li {
        grid-template-columns: 1fr;
    }

    .expanded-house-panel > header,
    .expanded-house-panel article > header,
    .expanded-followed-stories li,
    .expanded-house-panel ol > li {
        align-items: stretch;
        flex-direction: column;
    }

    .expanded-discovery form {
        grid-template-columns: 1fr;
    }

    .expanded-story-reviews form label,
    .expanded-story-reviews form button,
    .expanded-story-reviews form p,
    .expanded-reader-notes form label,
    .expanded-reader-notes form button,
    .expanded-reader-notes form p {
        grid-column: 1;
    }
    .expanded-commentary-requests form label,
    .expanded-commentary-requests form button,
    .expanded-commentary-requests form p {
        grid-column: 1;
    }
    .murder-board-header,
    .murder-board-canvas,
    .murder-board-composer {
        grid-template-columns: 1fr;
    }

    .murder-board-header {
        align-items: start;
    }

    .murder-board-presence {
        justify-items: start;
    }

    .murder-board-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .murder-board-toolbar select,
    .murder-board-toolbar button {
        width: 100%;
    }

    .murder-board-composer .is-wide {
        grid-column: auto;
    }

    .murder-board-card:nth-child(n) {
        transform: none;
    }
}

.next-chapter-offer {
    padding: clamp(24px, 5vw, 48px);
}

.next-chapter-offer-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 32px;
    align-items: end;
}

.next-chapter-offer h2,
.character-map h2 {
    margin: 5px 0 12px;
    color: #efc978;
}

.next-chapter-offer p,
.character-map p {
    color: rgba(248, 244, 235, 0.78);
}

.next-chapter-release {
    margin: 20px 0 0;
    font-weight: 500;
    color: #fff !important;
}

.next-chapter-policy {
    max-width: 720px;
    margin: 12px 0 0;
    font-size: 0.9rem;
    line-height: 1.55;
}

.next-chapter-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.next-chapter-actions .button,
.next-chapter-actions button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.next-chapter-actions .is-secondary {
    border: 1px solid rgba(225, 183, 103, 0.65);
    background: transparent;
    color: #efc978;
}

.next-chapter-status,
.character-map-status {
    min-height: 1.5em;
    margin: 18px 0 0;
}

.character-map {
    padding: clamp(22px, 4vw, 42px);
}

.character-map > header,
.character-map-toolbar,
.character-map-region {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.character-map > header {
    align-items: end;
}

.character-map-toolbar {
    margin: 28px 0 18px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
}

.character-map-toolbar label {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 500;
}

.character-map-toolbar select,
.character-map-toolbar button,
.character-map-warning button {
    min-height: 44px;
    border: 1px solid rgba(225, 183, 103, 0.5);
    border-radius: 999px;
    background: #091726;
    color: #fff;
    padding: 8px 16px;
}

.character-map-toolbar > div {
    display: flex;
    gap: 8px;
}

.character-map-warning {
    margin: 0 0 18px;
    padding: 18px;
    border-left: 4px solid #efc978;
    background: rgba(239, 201, 120, 0.1);
}

.character-map-warning strong {
    display: block;
    font-size: 1.1rem;
}

.character-map-warning div {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.character-map-region {
    align-items: stretch;
}

.character-map-scroll {
    flex: 1 1 62%;
    min-width: 0;
    min-height: 340px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: radial-gradient(circle at 50% 20%, rgba(64, 111, 206, 0.18), transparent 50%), #06111e;
}

.character-map-canvas {
    --map-scale: 1;
    min-width: 620px;
    min-height: 340px;
    padding: 32px;
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 22px;
    align-content: center;
    transform: scale(var(--map-scale));
    transform-origin: top left;
}

.character-map-node {
    min-height: 144px;
    padding: 18px;
    text-align: left;
    border: 1px solid rgba(114, 160, 242, 0.45);
    border-radius: 18px;
    background: rgba(11, 27, 44, 0.96);
    color: #fff;
}

.character-map-node span,
.character-map-node strong,
.character-map-node small {
    display: block;
}

.character-map-node span {
    color: #8fb5ff;
    font-size: 0.76rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.character-map-node strong {
    margin: 8px 0;
    font-size: 1.15rem;
}

.character-map-node small {
    color: rgba(248, 244, 235, 0.72);
}

.character-map-node.is-selected {
    border-color: #efc978;
    box-shadow: 0 0 0 3px rgba(239, 201, 120, 0.15);
}

.character-map-list {
    flex: 1 1 38%;
    min-width: 0;
    padding: 22px;
    overflow-wrap: anywhere;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
}

.character-map-list h3 {
    margin-top: 0;
}

.character-map-list ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.character-map-list li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
    gap: 8px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.character-map-list li span {
    color: #efc978;
    text-align: center;
}

.character-map-list li p {
    grid-column: 1 / -1;
    margin: 4px 0 0;
}

@media (max-width: 560px) {
    .character-map-list li {
        grid-template-columns: minmax(0, 1fr);
    }

    .character-map-list li span {
        text-align: left;
    }
}

.reader-analytics[hidden],
.house-referrals[hidden] {
    display: none !important;
}

.reader-analytics-trust,
.house-referral-privacy {
    max-width: 820px;
    color: var(--house-muted);
    line-height: 1.65;
}

.reader-analytics-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.reader-analytics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: 22px;
    border: 1px solid rgba(195, 211, 231, 0.16);
    background: rgba(195, 211, 231, 0.16);
}

.reader-analytics-grid article {
    min-width: 0;
    padding: 18px;
    background: var(--house-raised);
}

.reader-analytics-grid span,
.reader-analytics-grid small,
.house-referral-stats span {
    display: block;
    color: #9eacbd;
}

.reader-analytics-grid strong,
.house-referral-stats strong {
    display: block;
    margin: 4px 0;
    color: #fff;
    font-size: clamp(1.5rem, 3vw, 2.4rem);
}

.reader-analytics-progress {
    margin-top: 28px;
}

.reader-analytics-progress h3,
.house-referral-milestones h3 {
    margin-bottom: 12px;
    color: #efc978;
}

.reader-analytics-progress [data-reader-analytics-progress] {
    display: grid;
    gap: 10px;
}

.reader-analytics-progress article {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(180px, 2fr) auto;
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid rgba(195, 211, 231, 0.16);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
}

.reader-analytics-progress article div:first-child strong,
.reader-analytics-progress article div:first-child span {
    display: block;
}

.reader-analytics-progress article div:first-child span,
.reader-analytics-progress article small,
.reader-analytics-empty {
    color: #9eacbd;
}

.reader-analytics-track {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #27374a;
}

.reader-analytics-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--house-gold);
}

.reader-analytics-privacy {
    margin-top: 20px;
    padding: 16px 18px;
    border-left: 3px solid rgba(237, 189, 104, 0.7);
    background: rgba(255, 255, 255, 0.035);
}

.reader-analytics-privacy summary {
    color: #efc978;
    font-weight: 500;
    cursor: pointer;
}

.house-referral-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
    gap: 18px;
}

.house-referral-terms {
    margin: 0 0 20px;
    padding: 18px 20px;
    border-left: 3px solid rgba(237, 189, 104, 0.7);
    background: rgba(255, 255, 255, 0.035);
}

.house-referral-terms[hidden] {
    display: none !important;
}

.house-referral-terms h3,
.house-referral-terms p {
    margin: 4px 0 0;
}

.house-referral-terms [data-referral-terms-summary] {
    color: var(--house-muted);
    line-height: 1.65;
}

.house-referral-code-card,
.house-referral-stats,
.house-referral-claim {
    padding: 22px;
    border: 1px solid rgba(195, 211, 231, 0.16);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(19, 34, 50, 0.96), rgba(9, 20, 32, 0.96));
}

.house-referral-code-card > p {
    margin-top: 0;
    color: #9eacbd;
}

.house-referral-code-card > strong {
    display: block;
    margin: 8px 0 16px;
    color: #efc978;
    font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: clamp(1.35rem, 3vw, 2rem);
    letter-spacing: 0.08em;
}

.house-referral-code-card input,
.house-referral-claim input {
    width: 100%;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid rgba(195, 211, 231, 0.25);
    border-radius: 8px;
    background: var(--house-ink);
    color: #fff;
}

.house-referral-code-card > div,
.house-referral-claim > div {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.house-referral-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    gap: 1px;
    padding: 1px;
    background: rgba(195, 211, 231, 0.16);
}

.house-referral-stats article {
    padding: 18px;
    background: var(--house-raised);
}

.house-referral-milestones {
    margin-top: 20px;
}

.house-referral-milestones ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.house-referral-milestones li {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    min-height: 44px;
    padding: 8px 14px;
    border: 1px solid rgba(195, 211, 231, 0.2);
    border-radius: 999px;
    color: var(--house-muted);
}

.house-referral-milestones li.is-earned {
    border-color: rgba(237, 189, 104, 0.7);
    color: #efc978;
}

.house-referral-claim {
    margin-top: 20px;
}

.house-referral-claim label {
    display: block;
    color: #fff;
    font-weight: 500;
}

[data-reader-analytics-status],
[data-referral-status] {
    min-height: 1.5em;
    color: var(--house-muted);
}

.my-house-owned-chapters {
    display: grid;
    gap: 8px;
    width: 100%;
    margin: 2px 0 18px;
    padding: 0;
    list-style: none;
}

.my-house-owned-chapters button {
    width: 100%;
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid rgba(237, 189, 104, 0.35);
    border-radius: 10px;
    background: rgba(237, 189, 104, 0.06);
    color: #efc978;
    font:inherit;
    font-weight: 500;
    text-align: left;
}

.my-house-owned-chapters > li > span {
    display: block;
    padding: 9px 12px;
    border: 1px solid rgba(195, 211, 231, 0.14);
    border-radius: 10px;
    color: #9eacbd;
}

.referral-attribution {
    position: fixed;
    z-index: 1000;
    right: 20px;
    bottom: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 18px;
    align-items: center;
    width: min(760px, calc(100vw - 40px));
    padding: 20px;
    border: 1px solid rgba(237, 189, 104, 0.62);
    border-radius: 18px;
    background: var(--house-raised);
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.45);
    color: #f8f4eb;
}

.referral-attribution strong {
    display: block;
    margin: 4px 0;
    color: #fff;
    font-size: 1.15rem;
}

.referral-attribution p:not(.eyebrow) {
    margin: 4px 0 0;
    color: var(--house-muted);
}

.referral-attribution .button,
.referral-attribution-dismiss {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 9px 14px;
    white-space: nowrap;
}

.house-insights {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
    padding: clamp(42px, 8vw, 100px) 0;
    color: #f8f4eb;
}

.house-insights[hidden] {
    display: none !important;
}

.house-insights > header {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(237, 189, 104, 0.5);
}

.house-insights h1 {
    margin: 6px 0 10px;
    color: #efc978;
    font-family:var(--font-serif);
    font-size: clamp(3rem, 8vw, 7rem);
    font-weight: 500;
    line-height: 0.9;
}

.house-insights > header p:last-child,
.house-insights-trust {
    max-width: 820px;
    color: var(--house-muted);
    line-height: 1.65;
}

.house-insights > header > span {
    padding: 8px 12px;
    border: 1px solid rgba(237, 189, 104, 0.5);
    border-radius: 999px;
    color: #efc978;
    white-space: nowrap;
}

.house-insights-range {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: end;
    margin: 28px 0 18px;
}

.house-insights-range label {
    display: grid;
    gap: 6px;
    color: var(--house-muted);
    font-weight: 500;
}

.house-insights-range input {
    min-height: 48px;
    padding: 9px 12px;
    border: 1px solid rgba(195, 211, 231, 0.25);
    border-radius: 8px;
    background: var(--house-ink);
    color: #fff;
    color-scheme: dark;
}

.house-insights-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin: 28px 0;
    border: 1px solid rgba(195, 211, 231, 0.16);
    background: rgba(195, 211, 231, 0.16);
}

.house-insights-summary article {
    padding: 18px;
    background: var(--house-raised);
}

.house-insights-summary span,
.house-insights-summary small {
    display: block;
    color: #9eacbd;
}

.house-insights-summary strong {
    display: block;
    margin: 5px 0;
    color: #fff;
    font-size: clamp(1.5rem, 3vw, 2.5rem);
}

.house-insights-table-scroll {
    overflow-x: auto;
    border: 1px solid rgba(195, 211, 231, 0.16);
    border-radius: 16px;
}

.house-insights table {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
    background: var(--house-raised);
}

.house-insights caption {
    padding: 14px 16px;
    color: var(--house-muted);
    text-align: left;
}

.house-insights th,
.house-insights td {
    padding: 12px 16px;
    border-top: 1px solid rgba(195, 211, 231, 0.12);
    text-align: left;
}

.house-insights th {
    color: #efc978;
}

.house-insights [data-house-insights-status] {
    min-height: 1.5em;
    color: var(--house-muted);
}

.referral-attribution-dismiss {
    border: 0;
    background: transparent;
    color: #efc978;
    font:inherit;
    font-weight: 500;
}

.reader-analytics button:focus-visible,
.house-referrals button:focus-visible,
.house-referrals input:focus-visible,
.character-map button:focus-visible,
.character-map select:focus-visible,
.next-chapter-offer button:focus-visible,
.next-chapter-offer a:focus-visible {
    outline: 3px solid #8fb5ff;
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .next-chapter-offer,
    .character-map {
        width: min(100% - 24px, 1120px);
        margin: 30px auto;
        border-radius: 18px;
    }

    .next-chapter-offer-body,
    .character-map-region {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .next-chapter-actions,
    .next-chapter-actions .button,
    .next-chapter-actions button {
        width: 100%;
    }

    .character-map > header,
    .character-map-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .character-map-toolbar label,
    .character-map-toolbar select {
        width: 100%;
    }

    .character-map-toolbar > div button {
        flex: 1;
    }

    .character-map-scroll {
        min-height: 300px;
    }

    .character-map-warning div {
        display: grid;
    }

    .owned-chapter-dialog {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
        border-radius: 14px;
    }

    .owned-chapter-shell {
        max-height: calc(100vh - 16px);
    }

    .owned-chapter-shell > header {
        grid-template-columns: minmax(0, 1fr);
    }

    .owned-chapter-close {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .reader-analytics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reader-analytics-progress article,
    .house-referral-layout {
        grid-template-columns: 1fr;
    }

    .reader-analytics-progress article small {
        justify-self: end;
    }

    .house-referral-stats {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    }

    .house-referral-code-card > div,
    .house-referral-claim > div {
        display: grid;
        grid-template-columns: 1fr;
    }

    .house-referral-code-card .my-house-button,
    .house-referral-claim .my-house-button,
    .reader-analytics-actions,
    .reader-analytics-actions .my-house-button {
        width: 100%;
    }

    .referral-attribution {
        right: 8px;
        bottom: 8px;
        grid-template-columns: 1fr;
        width: calc(100vw - 16px);
    }

    .referral-attribution .button,
    .referral-attribution-dismiss {
        width: 100%;
    }

    .house-insights {
        width: calc(100% - 24px);
    }

    .house-insights > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .house-insights-range,
    .house-insights-range label,
    .house-insights-range input,
    .house-insights-range .my-house-button {
        width: 100%;
    }

    .house-insights-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 460px) {
    .reader-analytics-grid,
    .house-referral-stats,
    .house-insights-summary {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .character-map-canvas {
        scroll-behavior: auto;
    }
}

/* Murder Board: one readable workspace, with tools revealed when needed. */
.murder-board [hidden] { display: none !important; }
.murder-board { scroll-margin-top: 24px; }
.murder-board-header { gap: 16px; padding-top: 28px; padding-bottom: 20px; }
.murder-board h2 { font-size: clamp(1.75rem, 3.5vw, 2.6rem); line-height: 1.15; }
.murder-board-header p { margin: 10px 0 0; max-width: 62ch; }
.murder-board-header .eyebrow { margin: 0 0 10px; }
.murder-board-presence strong { font-weight: 400; max-width: 16ch; text-align: right; }
.murder-board-toolbar { gap: 14px; padding-top: 18px; padding-bottom: 18px; }
.murder-board-toolbar label { font-size: 0.85rem; }
.murder-board-toolbar-actions, .murder-board-form-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.murder-board button { font-size: 0.9rem; }
.murder-board button.is-primary { color: #07121f; background: #f4cf84; }
.murder-board button:disabled { opacity: 0.55; cursor: wait; }
.murder-board input, .murder-board select, .murder-board textarea { min-width: 0; width: 100%; box-sizing: border-box; }
.murder-board textarea { resize: vertical; }
.murder-board input::placeholder, .murder-board textarea::placeholder { color: #99aabe; }
.murder-board-region { padding-bottom: 16px; }
.murder-board-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; }
.murder-board-section-heading h3 { font-size: 1.3rem; }
.murder-board-section-heading h3 span { margin-left: 8px; color: #9fadc0; font:400 0.85rem var(--font-sans); }
.murder-board-connections { margin: 0 0 24px; padding: 20px; border-color: rgba(225,183,103,0.24); border-radius: 14px; background: #0b1929; }
.murder-board-hint { margin: 0 0 12px; color: #b9c4d2; font-size: 0.9rem; }
.murder-board-endpoints { display: flex; flex-wrap: wrap; gap: 8px; }
.murder-board-endpoint { border-radius: 999px !important; background: #12263b !important; color: #f7ecd7 !important; }
.murder-board-endpoint:hover, .murder-board-endpoint[aria-pressed="true"] { background: #f4cf84 !important; color: #07121f !important; }
.murder-board-connections form { padding: 18px 0 0; margin: 16px 0 0; border-top: 1px solid #304053; }
.murder-board-connections form label { font-size: 0.85rem; }
.murder-board-form-actions { grid-column: 1 / -1; }
.murder-board-connections ol { margin: 20px 0 0; gap: 10px; }
.murder-board-connections li { display: grid; grid-template-columns: minmax(0,1fr) minmax(90px,1.1fr) minmax(0,1fr); align-items: center; gap: 12px; padding: 14px; border: 1px solid rgba(230,127,136,0.22); border-radius: 10px; background: rgba(91,33,47,0.13); font-size: 0.9rem; text-align: center; overflow-wrap: anywhere; }
.murder-board-string { position: relative; color: #e9b1b6; padding: 5px 0 9px; border-bottom: 2px solid #b75665; font-size: 0.85rem; }
.murder-board-string::before, .murder-board-string::after { content: ''; position: absolute; bottom: -4px; width: 6px; height: 6px; background: #e49a9e; border-radius: 50%; }
.murder-board-string::before { left: 0; }
.murder-board-string::after { right: 0; }
.murder-board-canvas { min-height: 0; gap: 14px; padding: 0; border: 0; background: transparent; }
.murder-board-canvas.is-list { grid-template-columns: 1fr; }
.murder-board-card:nth-child(n) { transform: none; box-shadow: none; }
.murder-board-card { min-width: 0; overflow-wrap: anywhere; padding: 20px; }
.murder-board-card h3 { font-size: 1.25rem; line-height: 1.3; }
.murder-board-card > p:not(.murder-board-meta) { white-space: pre-wrap; }
.murder-board-meta { font-size: 0.75rem; letter-spacing: 0.02em; text-transform: none; }
.murder-board-actions { gap: 6px; }
.murder-board-actions button { padding: 7px 10px; font-size: 0.8rem; }
.murder-board-empty { padding: 24px; border: 1px dashed rgba(225,183,103,0.35); border-radius: 14px; text-align: center; }
.murder-board-empty strong { color: #f4cf84; font:1.3rem var(--font-serif); }
.murder-board-empty p { margin: 8px 0 16px; color: #b9c4d2; font-size: 0.9rem; }
.murder-board-status { min-height: 0; padding-top: 10px; padding-bottom: 20px; font-size: 0.85rem; }
.murder-board-status:empty { padding-top: 0; padding-bottom: 8px; }
@media (max-width: 760px) {
    .murder-board-header, .murder-board-toolbar, .murder-board-region, .murder-board-status { padding-left: 18px; padding-right: 18px; }
    .murder-board-presence { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
    .murder-board-presence strong { max-width: none; text-align: left; }
    .murder-board-toolbar-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .murder-board-connections { padding: 14px; }
    .murder-board-connections li { gap: 8px; padding: 10px; font-size: 0.8rem; grid-template-columns: minmax(0,1fr) minmax(60px,1fr) minmax(0,1fr); }
    .murder-board-string { font-size: 0.75rem; }
    .murder-board-composer { margin-left: 18px; margin-right: 18px; padding: 16px; }
    .murder-board-section-heading h3 span { display: block; margin: 5px 0 0; }
}

.murder-board-search { display: grid; gap: 8px; margin: 16px 0; color: #f4cf84; font-size: 0.85rem; font-weight: 500; }

/* Character network, following The Congressman's Son relationship map. */
.murder-network-filters { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.murder-network-filters button { border-radius:999px; padding:8px 14px; font-family:var(--font-serif); }
.murder-network-filters button[aria-pressed="true"] { background:#8f354c; color:#fff8ee; border-color:#bd637b; }
.murder-network-key { display:flex; flex-wrap:wrap; align-items:center; gap:16px; color:#d5c5b3; font-size:.8rem; margin:12px 0; }
.murder-network-key button { margin-left:auto; }
.murder-network-scroll { max-width:100%; overflow:auto; border:1px solid #465362; border-radius:18px; background:radial-gradient(ellipse at center,rgba(139,61,79,.13),transparent 55%),var(--house-ink); }
.murder-board .murder-network { position:relative; display:grid; grid-template-columns:minmax(250px,1fr) 155px minmax(250px,1fr); grid-template-rows:auto auto; gap:60px 28px; min-width:790px; padding:24px; align-items:center; }
.murder-network-lines { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.murder-network-line { stroke:#d8bd87; stroke-width:2; opacity:.65; }
.murder-network-line.is-reader { stroke:#e47f9b; stroke-dasharray:7 5; stroke-width:2.5; }
.murder-network-line.is-muted { opacity:.12; }
.murder-network-group { --group-color:#719bb2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; position:relative; z-index:1; min-width:0; align-self:start; }
.murder-network-group h4 { grid-column:1/-1; margin:0; color:var(--group-color); font:600 .75rem/1.4 var(--font-sans); text-transform:uppercase; letter-spacing:.12em; }
.murder-network-group.is-center { --group-color:#d78899; grid-column:2; grid-row:1/3; align-self:center; grid-template-columns:1fr; text-align:center; }
.murder-network-group.is-family { --group-color:#d78899; grid-column:3; grid-row:1; }
.murder-network-group.is-friends { --group-color:#b29bcc; grid-column:3; grid-row:2; }
.murder-network-group.is-circle { --group-color:#86b3cc; grid-column:1; grid-row:1; }
.murder-network-group.is-household { --group-color:#87b59d; grid-column:1; grid-row:2; }
.murder-network-group.is-clues,.murder-network-group.is-cast { grid-column:1/-1; grid-template-columns:repeat(5,minmax(0,1fr)); }
.murder-board .murder-network-node { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:0; width:100%; min-height:110px; border:2px solid var(--group-color); border-radius:20px!important; padding:12px 8px; background:#102333!important; color:#fff8ee!important; text-align:center; line-height:1.2; box-shadow:0 5px 15px #0005; }
.murder-board .murder-network-node:hover,.murder-board .murder-network-node.is-selected,.murder-board .murder-network-node[aria-pressed="true"] { background:#354051!important; border-color:#f5cf87; box-shadow:0 0 0 3px #efc67733; color:#fff8ee!important; }
.murder-network-node strong { font:500 .95rem/1.15 var(--font-serif); overflow-wrap:anywhere; }
.murder-network-node small { font:400 .67rem/1.3 var(--font-sans); color:#d0c5b8; }
.murder-network-avatar { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--group-color); border-radius:50%; color:var(--group-color); font:500 .75rem var(--font-serif); background:#07131f; }
.is-center .murder-network-node { min-height:175px; border-radius:50%!important; background:#492335!important; }
.is-center .murder-network-avatar { width:44px; height:44px; font-size:1rem; }
.murder-network-detail { margin-top:16px; padding:22px; border:1px solid #8b6571; border-radius:16px; background:linear-gradient(120deg,#37202e,#101e2d); }
.murder-network-detail h4 { margin:3px 0 10px; font:500 1.6rem var(--font-serif); color:#fff8ee; }
.murder-network-detail p { margin:8px 0; color:#d5c8ba; font-size:.9rem; }
.murder-network-detail .murder-network-role { color:#efc677; font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; }
.murder-board .murder-network-detail ul { display:grid; gap:8px; list-style:none; padding:0; margin:16px 0; }
.murder-board .murder-network-detail li { display:block; text-align:left; padding:10px 12px; font-size:.85rem; }
.murder-board .murder-network.is-cast-list { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.murder-network.is-cast-list .murder-network-group { grid-column:auto; grid-row:auto; grid-template-columns:1fr; align-self:start; text-align:left; }
.murder-network.is-cast-list .murder-network-node { border-radius:14px!important; min-height:100px; }
.murder-network.is-cast-list .murder-network-lines { display:none; }
.murder-board button:focus-visible,.murder-network-scroll:focus-visible { outline:3px solid #efc677; outline-offset:4px; }
@media(max-width:600px) {
    .murder-board .murder-network.is-cast-list { grid-template-columns:1fr; padding:14px; }
    .murder-network-detail { padding:16px; }
    .murder-network-filters button { padding:8px 10px; font-size:.8rem; }
}

/* Reader links are actionable claims, with a focused map view. */
.murder-reader-connections-heading { margin-top:24px; border-top:1px solid #344559; padding-top:20px; }
.murder-reader-connections-heading h4 { margin:0 0 6px; color:#fff8ee; font:500 1.15rem var(--font-serif); }
.murder-reader-connections-heading p { margin:0; color:#b9c4d2; font-size:.85rem; }
.murder-board-connections li.murder-reader-connection { grid-template-columns:minmax(0,1fr) auto; text-align:left; padding:14px 16px; }
.murder-reader-connection > div { display:grid; gap:6px; }
.murder-reader-connection strong { font-size:.9rem; }
.murder-reader-connection span { color:#f1b4c2; }
.murder-reader-connection small { color:#b9c4d2; font-size:.75rem; }
.murder-reader-connection button { white-space:nowrap; }
.murder-network-connection { display:grid; gap:10px; margin:14px 0; padding:18px; border:1px solid #d7859d; border-radius:14px; background:#31202e; scroll-margin-top:24px; }
.murder-network-connection strong { color:#fff8ee; font-size:1.1rem; }
.murder-network-connection span { color:#e7c0cc; font-size:.8rem; }
.murder-network-connection button { justify-self:start; }
.murder-board .murder-network.is-connection-focus { display:flex; align-items:center; justify-content:space-between; gap:80px; min-width:550px; min-height:230px; padding:30px; }
.murder-network.is-connection-focus .murder-network-group { display:contents; }
.murder-network.is-connection-focus .murder-network-group h4 { display:none; }
.murder-network.is-connection-focus .murder-network-node { position:relative; z-index:1; flex:0 0 190px; min-height:160px; border-radius:20px!important; }
.murder-network.is-connection-focus .murder-network-line { stroke-width:4; opacity:1; }
@media(max-width:600px) {
    .murder-board-connections li.murder-reader-connection { grid-template-columns:1fr; gap:12px; }
    .murder-reader-connection button { justify-self:start; }
}

/* Investigation workbench: pinned case files, movable cards and red string. */
.murder-board .murder-board-connections { padding:14px; border-radius:8px; background:#0a1420; }
.murder-board-connections > .murder-board-section-heading { display:none; }
.murder-board-connections > .murder-board-hint { font-size:.78rem; margin:5px 0; }
.murder-board .murder-board-search { margin:10px 0; max-width:320px; gap:4px; font-size:.75rem; }
.murder-board .murder-network-filters { flex-wrap:nowrap; overflow:auto; margin:10px 0; gap:6px; padding-bottom:4px; }
.murder-network-filters button { flex-shrink:0; font-size:.72rem!important; min-height:34px; padding:5px 10px; }
.murder-network-key { font-size:.7rem; margin:6px 0; }
.murder-board-navigation { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:10px 0; }
.murder-board-navigation button { min-height:34px; padding:5px 10px; font-size:.75rem; }
.murder-board-navigation span { color:#c8bba5; font:12px monospace; min-width:42px; text-align:center; }
.murder-workbench { position:relative; isolation:isolate; }
.murder-workbench .murder-network-scroll { height:650px; border:10px solid #3a3030; border-radius:4px; cursor:grab; touch-action:none; overscroll-behavior:contain; background:#17201e; box-shadow:inset 0 0 35px #0009,0 8px 20px #0006; }
.murder-board-surface { position:relative; }
.murder-board .murder-workbench .murder-network { display:block; width:1500px; min-width:1500px; padding:0; gap:0; position:relative; transform-origin:0 0; background:radial-gradient(ellipse at 50% 40%,#26312a55,transparent 65%),repeating-radial-gradient(circle at 0 0,#fff1 0,#fff1 .4px,transparent .7px,transparent 5px),#17201e; }
.murder-workbench .murder-network-group { display:contents; }
.murder-workbench .murder-network-group h4 { display:none; }
.murder-board .murder-workbench .murder-network-node { position:absolute; z-index:2; width:184px; height:148px; min-height:148px; display:flex; gap:5px; padding:20px 10px 10px; border:1px solid #c8b99b; border-radius:2px!important; background:#e9e1cd!important; color:#26251f!important; box-shadow:3px 6px 8px #0007; transform:rotate(var(--pin-rotation,0deg)); cursor:grab; touch-action:none; user-select:none; }
.murder-workbench .murder-network-node::before,.murder-new-note::before { content:''; position:absolute; top:-5px; left:calc(50% - 6px); width:12px; height:12px; border-radius:50%; background:radial-gradient(circle at 35% 25%,#f38f83,#a11f2d 65%); box-shadow:1px 3px 3px #0008; z-index:4; }
.murder-workbench .murder-network-node strong { font:500 17px/1.12 var(--font-serif); color:#24221d; }
.murder-workbench .murder-network-node small { font:11px/1.25 'Courier New',monospace; color:#615947; }
.murder-workbench .murder-network-avatar { width:38px; height:38px; flex-shrink:0; border-radius:3px; border:1px solid #aba18b; color:#565548; background:linear-gradient(150deg,#8b968266,#f4eddb); font:500 17px var(--font-serif); }
.murder-board .murder-workbench .murder-network-node:hover,.murder-board .murder-workbench .murder-network-node.is-selected,.murder-board .murder-workbench .murder-network-node[aria-pressed="true"] { background:#fff1c9!important; border-color:#df6962; color:#24221d!important; box-shadow:0 0 0 3px #c75348,4px 8px 12px #0007; }
.murder-board .murder-workbench .murder-network-node.is-dragging { z-index:6; transform:rotate(0); cursor:grabbing; box-shadow:8px 16px 22px #0007; }
.murder-workbench .murder-network-node.is-note { background:#e6c869!important; border:0; height:170px; min-height:170px; }
.murder-workbench .is-note .murder-network-avatar { display:none; }
.murder-workbench .is-note strong { font:italic 700 18px/1.2 var(--font-serif); }
.murder-pin-note { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font:italic 13px/1.3 var(--font-serif); color:#4e3b23; }
.murder-workbench .murder-network-lines { z-index:1; overflow:visible; }
.murder-workbench .murder-network-line { fill:none; stroke:#db5a52; stroke-width:2.5; opacity:.85; filter:drop-shadow(1px 2px 1px #0008); }
.murder-workbench .murder-network-line.is-reader { stroke:#f09183; stroke-dasharray:8 5; stroke-width:3; }
.murder-workbench .murder-network-line.is-muted { opacity:.14; }
.murder-string-labels { position:absolute; inset:0; pointer-events:none; z-index:3; }
.murder-board .murder-string-label { position:absolute; transform:translate(-50%,-50%) rotate(-2deg); pointer-events:auto; max-width:170px; padding:5px 9px; min-height:28px; border-radius:1px; border:0; background:#e9dfc3; color:#522b27; box-shadow:2px 3px 4px #0006; font:11px/1.2 'Courier New',monospace; }
.murder-board .murder-string-label.is-reader { background:#efb9ac; border:1px dashed #ac463a; }
.murder-board .murder-string-label:hover { background:#fff2cb; color:#171e21; }
.murder-new-note { position:absolute; top:330px; left:400px; width:184px; height:140px; padding:22px 18px!important; background:#d7bd68!important; color:#473517!important; border:0!important; border-radius:0!important; box-shadow:4px 7px 10px #0007; font:italic 18px/1.3 var(--font-serif)!important; transform:rotate(-4deg); z-index:2; }
.murder-board-inspector { position:absolute; z-index:8; right:14px; top:14px; width:min(330px,calc(100% - 28px)); max-height:610px; overflow:auto; border:1px solid #a09479; border-radius:4px; background:#14202bed; backdrop-filter:blur(12px); box-shadow:0 12px 35px #0009; color:#f4ecd9; }
.murder-inspector-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; border-bottom:1px solid #5a5345; font:12px 'Courier New',monospace; text-transform:uppercase; }
.murder-inspector-header button { min-height:32px; padding:4px 8px; font-size:12px; }
.murder-board .murder-board-inspector > aside,.murder-board .murder-board-inspector > form,.murder-board .murder-board-inspector > .murder-network-connection { margin:0; padding:16px; border:0; border-radius:0; background:transparent; display:grid; grid-template-columns:1fr; gap:12px; }
.murder-board-inspector .murder-network-detail h4 { font-size:1.35rem; margin:0; }
.murder-board-inspector .murder-network-detail p { margin:0; font-size:.82rem; }
.murder-board .murder-board-inspector .murder-network-detail li { padding:8px 0; border:0; border-bottom:1px solid #ffffff22; border-radius:0; background:none; font-size:.76rem; }
.murder-board-inspector .murder-network-detail ul { margin:0; }
.murder-board-inspector button { font-size:.8rem; }
.murder-board-inspector label { font-size:.8rem; }
.murder-board-inspector .is-wide { grid-column:1; }
.murder-board-records { padding:12px 0; }
.murder-board-records > summary { cursor:pointer; padding:12px 0; color:#d4c298; font-size:.85rem; }
.murder-board-records[open] > summary { margin-bottom:12px; }
.murder-board .murder-workbench .murder-network.is-cast-list { width:100%; min-width:0; height:auto!important; padding:20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(184px,1fr)); gap:20px; }
.murder-workbench .murder-network.is-cast-list .murder-network-group { display:contents; }
.murder-board .murder-workbench .murder-network.is-cast-list .murder-network-node { position:relative; top:auto!important; left:auto!important; width:100%; transform:none; }
.murder-workbench .is-cast-list .murder-string-labels,.murder-workbench .is-cast-list .murder-new-note { display:none; }
@media(max-width:600px) {
    .murder-board .murder-board-header,.murder-board .murder-board-toolbar,.murder-board .murder-board-region { padding-left:10px; padding-right:10px; }
    .murder-board .murder-board-connections { padding:8px; }
    .murder-workbench .murder-network-scroll { height:560px; border-width:5px; }
    .murder-board-inspector { max-height:525px; right:8px; top:8px; width:calc(100% - 16px); }
}
@media(prefers-reduced-motion:reduce) { .murder-workbench * { scroll-behavior:auto!important; } }
.murder-board-navigation small { color:#b4aa98; font-size:.68rem; margin-left:auto; }

/* Let the investigation use the screen rather than the article's text column. */
.story-detail > .murder-board {
    width:calc(var(--murder-page-width,100vw) - 16px);
    max-width:none;
    margin-left:calc((100% - var(--murder-page-width,100vw) + 16px) / 2);
    box-sizing:border-box;
}
.murder-board .murder-board-region { padding-left:10px; padding-right:10px; }
.murder-board .murder-board-connections { padding:4px; border:0; }
.murder-board .murder-workbench { display:flex; flex-direction:column; height:82dvh; min-height:540px; }
.murder-workbench .murder-board-navigation { flex:0 0 auto; margin:0 0 8px; }
.murder-workbench .murder-network-scroll { flex:1 1 auto; height:auto; min-height:0; width:100%; box-sizing:border-box; border-width:5px; }
.murder-workbench .murder-board-surface { margin-left:auto; margin-right:auto; }
.murder-board-navigation .murder-board-expand { margin-left:auto; color:#f7dcaa; border-color:#bf9c61; }
.murder-workbench .murder-board-inspector { top:58px; max-height:calc(100% - 76px); }
.murder-board .murder-workbench.is-expanded { position:fixed; inset:0; width:100%; height:100dvh; min-height:0; padding:12px; z-index:100000; background:#0a1420; box-sizing:border-box; }
.murder-workbench.is-expanded .murder-board-navigation { margin-bottom:10px; }
.murder-workbench.is-expanded .murder-network-scroll { border-width:3px; }
@media(max-width:600px) {
    .story-detail > .murder-board { width:var(--murder-page-width,100vw); margin-left:calc((100% - var(--murder-page-width,100vw)) / 2); border-radius:0; }
    .murder-board .murder-board-region { padding-left:4px; padding-right:4px; }
    .murder-board .murder-workbench { min-height:560px; height:85dvh; }
    .murder-board-navigation small { order:2; flex-basis:100%; }
    .murder-workbench .murder-board-inspector { top:95px; max-height:calc(100% - 112px); }
    .murder-board .murder-workbench.is-expanded { min-height:0; padding:6px; }
}

/* Supporting roles stay available without occupying a full character card. */
.murder-board .murder-workbench .murder-network-node.is-supporting {
    height:60px; min-height:60px; border-radius:999px!important;
    padding:9px 12px 9px 40px; align-items:flex-start; justify-content:center;
    gap:3px; transform:none; background:#cad3c8!important; border:1px solid #869b8b;
}
.murder-workbench .murder-network-node.is-supporting::before { top:24px; left:14px; width:9px; height:9px; }
.murder-workbench .murder-network-node.is-supporting .murder-network-avatar { display:none; }
.murder-workbench .murder-network-node.is-supporting strong { font:500 13px/1.1 var(--font-sans); text-align:left; }
.murder-workbench .murder-network-node.is-supporting small { font:10px/1.1 var(--font-sans); text-align:left; }
.murder-workbench .murder-network-line { stroke:#ff7765; stroke-width:3; opacity:1; vector-effect:non-scaling-stroke; filter:drop-shadow(0 1px 2px #000); }
.murder-workbench .murder-network-line.is-reader { stroke:#ffd0a6; stroke-width:3.5; stroke-dasharray:9 5; }
.murder-workbench .murder-network-line.is-muted { opacity:.45; stroke-width:2.5; }
.murder-board-navigation .murder-board-expanded-action { display:none; }
.is-expanded .murder-board-navigation .murder-board-expanded-action { display:inline-block; }
.is-expanded .murder-board-navigation [data-expanded-scope] { min-width:72px; }

/* A single pill language for every person, theory and piece of evidence. */
.murder-board .murder-workbench .murder-network { width:1320px; min-width:1320px; background:radial-gradient(ellipse at 50% 40%,#30433755,transparent 70%),#17201e; }
.murder-board .murder-workbench .murder-network-node,
.murder-board .murder-workbench .murder-network-node.is-supporting,
.murder-board .murder-workbench .murder-network-node.is-note {
    box-sizing:border-box; width:210px; height:72px; min-height:72px;
    padding:10px 17px 10px 35px; border:1px solid #c3b998; border-radius:999px!important;
    align-items:flex-start; justify-content:center; gap:3px; text-align:left;
    transform:none!important; background:#ece5d1!important; box-shadow:0 3px 9px #0005;
}
.murder-board .murder-workbench .is-family .murder-network-node,
.murder-board .murder-workbench .is-center .murder-network-node { background:#f1d8dc!important; }
.murder-board .murder-workbench .is-friends .murder-network-node { background:#e0d9eb!important; }
.murder-board .murder-workbench .is-circle .murder-network-node { background:#d7e6ed!important; }
.murder-board .murder-workbench .is-household .murder-network-node { background:#d8e5d9!important; }
.murder-board .murder-workbench .murder-network-node.is-note { background:#f4d98a!important; }
.murder-workbench .murder-network-node::before,
.murder-workbench .murder-network-node.is-supporting::before { top:calc(50% - 5px); left:15px; width:10px; height:10px; background:#a44444; box-shadow:none; }
.murder-workbench .murder-network-node.is-note::before { background:#886315; }
.murder-workbench .murder-network-node .murder-network-avatar,
.murder-workbench .murder-network-node .murder-pin-note { display:none; }
.murder-workbench .murder-network-node strong,
.murder-workbench .murder-network-node.is-supporting strong,
.murder-workbench .murder-network-node.is-note strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font:500 15px/1.12 var(--font-sans); text-align:left; overflow-wrap:normal; }
.murder-workbench .murder-network-node small,
.murder-workbench .murder-network-node.is-supporting small { width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:11px/1.2 var(--font-sans); color:#605948; text-align:left; }
.murder-board .murder-workbench .murder-network-node:hover,
.murder-board .murder-workbench .murder-network-node.is-selected,
.murder-board .murder-workbench .murder-network-node[aria-pressed="true"] { background:#fff3cc!important; border-color:#f6907b; box-shadow:0 0 0 3px #ec826b,0 4px 12px #0007; }
.murder-board .murder-string-label { border-radius:8px; transform:translate(-50%,-50%); padding:7px 10px; min-height:32px; max-width:190px; white-space:normal; overflow-wrap:anywhere; font:500 12px/1.35 var(--font-sans, sans-serif); }
.murder-board .murder-string-label.is-mixed { background:#f2d1b1; border:1px dashed #ac463a; }
.murder-board .murder-new-note { top:200px; left:550px; width:210px; height:72px; border-radius:999px!important; transform:none; padding:12px 20px!important; font:500 15px/1.2 var(--font-sans)!important; }
.murder-new-note::before { display:none; }
.murder-board .murder-workbench .murder-network.is-cast-list { width:100%!important; min-width:0; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
.murder-board .murder-workbench .murder-network.is-cast-list .murder-network-node { width:100%; }

/* One toolbar in both embedded and expanded views. */
.murder-workbench .murder-board-navigation { align-items:flex-end; gap:8px; margin:0 0 8px; }
.murder-board-navigation > label { display:grid; gap:4px; color:#d1c6b3; font:600 11px/1.2 var(--font-sans); }
.murder-board .murder-board-navigation .murder-board-search { margin:0; width:200px; max-width:240px; flex:1 1 160px; font-size:11px; color:#d1c6b3; }
.murder-board .murder-board-navigation select,
.murder-board .murder-board-navigation input { margin:0; width:100%; min-height:40px; height:40px; padding:7px 10px; font-size:13px; border-radius:999px; }
.murder-board-navigation button,
.murder-view-options > summary { min-height:40px; box-sizing:border-box; padding:9px 14px; border-radius:999px; font:500 12px/1.5 var(--font-sans); white-space:nowrap; }
.murder-board-navigation [data-murder-board-connect][aria-pressed="true"] { background:#f4d98a; color:#15202b; }
.murder-board-navigation .murder-board-expand { margin-left:0; }
.murder-view-options { position:relative; }
.murder-view-options > summary { cursor:pointer; color:#f4d98a; border:1px solid #bba271; list-style:none; }
.murder-view-options > summary::-webkit-details-marker { display:none; }
.murder-view-options > summary::after { content:' ▾'; }
.murder-view-options[open] > summary { background:#263b45; }
.murder-view-options:not([open]) > div,
.murder-view-options > div[hidden] { display:none !important; }
.murder-view-options > summary:focus-visible { outline:3px solid #efc677; outline-offset:3px; }
.murder-view-options[open] > div { position:absolute; right:0; top:calc(100% + 6px); z-index:20; display:flex; flex-wrap:wrap; align-items:center; gap:8px; width:280px; padding:14px; background:#15252f; border:1px solid #968462; border-radius:16px; box-shadow:0 8px 28px #0009; }
.murder-board-navigation .murder-view-options small { order:3; flex-basis:100%; margin:0; font:11px/1.4 var(--font-sans); }
.murder-board .murder-view-options .murder-network-filters { flex-basis:100%; flex-wrap:wrap; overflow:visible; margin:4px 0; padding:0; }
.murder-board .murder-view-options .murder-network-filters button { white-space:normal; text-align:left; }
.murder-board-step { display:flex; flex:0 0 auto; align-items:center; gap:12px; min-height:30px; margin-bottom:5px; }
.murder-board-step p { margin:0; color:#d3ccbc; font:13px/1.4 var(--font-sans); }
.murder-board-step button { min-height:32px; padding:4px 12px; border-radius:999px; font-size:12px; white-space:nowrap; }
.murder-workbench > .murder-board-status { flex:0 0 auto; padding:4px 0 8px; margin:0; min-height:0; font-size:13px; }
.murder-workbench > .murder-board-status:empty { display:none; }
.murder-workbench .murder-board-inspector { top:var(--inspector-offset,85px); max-height:calc(100% - var(--inspector-offset,85px) - 12px); border-radius:18px; }
.murder-board-connections > .murder-board-hint:empty { display:none; }
@media(max-width:600px) {
    .murder-board-navigation { gap:6px!important; }
    .murder-board-navigation > label:first-child { flex:0 0 120px; }
    .murder-board .murder-board-navigation .murder-board-search { flex:1 1 140px; max-width:none; width:auto; }
    .murder-board-navigation button,.murder-view-options > summary { min-height:40px; font-size:11px; padding:8px 11px; }
    .murder-view-options[open] > div { right:-80px; width:270px; }
    .murder-board-step { align-items:flex-start; }
    .murder-board-step p { font-size:12px; }
    .murder-workbench .murder-board-inspector { top:var(--inspector-offset,140px); max-height:calc(100% - var(--inspector-offset,140px) - 10px); }
}

/* Beta: trace one person without a competing web or overlapping edge labels. */
.murder-workbench .murder-network-line.is-mixed { stroke:#e9c77f; }
.murder-workbench .murder-network-line.is-muted { opacity:.07; }
.murder-board .murder-workbench .murder-network-node.is-background { opacity:.42; }
.murder-board .murder-workbench .murder-network-node.is-background:hover,
.murder-board .murder-workbench .murder-network-node.is-background:focus-visible { opacity:1; }
.murder-board .murder-related-character { display:block; width:100%; min-height:40px; padding:7px 12px; text-align:left; border-radius:999px; font:500 13px/1.4 var(--font-sans); }
.murder-relationship-fact { display:block; padding:5px 2px; font:12px/1.5 var(--font-sans); }
.murder-board-loading { padding:20px; margin:24px 0; border:1px solid #968462; border-radius:18px; color:#e9dfc3; }
.murder-board-loading button { margin-left:12px; min-height:40px; padding:8px 16px; border-radius:999px; }
@media(max-width:600px) {
    .murder-board-navigation > label:has([data-board-chapter-view]) { flex:1 1 160px; }
}