/* ==========================================================================
   ARQUIVO SOMBRIO
   CASO.CSS
   ========================================================================== */

.case-page {
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(123, 9, 9, 0.08),
            transparent 35%
        ),
        #080706;
}


.case-top-nav a {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color: var(--paper-soft);

    font-family: var(--font-mono);
    font-size: 0.62rem;

    text-transform: uppercase;
    letter-spacing: 0.08em;
}


.case-top-nav a:hover {
    color: var(--red-light);
}
/* ==========================================================
   SUMÁRIO - TEMA PAPEL ANTIGO
   ========================================================== */

body[data-reader-theme="papel"] .dossie-summary {

    background:
        linear-gradient(
            145deg,
            rgba(245,236,210,.95),
            rgba(220,202,160,.95)
        );

    color:#2b2117;

    border:
        1px solid rgba(90,60,25,.35);

    box-shadow:
        0 15px 35px rgba(80,50,20,.25),
        inset 0 0 25px rgba(100,70,30,.15);

}


/* título no papel */

body[data-reader-theme="papel"] .dossie-summary-title {

    color:#5a3b1e;

}


/* links no papel */

body[data-reader-theme="papel"] .dossie-summary a {

    color:#3b2818;

    border-bottom:
        1px solid rgba(90,60,25,.18);

}


body[data-reader-theme="papel"] .dossie-summary a:hover {

    color:#8b1e1e;

}


/* ==========================================================================
   HERO
   ========================================================================== */

.case-hero {
    padding: 80px 0 70px;

    border-bottom: 1px solid var(--border);
}


.case-classification-row {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-bottom: 28px;
}


.case-classification-row span {
    padding: 7px 10px;

    border: 1px solid var(--border);

    color: var(--muted);

    font-family: var(--font-mono);
    font-size: 0.55rem;

    letter-spacing: 0.1em;
}


.case-classification-row span:last-child {
    color: var(--paper);

    border-color: rgba(164, 19, 19, 0.5);

    background: rgba(123, 9, 9, 0.12);
}


.case-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, 0.75fr);

    gap: 70px;

    align-items: center;
}


.case-eyebrow {
    color: var(--gold);

    font-family: var(--font-mono);
    font-size: 0.62rem;

    letter-spacing: 0.14em;
}


.case-hero-content h1 {
    margin: 12px 0 24px;

    font-family: var(--font-display);
    font-size: clamp(2.5rem, 5vw, 4.5rem);

    line-height: 1.05;
}


.case-summary {
    max-width: 760px;

    margin-top: 24px;

    color: var(--paper-soft);

    font-size: 0.92rem;

    line-height: 1.9;
}


.case-meta {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 12px;
}


.case-meta div {
    padding: 14px;

    background: var(--bg-soft);

    border: 1px solid var(--border);
}


.case-meta small {
    display: block;

    margin-bottom: 5px;

    color: var(--muted-dark);

    font-family: var(--font-mono);
    font-size: 0.5rem;
}


.case-meta strong {
    color: var(--paper-soft);

    font-family: var(--font-mono);
    font-size: 0.62rem;
}


.case-image-frame {
    position: relative;

    min-height: 420px;

    overflow: hidden;

    background: #050505;

    border: 1px solid var(--border);
}


.case-image-frame img {
    width: 100%;
    height: 100%;
    min-height: 420px;

    object-fit: cover;

    filter:
        grayscale(25%)
        brightness(0.72)
        contrast(1.08);
}


.case-image-frame::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(0, 0, 0, 0.65)
        );

    pointer-events: none;
}


.case-photo-label {
    position: absolute;

    z-index: 2;

    left: 15px;
    bottom: 15px;

    padding: 7px 10px;

    color: var(--paper);

    background: rgba(0, 0, 0, 0.75);

    border: 1px solid rgba(255, 255, 255, 0.08);

    font-family: var(--font-mono);
    font-size: 0.52rem;
}


/* ==========================================================================
   CONTEÚDO
   ========================================================================== */

.case-content-section {
    padding: 85px 0;
}


.case-layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        300px;

    gap: 55px;

    align-items: start;
}


.case-main-content {
    min-width: 0;
}


.case-block {
    margin-bottom: 60px;
}


.case-block:last-child {
    margin-bottom: 0;
}


.case-block-heading {
    margin-bottom: 24px;

    padding-bottom: 15px;

    border-bottom: 1px solid var(--border);
}


.case-block-heading span {
    color: var(--red-light);

    font-family: var(--font-mono);
    font-size: 0.55rem;

    letter-spacing: 0.12em;
}


.case-block-heading h2 {
    margin-top: 5px;

    font-family: var(--font-display);
    font-size: 1.7rem;
}


.case-history {
    color: var(--paper-soft);

    font-size: 0.9rem;

    line-height: 2;
}


.case-history p {
    margin-bottom: 20px;
}


.evidence-list,
.theory-list {
    display: flex;
    flex-direction: column;

    gap: 12px;
}


.evidence-item,
.theory-item {
    display: flex;
    align-items: flex-start;

    gap: 15px;

    padding: 18px;

    background: var(--bg-card);

    border: 1px solid var(--border);
}


.evidence-item i,
.theory-item i {
    margin-top: 5px;

    color: var(--red-light);
}


.evidence-item p,
.theory-item p {
    color: var(--paper-soft);

    font-size: 0.82rem;

    line-height: 1.8;
}


/* ==========================================================================
   SIDEBAR
   ========================================================================== */

.case-sidebar {
    position: sticky;

    top: 100px;
}


.case-file-card {
    position: relative;

    padding: 25px;

    color: #25201c;

    background: #cbbfae;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.35);
}


.case-file-card::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.12;

    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

    pointer-events: none;
}


.case-file-label {
    position: relative;

    display: block;

    margin-bottom: 20px;

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.3);

    font-family: var(--font-mono);
    font-size: 0.55rem;
}


.case-file-row {
    position: relative;

    padding: 12px 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}


.case-file-row small {
    display: block;

    margin-bottom: 4px;

    font-family: var(--font-mono);
    font-size: 0.48rem;
}


.case-file-row strong {
    font-family: var(--font-mono);
    font-size: 0.62rem;
}


.case-file-stamp {
    position: relative;

    width: fit-content;

    margin: 30px auto 10px;

    padding: 9px 12px;

    color: rgba(113, 11, 11, 0.8);

    border: 3px solid rgba(113, 11, 11, 0.7);

    font-family: var(--font-display);
    font-size: 0.7rem;

    text-align: center;

    transform: rotate(-6deg);
}


.case-file-stamp strong {
    display: block;
}


.case-back-button {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-top: 16px;

    padding: 13px;

    color: var(--paper-soft);

    border: 1px solid var(--border);

    font-family: var(--font-mono);
    font-size: 0.59rem;

    text-transform: uppercase;
}


.case-back-button:hover {
    border-color: var(--red);

    color: var(--paper);
}


/* ==========================================================================
   NÃO ENCONTRADO
   ========================================================================== */

.case-not-found {
    display: none;

    padding: 100px 0;
}


.case-not-found.active {
    display: block;
}


.case-not-found-card {
    max-width: 600px;

    margin: auto;

    padding: 50px;

    text-align: center;

    background: var(--bg-card);

    border: 1px solid var(--border);
}


.case-not-found-card i {
    color: var(--red-light);

    font-size: 2.5rem;
}


.case-not-found-card h1 {
    margin: 18px 0 10px;

    font-family: var(--font-display);
}


.case-not-found-card p {
    margin-bottom: 25px;

    color: var(--muted);
}


/* ==========================================================================
   RESPONSIVIDADE
   ========================================================================== */

@media (max-width: 900px) {

    .case-hero-grid {
        grid-template-columns: 1fr;

        gap: 35px;
    }

    .case-layout {
        grid-template-columns: 1fr;
    }

    .case-sidebar {
        position: static;
    }

}


@media (max-width: 650px) {

    .case-hero {
        padding: 60px 0 50px;
    }

    .case-meta {
        grid-template-columns: 1fr;
    }

    .case-image-frame,
    .case-image-frame img {
        min-height: 300px;
    }

    .case-content-section {
        padding: 60px 0;
    }

    .case-file-card {
        padding: 20px;
    }

}

/* =========================================================
   EVIDÊNCIAS EXPANSÍVEIS
   ========================================================= */

.evidence-card {
    margin-bottom: 18px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background:
        linear-gradient(
            180deg,
            rgba(24, 20, 18, 0.96),
            rgba(12, 10, 9, 0.96)
        );
    transition:
        border-color 0.2s ease,
        background 0.2s ease;
}

.evidence-card.open {
    border-color: rgba(170, 25, 25, 0.45);
}

.evidence-card-simple {
    padding: 24px;
}

.evidence-card-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;
    align-items: start;
    width: 100%;
}

.evidence-card-header > i {
    margin-top: 4px;
    color: #b51d1d;
    font-size: 1.25rem;
}

.evidence-heading {
    min-width: 0;
}

.evidence-number {
    display: block;
    margin-bottom: 8px;
    color: #8b8178;
    font-family: "Roboto Mono", monospace;
    font-size: 0.66rem;
    letter-spacing: 0.12em;
}

.evidence-card h3 {
    margin: 0;
    color: #eee5db;
    font-family: "Cinzel", serif;
    font-size: 1.08rem;
    line-height: 1.45;
}

.evidence-heading p {
    margin: 10px 0 0;
    color: #a9a198;
    font-size: 0.92rem;
    line-height: 1.7;
}

.evidence-toggle {
    width: 100%;
    padding: 24px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.evidence-toggle:hover {
    background: rgba(255, 255, 255, 0.015);
}

.evidence-open-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
    color: #b51d1d;
    font-family: "Roboto Mono", monospace;
    font-size: 0.68rem;
    letter-spacing: 0.10em;
    white-space: nowrap;
}

.evidence-details {
    padding: 0 24px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.evidence-details[hidden] {
    display: none;
}

.evidence-image {
    margin: 22px 0 0;
}

.evidence-image img {
    display: block;
    width: 100%;
    max-height: 540px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.08);
    filter: saturate(0.85) contrast(1.05);
}

.evidence-image figcaption {
    margin-top: 9px;
    color: #7f7871;
    font-family: "Roboto Mono", monospace;
    font-size: 0.66rem;
    line-height: 1.6;
}

.evidence-text {
    margin-top: 22px;
}

.evidence-text p {
    margin: 0;
    color: #c8beb4;
    font-size: 0.95rem;
    line-height: 1.85;
}

.evidence-source {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.evidence-source span {
    display: block;
    margin-bottom: 7px;
    color: #8e1c1c;
    font-family: "Roboto Mono", monospace;
    font-size: 0.63rem;
    letter-spacing: 0.12em;
}

.evidence-source p {
    margin: 0;
    color: #847d76;
    font-family: "Roboto Mono", monospace;
    font-size: 0.68rem;
    line-height: 1.65;
}


/* =========================================================
   EVIDÊNCIAS — MOBILE
   ========================================================= */

@media (max-width: 620px) {

    .evidence-toggle {
        padding: 20px 17px;
    }

    .evidence-card-simple {
        padding: 20px 17px;
    }

    .evidence-card-header {
        grid-template-columns: auto 1fr;
        gap: 14px;
    }

    .evidence-open-label {
        grid-column: 2;
        margin-top: 12px;
    }

    .evidence-details {
        padding: 0 17px 20px;
    }

    .evidence-card h3 {
        font-size: 1rem;
    }

    .evidence-heading p {
        font-size: 0.86rem;
    }
}


/* ==========================================================================
   IMAGENS INSERIDAS PELO EDITOR DO DOSSIÊ
   ========================================================================== */

.case-content-media {
    display: flow-root;

    margin-top: 2.25rem;
}


.case-content-subtitle {
    margin:
        2.25rem
        0
        1rem;

    color:
        var(
            --paper,
            #eee5d7
        );

    font-family:
        "Cinzel",
        serif;

    line-height: 1.35;
}


.case-content-image {
    margin-top: 2rem;
    margin-bottom: 2rem;
}


.case-content-image img {
    display: block;

    width: 100%;
    height: auto;

    border:
        1px solid
        rgba(
            177,
            145,
            82,
            0.35
        );

    background: #090909;

    filter:
        sepia(0.12)
        contrast(1.04);
}


.case-content-image--pequeno {
    max-width: 360px;
}


.case-content-image--medio {
    max-width: 620px;
}


.case-content-image--grande,
.case-content-image--total {
    max-width: 100%;
}


.case-content-image--esquerda {
    margin-right: auto;
}


.case-content-image--centro,
.case-content-image--total {
    margin-right: auto;
    margin-left: auto;
}


.case-content-image--direita {
    margin-left: auto;
}


@media (max-width: 700px) {

    .case-content-image--pequeno,
    .case-content-image--medio,
    .case-content-image--grande {
        max-width: 100%;
    }
}
.case-content-image { width: 100%; box-sizing: border-box; }
.case-content-image img { filter: none; }
.case-content-image figcaption { margin-top: 12px; font-size: .85rem; line-height: 1.6; overflow-wrap: anywhere; }
.case-image-caption { font-weight: 600; white-space: pre-line; }
.case-image-note { margin-top: 10px; padding: 12px; border-left: 2px solid #a68c55; background: rgba(166,140,85,.08); white-space: pre-line; }
.case-image-source { margin-top: 8px; }
.case-image-source a { color: inherit; text-decoration: underline; }


/* MODO DE LEITURA IMERSIVA */
.case-reader-toolbar {
    display: flex;
    justify-content: flex-end;
    width: min(100% - 32px, 1200px);
    margin: 0 auto 28px;
}
.case-reader-toggle {
    min-height: 44px;
    padding: 12px 18px;
    border: 1px solid #a18a61;
    border-radius: 3px;
    background: #191511;
    color: #eee5d7;
    font: inherit;
    font-size: 15px;
    cursor: pointer;
}
.case-reader-toggle:hover { background: #30261c; }
.case-reader-toggle:focus-visible { outline: 3px solid #d8ba7d; outline-offset: 4px; }
body.case-reading { background: #100e0b; }
body.case-reading .main-header,
body.case-reading .case-hero,
body.case-reading .case-sidebar { display: none; }
body.case-reading .case-content-section { padding-top: 0; }
body.case-reading .case-reader-toolbar {
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px;
    margin-bottom: 32px;
    background: #100e0b;
    border-bottom: 1px solid #40352a;
}
body.case-reading .case-layout {
    display: block;
    width: calc(100% - 40px);
    max-width: 760px;
    margin-inline: auto;
    padding-inline: 0;
}
body.case-reading .case-history { font-size: 18px; line-height: 1.9; }
body.case-reading .case-main-content { overflow-wrap: anywhere; }
body.case-reading .case-main-content img { max-width: 100%; height: auto; }
body.case-reading .case-content-image { box-sizing: border-box; }
@media (max-width: 600px) {
    body.case-reading .case-history { font-size: 17px; }
    body.case-reading .case-reader-toolbar { padding: 10px 16px; }
    body.case-reading .case-layout { width: calc(100% - 32px); }
}
@media print {
    .case-reader-toolbar { display: none !important; }
}


/* CONTROLES DO MODO DE LEITURA */
.case-reader-settings { display: none; }
body.case-reading {
    --reader-bg: #100e0b;
    --reader-fg: #e9dfcf;
    --reader-card: #201a14;
    --reader-border: #776344;
    --reader-link: #e4c48b;
    background: var(--reader-bg);
}
body.case-reading[data-reader-theme="papel"] {
    --reader-bg: #f0e5cf;
    --reader-fg: #30271e;
    --reader-card: #e5d6b9;
    --reader-border: #86724e;
    --reader-link: #753019;
    --paper: #30271e;
    --paper-soft: #30271e;
    --muted: #574b3b;
    --border: #b2a184;
    --bg-card: #e5d6b9;
}
body.case-reading .case-reader-toolbar {
    display: flex; flex-wrap: wrap; gap: 12px; align-items: start;
    background: var(--reader-bg); color: var(--reader-fg);
    border-color: var(--reader-border);
}
body.case-reading .case-reader-settings { display: block; }
body.case-reading .case-reader-settings summary { cursor: pointer; padding: 12px; min-height: 44px; box-sizing: border-box; }
body.case-reading .case-reader-controls {
    display: grid; gap: 16px; padding: 16px;
    width: min(340px, calc(100vw - 64px));
    max-height: 55vh; overflow-y: auto;
    background: var(--reader-card); border: 1px solid var(--reader-border);
    font: 15px/1.5 Arial, sans-serif;
}
body.case-reading .case-reader-controls label { display: grid; gap: 6px; }
body.case-reading .case-reader-controls select,
body.case-reading .case-reader-controls button,
body.case-reading .case-reader-toggle {
    color: var(--reader-fg); background: var(--reader-card);
    border: 1px solid var(--reader-border);
    min-height: 44px; padding: 8px 12px; font: 15px/1.4 Arial, sans-serif;
}
body.case-reading .case-reader-controls select { width: 100%; }
body.case-reading .case-reader-size { display: flex; align-items: center; gap: 14px; margin-top: 6px; }
body.case-reading .case-reader-controls button:disabled { opacity: .45; cursor: default; }
body.case-reading .case-reader-controls :focus-visible,
body.case-reading .case-reader-settings summary:focus-visible { outline: 3px solid var(--reader-link); outline-offset: 3px; }
body.case-reading .case-main-content,
body.case-reading .case-history,
body.case-reading .case-history p,
body.case-reading .evidence-text p,
body.case-reading .theory-item p,
body.case-reading .evidence-item p {
    font-family: var(--reader-font);
    font-size: var(--reader-size);
    line-height: var(--reader-spacing);
    color: var(--reader-fg);
}
body.case-reading .case-main-content h2,
body.case-reading .case-main-content h3 { color: var(--reader-fg); }
body.case-reading .case-main-content a { color: var(--reader-link); }
body.case-reading .case-main-content figcaption { color: var(--reader-fg); font-family: var(--reader-font); font-size: .9em; }
body.case-reading .evidence-card,
body.case-reading .evidence-item,
body.case-reading .theory-item { background: var(--reader-card); border-color: var(--reader-border); color: var(--reader-fg); }


/* =========================================================
   LEITOR EM PÁGINAS
========================================================= */

.reader-page-window {
    min-width: 0;
}

.reader-page-controls {
    display: none;
}

body.case-reading .reader-page-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font: 14px/1.5 Arial, sans-serif;
}

.reader-page-controls label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reader-page-controls select,
.reader-page-controls button {
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid
        var(--reader-border, #776344);
    background:
        var(--reader-card, #201a14);
    color:
        var(--reader-fg, #e9dfcf);
    font: inherit;
}

.reader-page-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.reader-page-navigation[hidden] {
    display: none;
}

.reader-page-navigation button:disabled {
    opacity: 0.45;
}

.reader-page-controls :focus-visible {
    outline: 3px solid
        var(--reader-link, #e4c48b);
    outline-offset: 3px;
}


/* Estrutura da folha */

body.case-paginated {
    overflow: hidden;
}

body.case-paginated .case-content-section {
    padding: 22px 0;
}

body.case-paginated .case-layout {
    width: 100%;
    max-width: none;
    margin: 0;
}

body.case-paginated .reader-page-window {
    position: relative;
    box-sizing: border-box;

    width: min(
        720px,
        calc(100vw - 32px)
    );

  margin: 0 auto;
padding: 18px 0;

overflow: hidden;
    border:
        1px solid
        var(--reader-border, #776344);

    border-radius: 3px;

    background:
        var(--reader-bg, #100e0b);

    box-shadow:
        0 18px 45px
        rgba(0, 0, 0, 0.24);

    scrollbar-width: none;
    -ms-overflow-style: none;
}

body.case-paginated
.reader-page-window::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}


/* Colunas que formam as páginas */

body.case-paginated .case-main-content {
    box-sizing: border-box;

    width: 100%;
    height:
        var(--reader-page-height, 70vh);

    margin: 0;
    padding: 0;

    overflow: visible;

    column-width:
        var(--reader-page-width);

    column-gap: 0;
    column-fill: auto;
}


/* Margens internas do conteúdo */

body.case-paginated
.case-main-content > .case-block {
    box-sizing: border-box;
    padding-right: 44px;
    padding-left: 44px;
}

body.case-paginated
#caso-historia[data-content-format="blocks"]
> * {
    box-sizing: border-box;
    padding-right: 44px;
    padding-left: 44px;
}

body.case-paginated .case-block {
    margin-bottom: 24px;
    break-inside: auto;
}

body.case-paginated .case-block-heading {
    break-inside: avoid;
    break-after: avoid;
}

body.case-paginated .case-history p {
    orphans: 2;
    widows: 2;
}

body.case-paginated .case-history figure {
    margin-top: 14px;
    margin-bottom: 14px;
}

body.case-paginated .case-history img {
    display: block;

    width: auto;
    max-width: 100%;

    max-height:
        calc(
            var(--reader-page-height) *
            0.52
        );

    margin-right: auto;
    margin-left: auto;

    object-fit: contain;
}

body.case-paginated .evidence-list,
body.case-paginated .theory-list {
    display: block;
}

body.case-paginated .evidence-card,
body.case-paginated .theory-item {
    margin-bottom: 12px;
}


/* Celular */

@media (max-width: 600px) {

    body.case-reading
    .case-reader-toolbar {
        gap: 8px;
    }

    body.case-reading
    .reader-page-controls {
        width: 100%;
    }

    .reader-page-navigation {
        width: 100%;
        justify-content: space-between;
        gap: 8px;
    }

    body.case-paginated
    .reader-page-window {
        width:
            calc(100vw - 20px);

        border-radius: 8px;
    }

    body.case-paginated
    .case-main-content > .case-block {
        padding-right: 22px;
        padding-left: 22px;
    }

    body.case-paginated
    #caso-historia[data-content-format="blocks"]
    > * {
        padding-right: 22px;
        padding-left: 22px;
    }
}


/* Impressão */

@media print {

    body.case-paginated {
        overflow: visible;
    }

    body.case-paginated
    .reader-page-window {
        width: 100%;
        overflow: visible;
        border: 0;
        box-shadow: none;
    }

    body.case-paginated
    .case-main-content {
        height: auto;
        columns: auto;
    }
}

/* ==========================================================================
   BARRA FIXA DO MODO LEITURA
   ========================================================================== */

.case-reader-toolbar {
    position: sticky;
    top: 0;
    z-index: 999;

    width: 100%;

    background:
        linear-gradient(
            180deg,
            rgba(12, 10, 9, 0.98),
            rgba(8, 7, 6, 0.98)
        );

    border-bottom:
        1px solid
        rgba(166, 140, 85, 0.28);

    box-shadow:
        0 8px 24px
        rgba(0, 0, 0, 0.24);

    backdrop-filter:
        blur(12px);
}


.case-reader-toolbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 18px;

    width: min(
        1180px,
        calc(100% - 32px)
    );

    margin: 0 auto;

    min-height: 64px;
}


.case-reader-back {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    flex: 0 0 auto;

    color: var(--paper-soft);

    font-family: var(--font-mono);
    font-size: 0.72rem;

    text-decoration: none;

    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}


.case-reader-back:hover {
    color: var(--gold);
}


.case-reader-actions {
    display: flex;
    align-items: stretch;

    gap: 4px;

    min-width: 0;
}


.case-reader-action {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 3px;

    min-width: 66px;
    min-height: 54px;

    padding: 7px 10px;

    border: 0;

    background: transparent;

    color: var(--paper-soft);

    font: inherit;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease;
}


.case-reader-action:hover,
.case-reader-action.active {
    background:
        rgba(166, 140, 85, 0.10);

    color: var(--gold);
}


.case-reader-action i,
.reader-aa {
    font-size: 1rem;
    line-height: 1;
}


.case-reader-action small {
    font-family: var(--font-mono);
    font-size: 0.54rem;

    letter-spacing: 0.03em;

    color: inherit;
}


.case-reader-popovers {
    display: none;

    width: min(
        420px,
        calc(100% - 24px)
    );

    margin:
        0 auto
        10px;

    padding: 0;
}


.case-reader-popovers.active {
    display: block;
}


.reader-popover {
    display: grid;

    gap: 10px;

    padding: 14px;

    background:
        rgba(18, 15, 13, 0.98);

    border:
        1px solid
        rgba(166, 140, 85, 0.22);

    box-shadow:
        0 14px 30px
        rgba(0, 0, 0, 0.28);
}


.reader-popover strong {
    color: var(--paper);

    font-family: var(--font-display);
    font-size: 0.9rem;
}


.reader-popover button {
    width: 100%;

    padding: 10px 12px;

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    background:
        rgba(255, 255, 255, 0.02);

    color: var(--paper-soft);

    font-family: var(--font-mono);
    font-size: 0.68rem;

    text-align: left;

    cursor: pointer;
}


.reader-popover button:hover {
    border-color:
        rgba(166, 140, 85, 0.45);

    color: var(--gold);
}


.reader-size-control {
    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    gap: 10px;

    align-items: center;
}


.reader-size-control span {
    min-width: 56px;

    color: var(--paper);

    font-family: var(--font-mono);
    font-size: 0.7rem;

    text-align: center;
}


/* ==========================================================================
   TEMA PAPEL
   ========================================================================== */

body[data-reader-theme="papel"]
.case-reader-toolbar {
    background:
        linear-gradient(
            180deg,
            rgba(236, 222, 194, 0.98),
            rgba(224, 208, 177, 0.98)
        );

    border-bottom:
        1px solid
        rgba(81, 60, 38, 0.22);
}


body[data-reader-theme="papel"]
.case-reader-back,
body[data-reader-theme="papel"]
.case-reader-action {
    color: #3e3328;
}


body[data-reader-theme="papel"]
.case-reader-action:hover,
body[data-reader-theme="papel"]
.case-reader-action.active {
    color: #7c4b24;

    background:
        rgba(91, 62, 35, 0.08);
}


body[data-reader-theme="papel"]
.reader-popover {
    background: #ead8b7;

    border-color:
        rgba(81, 60, 38, 0.20);
}


body[data-reader-theme="papel"]
.reader-popover strong,
body[data-reader-theme="papel"]
.reader-popover button,
body[data-reader-theme="papel"]
.reader-size-control span {
    color: #3e3328;
}


body[data-reader-theme="papel"]
.reader-popover button {
    background:
        rgba(255, 255, 255, 0.25);

    border-color:
        rgba(81, 60, 38, 0.12);
}


/* ==========================================================================
   NAVEGAÇÃO DE PÁGINAS
   ========================================================================== */

.reader-page-navigation {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    padding:
        0 0 10px;
}


.reader-page-navigation[hidden] {
    display: none;
}


.reader-page-navigation button {
    width: 36px;
    height: 36px;

    border:
        1px solid
        rgba(166, 140, 85, 0.22);

    background:
        rgba(255, 255, 255, 0.02);

    color: var(--paper-soft);

    cursor: pointer;
}


.reader-page-navigation output {
    min-width: 64px;

    color: var(--paper-soft);

    font-family: var(--font-mono);
    font-size: 0.64rem;

    text-align: center;
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 700px) {

    .case-reader-toolbar-inner {
        width: 100%;

        min-height: 58px;

        padding:
            0 8px;

        gap: 6px;
    }


    .case-reader-back {
        width: 42px;

        justify-content: center;

        font-size: 0;
    }


    .case-reader-back i {
        font-size: 1rem;
    }


    .case-reader-back span {
        display: none;
    }


    .case-reader-actions {
        flex: 1;

        overflow-x: auto;

        justify-content: flex-start;

        scrollbar-width: none;
    }


    .case-reader-actions::-webkit-scrollbar {
        display: none;
    }


    .case-reader-action {
        min-width: 58px;
        min-height: 52px;

        padding: 6px 8px;
    }


    .case-reader-action small {
        font-size: 0.48rem;
    }


    .case-reader-popovers {
        width:
            calc(100% - 16px);

        margin-bottom: 8px;
    }
}

/* ==========================================================================
   SUBLINHADOS DO LEITOR
   ========================================================================== */

.reader-underline {
    color: inherit;
    background: transparent;

    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #a88a55;
    text-underline-offset: 4px;

    text-decoration-skip-ink: auto;
}


body[data-reader-theme="papel"]
.reader-underline {
    text-decoration-color: #8b552c;
}


.reader-underline-status {
    text-align: center;

    color: var(--paper-soft);

    font-family: var(--font-mono);
    font-size: 0.68rem;
}


body[data-reader-theme="papel"]
.reader-underline-status {
    color: #3e3328;
}
/* ==========================================================================
   AJUSTE MOBILE — TODOS OS ÍCONES VISÍVEIS
   ========================================================================== */

@media (max-width: 700px) {

    .case-reader-toolbar-inner {
        padding: 0 4px;
        gap: 2px;
    }

    .case-reader-back {
        width: 34px;
        min-width: 34px;
    }

    .case-reader-actions {
        display: grid;

        grid-template-columns:
            repeat(6, minmax(0, 1fr));

        flex: 1;

        gap: 0;

        overflow: visible;
    }

    .case-reader-action {
        width: 100%;
        min-width: 0;

        min-height: 52px;

        padding:
            6px 2px;
    }

    .case-reader-action i,
    .reader-aa {
        font-size: 0.95rem;
    }

    .case-reader-action small {
        font-size: 0.42rem;

        white-space: nowrap;
    }
}

/* ==========================================================
   SUMÁRIO DO ARQUIVO - DOCUMENTO ANTIGO
   ========================================================== */

.dossie-summary {
    position: relative;

    width: min(320px, 90%);
    min-height: 230px;

    margin: 25px auto 40px;
  padding: 38px 44px 34px;

   background:
    linear-gradient(
        145deg,
        rgba(35, 28, 22, 0.95),
        rgba(18, 15, 12, 0.98)
    );

color: #d8c6a0;

border: 1px solid rgba(180, 140, 70, 0.35);

box-shadow:
    0 15px 35px rgba(0,0,0,.45),
    inset 0 0 30px rgba(180,140,70,.08);

    font-family:
        "Baskerville",
        Georgia,
        serif;
}







.dossie-summary-title {

    text-align:center;

    font-size:13px;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#b89b64;

    margin-bottom:22px;

   border-bottom:
    1px solid rgba(120,90,40,.25);

padding-bottom:12px;
   
}


.dossie-summary ul {

    list-style:none;

    padding:0;

    margin:0;

}


.dossie-summary li {

    margin:14px 0;

}


.dossie-summary a {

    display:block;

    color:#e1d2b5;

    text-decoration:none;

    font-size:17px;

    padding:10px 0;

    border-bottom:
        1px solid rgba(180,140,70,.15);

    transition:.3s;

}


.dossie-summary a:hover {

    color:#b52a2a;

    padding-left:10px;

}

/* CORREÇÃO DOS LINKS DO SUMÁRIO NO CELULAR */

.dossie-summary nav,
.dossie-summary ul,
.dossie-summary li,
.dossie-summary a {
    position: relative;
    z-index: 2;
}

.dossie-summary a {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

/* ==========================================================================
   CONTEÚDO NARRATIVO POR BLOCOS
   ========================================================================== */

/* 1. Contêiner */

.case-page #caso-historia[data-content-format="blocks"] {
    --case-block-surface: rgba(21, 18, 16, 0.78);
    --case-block-surface-soft: rgba(255, 255, 255, 0.025);
    --case-block-border: rgba(166, 140, 85, 0.28);
    --case-block-border-strong: rgba(164, 19, 19, 0.48);
    --case-block-accent: var(--gold, #a88c55);
    --case-block-danger: #d67b7b;
    --case-block-text: var(--paper-soft, #d9d0c3);
    --case-block-muted: var(--muted, #81786d);

    display: flow-root;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    color: var(--case-block-text);
    overflow-wrap: anywhere;
    word-break: normal;
}

.case-page #caso-historia[data-content-format="blocks"] > * {
    box-sizing: border-box;
    max-width: 100%;
}

.case-page #caso-historia[data-content-format="blocks"] > * + * {
    margin-top: clamp(1.25rem, 3vw, 2rem);
}


/* 2. Subtítulos e parágrafos */

.case-page #caso-historia[data-content-format="blocks"] .case-content-subtitle {
    margin: clamp(2.6rem, 7vw, 4.5rem) 0 1rem;
    padding: 0 0 0.75rem;
    border-bottom: 1px solid var(--case-block-border);
    color: var(--paper, #eee5d7);
    font-family: var(--font-display, "Cinzel", Georgia, serif);
    font-size: clamp(1.25rem, 2.8vw, 1.75rem);
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.015em;
    scroll-margin-top: 6rem;
    break-after: avoid;
    page-break-after: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-subtitle:first-child {
    margin-top: 0;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-paragraph {
    max-width: 72ch;
    margin-right: auto;
    margin-left: auto;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: pre-line;
    orphans: 3;
    widows: 3;
}


/* 3. Imagens */

.case-page #caso-historia[data-content-format="blocks"] .case-content-image {
    display: block;
    width: 100%;
    margin-block: clamp(1.75rem, 4vw, 2.75rem);
    break-inside: avoid;
    page-break-inside: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-image-frame {
    position: relative;
    display: grid;
    width: 100%;
    min-width: 0;
    overflow: clip;
    border: 1px solid var(--case-block-border);
    background: #090807;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: min(78vh, 900px);
    object-fit: contain;
    border: 0;
    background: #090807;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-image figcaption {
    display: grid;
    gap: 0.42rem;
    margin-top: 0.75rem;
    color: var(--case-block-muted);
    font-family: var(--font-body, "Libre Baskerville", Georgia, serif);
    font-size: 0.82em;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.case-page #caso-historia[data-content-format="blocks"] .case-image-caption {
    color: var(--case-block-text);
    font-weight: 700;
    white-space: pre-line;
}

.case-page #caso-historia[data-content-format="blocks"] .case-image-note {
    margin-top: 0.2rem;
    padding: 0.75rem 0.9rem;
    border-left: 2px solid var(--case-block-accent);
    background: rgba(166, 140, 85, 0.07);
    white-space: pre-line;
}

.case-page #caso-historia[data-content-format="blocks"] .case-image-credit,
.case-page #caso-historia[data-content-format="blocks"] .case-image-source {
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.84em;
}


/* 4. Conteúdo sensível */

.case-page #caso-historia[data-content-format="blocks"] .case-content-image--sensitive .case-content-image-frame {
    min-height: clamp(250px, 48vw, 520px);
    isolation: isolate;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-image--sensitive img {
    min-height: inherit;
    object-fit: cover;
    filter: blur(32px) brightness(0.22) saturate(0.35);
    transform: scale(1.12);
    transition: filter 0.25s ease, transform 0.25s ease;
    user-select: none;
}

.case-page #caso-historia[data-content-format="blocks"] .case-sensitive-warning {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.85rem;
    padding: clamp(1.25rem, 5vw, 2.5rem);
    overflow-y: auto;
    background: linear-gradient(
        rgba(9, 7, 7, 0.9),
        rgba(20, 10, 10, 0.94)
    );
    color: #f1e8dc;
    text-align: center;
}

.case-page #caso-historia[data-content-format="blocks"] .case-sensitive-warning strong {
    color: #fff3e5;
    font-family: var(--font-display, "Cinzel", Georgia, serif);
    font-size: clamp(1rem, 3.5vw, 1.25rem);
    letter-spacing: 0.04em;
}

.case-page #caso-historia[data-content-format="blocks"] .case-sensitive-warning p {
    max-width: 52ch;
    margin: 0;
    color: #d9cec0;
    font-size: 0.9em;
    line-height: 1.65;
}

.case-page #caso-historia[data-content-format="blocks"] .case-sensitive-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    margin-top: 0.35rem;
}

.case-page #caso-historia[data-content-format="blocks"] .case-sensitive-toggle,
.case-page #caso-historia[data-content-format="blocks"] .case-sensitive-terms {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.7rem 1rem;
    border-radius: 2px;
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.76rem;
    line-height: 1.35;
    text-align: center;
}

.case-page #caso-historia[data-content-format="blocks"] .case-sensitive-toggle {
    border: 1px solid rgba(214, 123, 123, 0.72);
    background: #551616;
    color: #fff4e8;
    cursor: pointer;
}

.case-page #caso-historia[data-content-format="blocks"] .case-sensitive-terms {
    border: 1px solid rgba(238, 229, 215, 0.3);
    color: #eee5d7;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-image--sensitive.is-revealed img {
    filter: none;
    transform: none;
    user-select: auto;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-image--sensitive.is-revealed .case-sensitive-warning {
    position: static;
    min-height: 0;
    padding: 0.75rem;
    background: #191310;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-image--sensitive.is-revealed .case-sensitive-warning strong,
.case-page #caso-historia[data-content-format="blocks"] .case-content-image--sensitive.is-revealed .case-sensitive-warning p,
.case-page #caso-historia[data-content-format="blocks"] .case-content-image--sensitive.is-revealed .case-sensitive-terms {
    display: none;
}


/* 5. Documentos */

.case-page #caso-historia[data-content-format="blocks"] .case-content-document {
    display: grid;
    gap: 0.75rem;
    padding: clamp(1.15rem, 3vw, 1.65rem);
    border: 1px solid var(--case-block-border);
    border-left: 3px solid var(--case-block-accent);
    background:
        linear-gradient(135deg, rgba(166, 140, 85, 0.07), transparent 45%),
        var(--case-block-surface);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14);
    break-inside: avoid;
    page-break-inside: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-document-label,
.case-page #caso-historia[data-content-format="blocks"] .case-content-card-label,
.case-page #caso-historia[data-content-format="blocks"] .case-content-official-label {
    color: var(--case-block-accent);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.65rem;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-document h3 {
    margin: 0;
    color: var(--paper, #eee5d7);
    font-family: var(--font-display, "Cinzel", Georgia, serif);
    font-size: clamp(1.05rem, 2.5vw, 1.35rem);
    line-height: 1.4;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-document p,
.case-page #caso-historia[data-content-format="blocks"] .case-content-document small {
    margin: 0;
    color: inherit;
    white-space: pre-line;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-document small {
    color: var(--case-block-muted);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.72em;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-document-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.25rem;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-document-button,
.case-page #caso-historia[data-content-format="blocks"] .case-content-document-source {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.68rem 0.9rem;
    border: 1px solid var(--case-block-border);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.72rem;
    line-height: 1.4;
    text-align: center;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-document-button {
    border-color: var(--case-block-border-strong);
    background: rgba(123, 9, 9, 0.18);
}


/* 6. Vídeos */

.case-page #caso-historia[data-content-format="blocks"] .case-content-video {
    display: grid;
    gap: 0.8rem;
    width: 100%;
    margin-block: clamp(1.75rem, 4vw, 2.75rem);
    break-inside: avoid;
    page-break-inside: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-video h3 {
    margin: 0;
    color: var(--paper, #eee5d7);
    font-family: var(--font-display, "Cinzel", Georgia, serif);
    font-size: clamp(1.05rem, 2.5vw, 1.35rem);
    line-height: 1.4;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-video-frame {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    overflow: clip;
    border: 1px solid var(--case-block-border);
    background: #070707;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-video-frame iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-video figcaption {
    color: var(--case-block-muted);
    font-size: 0.82em;
    line-height: 1.65;
    white-space: pre-line;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-video-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 44px;
    max-width: 100%;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--case-block-border);
}


/* 7. Cronologia */

.case-page #caso-historia[data-content-format="blocks"] .case-content-timeline {
    padding: clamp(1.1rem, 3vw, 1.6rem);
    border: 1px solid var(--case-block-border);
    background: var(--case-block-surface-soft);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-timeline h3,
.case-page #caso-historia[data-content-format="blocks"] .case-content-evidence > h3,
.case-page #caso-historia[data-content-format="blocks"] .case-content-hypotheses > h3,
.case-page #caso-historia[data-content-format="blocks"] .case-content-sources > h3 {
    margin: 0 0 1.1rem;
    color: var(--paper, #eee5d7);
    font-family: var(--font-display, "Cinzel", Georgia, serif);
    font-size: clamp(1.1rem, 2.6vw, 1.45rem);
    line-height: 1.4;
    break-after: avoid;
    page-break-after: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-timeline ol {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-timeline li {
    position: relative;
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.35fr) minmax(0, 1fr);
    gap: 1rem;
    min-width: 0;
    padding: 0.15rem 0 1.35rem 1.5rem;
    border-left: 1px solid var(--case-block-border);
    break-inside: avoid;
    page-break-inside: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-timeline li::before {
    position: absolute;
    top: 0.35rem;
    left: -0.36rem;
    width: 0.65rem;
    height: 0.65rem;
    border: 2px solid var(--case-block-accent);
    border-radius: 50%;
    background: #100e0c;
    content: "";
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-timeline li:last-child {
    padding-bottom: 0;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-timeline time {
    color: var(--case-block-accent);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.76em;
    font-weight: 500;
    line-height: 1.55;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-timeline p {
    margin: 0;
    color: inherit;
    white-space: pre-line;
}


/* 8 e 9. Evidências, hipóteses e controvérsias */

.case-page #caso-historia[data-content-format="blocks"] .case-content-evidence,
.case-page #caso-historia[data-content-format="blocks"] .case-content-hypotheses {
    min-width: 0;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    min-width: 0;
    padding: clamp(1rem, 2.6vw, 1.35rem);
    border: 1px solid var(--case-block-border);
    background: var(--case-block-surface);
    break-inside: avoid;
    page-break-inside: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card--evidence {
    border-top: 2px solid var(--case-block-accent);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card--hypothesis {
    border-left: 3px double var(--case-block-border-strong);
    background:
        linear-gradient(135deg, rgba(123, 9, 9, 0.055), transparent 50%),
        var(--case-block-surface);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card h4 {
    margin: 0;
    color: var(--paper, #eee5d7);
    font-family: var(--font-display, "Cinzel", Georgia, serif);
    font-size: 1rem;
    line-height: 1.45;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card p,
.case-page #caso-historia[data-content-format="blocks"] .case-content-card small {
    margin: 0;
    color: inherit;
    white-space: pre-line;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card small {
    color: var(--case-block-muted);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.72em;
}


/* 10. Situação oficial */

.case-page #caso-historia[data-content-format="blocks"] .case-content-official-status {
    display: grid;
    gap: 0.8rem;
    padding: clamp(1.15rem, 3vw, 1.75rem);
    border: 1px solid var(--case-block-border-strong);
    border-top: 3px solid var(--red, #7b0909);
    background:
        linear-gradient(135deg, rgba(123, 9, 9, 0.12), transparent 48%),
        var(--case-block-surface);
    break-inside: avoid;
    page-break-inside: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-official-status h3 {
    margin: 0;
    color: var(--paper, #eee5d7);
    font-family: var(--font-display, "Cinzel", Georgia, serif);
    font-size: clamp(1.1rem, 2.8vw, 1.5rem);
    line-height: 1.4;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-official-status p,
.case-page #caso-historia[data-content-format="blocks"] .case-content-official-status small {
    margin: 0;
    color: inherit;
    white-space: pre-line;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-official-status small {
    color: var(--case-block-muted);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.72em;
}


/* 11. Fontes */

.case-page #caso-historia[data-content-format="blocks"] .case-content-sources {
    padding: clamp(1.1rem, 3vw, 1.6rem);
    border-top: 1px solid var(--case-block-border);
    border-bottom: 1px solid var(--case-block-border);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-sources ol {
    display: grid;
    gap: 0.8rem;
    margin: 0;
    padding-left: 1.55rem;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-sources li {
    min-width: 0;
    padding: 0.8rem 0.85rem;
    border-left: 1px solid var(--case-block-border);
    background: var(--case-block-surface-soft);
    break-inside: avoid;
    page-break-inside: avoid;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-sources li::marker {
    color: var(--case-block-accent);
    font-family: var(--font-mono, "DM Mono", monospace);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-sources strong,
.case-page #caso-historia[data-content-format="blocks"] .case-content-sources span,
.case-page #caso-historia[data-content-format="blocks"] .case-content-sources small {
    display: block;
    margin-bottom: 0.35rem;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-sources strong {
    color: var(--paper, #eee5d7);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-sources small {
    color: var(--case-block-muted);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.72em;
}


/* 12. Links e estados */

.case-page #caso-historia[data-content-format="blocks"] a {
    color: var(--gold-light, #c4aa70);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.case-page #caso-historia[data-content-format="blocks"] a:visited {
    color: #bda68e;
}

.case-page #caso-historia[data-content-format="blocks"] a:hover {
    color: var(--paper, #eee5d7);
    text-decoration-thickness: 2px;
}

.case-page #caso-historia[data-content-format="blocks"] a:active {
    color: var(--red-light, #a41313);
}

.case-page #caso-historia[data-content-format="blocks"] a:focus-visible,
.case-page #caso-historia[data-content-format="blocks"] button:focus-visible {
    outline: 3px solid var(--gold-light, #c4aa70);
    outline-offset: 3px;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card-link,
.case-page #caso-historia[data-content-format="blocks"] .case-content-official-link,
.case-page #caso-historia[data-content-format="blocks"] .case-content-source-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 44px;
    max-width: 100%;
    margin-top: 0.15rem;
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.72rem;
    line-height: 1.45;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-media-error,
.case-page #caso-historia[data-content-format="blocks"] .case-content-image--error .case-content-image-frame {
    border: 1px dashed rgba(214, 123, 123, 0.72);
    background: rgba(123, 9, 9, 0.1);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-media-error {
    display: grid;
    place-items: center;
    min-height: 120px;
    margin: 0;
    padding: 1rem;
    color: var(--case-block-danger);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 0.76em;
    line-height: 1.6;
    text-align: center;
}


/* 13. Tema papel antigo */

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] {
    --case-block-surface: rgba(229, 214, 185, 0.82);
    --case-block-surface-soft: rgba(91, 62, 35, 0.055);
    --case-block-border: rgba(81, 60, 38, 0.3);
    --case-block-border-strong: rgba(117, 48, 25, 0.48);
    --case-block-accent: #76532d;
    --case-block-danger: #7d2525;
    --case-block-text: var(--reader-fg, #30271e);
    --case-block-muted: #62513e;
    color: var(--case-block-text);
}

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-subtitle,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-document h3,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-video h3,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-timeline h3,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-evidence > h3,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-hypotheses > h3,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-card h4,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-official-status h3,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-sources > h3,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-sources strong {
    color: #30271e;
}

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-document,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-card,
body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-official-status {
    box-shadow: 0 8px 20px rgba(80, 50, 20, 0.1);
}

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-timeline li::before {
    background: #eadfc9;
}

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] a {
    color: #753019;
}

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] a:visited {
    color: #6d4b3a;
}

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] a:hover {
    color: #3b2115;
}

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-sensitive-warning {
    background: linear-gradient(rgba(48, 30, 24, 0.95), rgba(68, 35, 30, 0.96));
    color: #fff4e8;
}

body[data-reader-theme="papel"] #caso-historia[data-content-format="blocks"] .case-content-media-error {
    color: #762626;
    background: rgba(117, 48, 25, 0.08);
}


/* 14. Modo de leitura e modo página */

body.case-reading #caso-historia[data-content-format="blocks"] {
    color: var(--reader-fg);
    font-family: var(--reader-font);
    font-size: var(--reader-size);
    line-height: var(--reader-spacing);
}

/* DISTRIBUIÇÃO DOS MATERIAIS NAS PÁGINAS */

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-subtitle {
    margin-top: 1.2rem;
    margin-bottom: 0.65rem;
    padding-bottom: 0.45rem;

    break-inside: avoid;
    break-after: avoid;

    page-break-inside: avoid;
    page-break-after: avoid;
}


/* A imagem e seus créditos podem ocupar páginas diferentes */

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-image {
    margin-top: 1rem;
    margin-bottom: 1rem;

    break-inside: auto;
    page-break-inside: auto;
}

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-image-frame {
    break-inside: avoid;
    page-break-inside: avoid;
}

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-image img {
    max-height:
        calc(
            var(--reader-page-height, 70vh) *
            0.48
        );
}


/* Vídeos e documentos não reservam uma folha inteira */

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-document,

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-video,

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-official-status {
    break-inside: auto;
    page-break-inside: auto;
}

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-video-frame {
    max-height:
        calc(
            var(--reader-page-height, 70vh) *
            0.48
        );

    break-inside: avoid;
    page-break-inside: avoid;
}


/* Elementos pequenos permanecem inteiros */

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-timeline li,

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-card,

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-sources li {
    max-width: 100%;

    break-inside: avoid;
    page-break-inside: avoid;
}

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-card-list {
    display: block;
}

body.case-paginated
#caso-historia[data-content-format="blocks"]
.case-content-card +
.case-content-card {
    margin-top: 0.75rem;
}


/* 15. Responsividade */

@media (max-width: 768px) {
    .case-page #caso-historia[data-content-format="blocks"] .case-content-card-list {
        grid-template-columns: 1fr;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-timeline li {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-document-actions {
        align-items: stretch;
    }
}

@media (max-width: 480px) {
    .case-page #caso-historia[data-content-format="blocks"] > * + * {
        margin-top: 1.15rem;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-subtitle {
        margin-top: 2.35rem;
        scroll-margin-top: 5rem;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-document,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-timeline,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-card,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-official-status,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-sources {
        padding: 1rem;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-document-actions,
    .case-page #caso-historia[data-content-format="blocks"] .case-sensitive-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-document-button,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-document-source,
    .case-page #caso-historia[data-content-format="blocks"] .case-sensitive-toggle,
    .case-page #caso-historia[data-content-format="blocks"] .case-sensitive-terms {
        width: 100%;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-timeline li {
        padding-left: 1.1rem;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-image--sensitive .case-content-image-frame {
        min-height: 280px;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-sensitive-warning {
        padding: 1rem;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-video-link,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-card-link,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-official-link,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-source-link {
        width: 100%;
    }
}

@media (max-width: 350px) {
    .case-page #caso-historia[data-content-format="blocks"] .case-content-document,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-timeline,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-card,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-official-status,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-sources {
        padding: 0.85rem;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-content-sources ol {
        padding-left: 1.25rem;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-sensitive-warning p {
        font-size: 0.82em;
    }
}


/* 16. Acessibilidade */

@media (prefers-reduced-motion: reduce) {
    .case-page #caso-historia[data-content-format="blocks"] *,
    .case-page #caso-historia[data-content-format="blocks"] *::before,
    .case-page #caso-historia[data-content-format="blocks"] *::after {
        scroll-behavior: auto;
        transition-duration: 0.01ms;
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
    }
}

@media (forced-colors: active) {
    .case-page #caso-historia[data-content-format="blocks"] .case-content-document,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-card,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-official-status,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-timeline,
    .case-page #caso-historia[data-content-format="blocks"] .case-content-sources {
        border: 1px solid CanvasText;
    }

    .case-page #caso-historia[data-content-format="blocks"] .case-sensitive-toggle {
        border: 2px solid ButtonText;
    }
}

/* ==========================================================
   PAGINAÇÃO COMPACTA DO SUMÁRIO
   ========================================================== */

.dossie-summary {
    min-height: 0;
    padding: 28px 32px 24px;
}

.dossie-summary-title {
    margin-bottom: 14px;
    padding-bottom: 10px;
}

.dossie-summary li {
    margin: 4px 0;
}

.dossie-summary a {
    padding: 12px 0;
    font-size: 0.96rem;
    line-height: 1.4;
}

.dossie-summary-pagination {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    align-items: center;
    gap: 10px;

    margin-top: 18px;
    padding-top: 16px;

    border-top:
        1px solid
        rgba(180, 140, 70, 0.25);
}

.dossie-summary-page-button {
    min-height: 36px;
    padding: 8px 10px;

    border:
        1px solid
        rgba(180, 140, 70, 0.35);

    background:
        rgba(180, 140, 70, 0.07);

    color: #d8c6a0;

    font-family:
        "DM Mono",
        monospace;

    font-size: 0.61rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        color 0.2s ease;
}

.dossie-summary-page-button:first-child {
    justify-self: start;
}

.dossie-summary-page-button:last-child {
    justify-self: end;
}

.dossie-summary-page-button:hover:not(:disabled) {
    border-color:
        rgba(181, 42, 42, 0.85);

    background:
        rgba(181, 42, 42, 0.12);

    color: #ffffff;
}

.dossie-summary-page-button:disabled {
    opacity: 0.32;
    cursor: not-allowed;
}

.dossie-summary-page-indicator {
    color: #b89b64;

    font-family:
        "DM Mono",
        monospace;

    font-size: 0.65rem;
    letter-spacing: 0.08em;

    white-space: nowrap;
}

body[data-reader-theme="papel"]
.dossie-summary-page-button {
    border-color:
        rgba(103, 75, 37, 0.35);

    background:
        rgba(103, 75, 37, 0.05);

    color: #4c321b;
}

body[data-reader-theme="papel"]
.dossie-summary-page-button:hover:not(:disabled) {
    border-color: #8f1d1d;
    background:
        rgba(143, 29, 29, 0.08);
    color: #8f1d1d;
}

body[data-reader-theme="papel"]
.dossie-summary-page-indicator {
    color: #75562f;
}

@media (max-width: 600px) {

    .dossie-summary {
        width:
            min(
                330px,
                calc(100% - 28px)
            );

        padding:
            24px 24px 20px;

        margin:
            20px auto 30px;
    }

    .dossie-summary a {
        padding: 10px 0;
        font-size: 0.91rem;
    }

    .dossie-summary-pagination {
        gap: 7px;
    }

    .dossie-summary-page-button {
        min-height: 34px;
        padding: 7px 8px;
        font-size: 0.55rem;
    }

    .dossie-summary-page-indicator {
        font-size: 0.58rem;
    }
}

/* ==========================================================
   BOTÃO FLUTUANTE — VOLTAR AO TOPO
   ========================================================== */

.case-back-to-top {
    position: fixed;
    right: 22px;
    bottom:
        calc(
            22px +
            env(safe-area-inset-bottom, 0px)
        );

    z-index: 95;

    display: grid;
    place-items: center;

    width: 42px;
    height: 42px;
    padding: 0;

    border:
        1px solid
        rgba(180, 140, 70, 0.42);

    border-radius: 50%;

    background:
        rgba(12, 10, 9, 0.9);

    color: #d8c6a0;

    font-family:
        "DM Mono",
        monospace;

    font-size: 1.05rem;
    line-height: 1;

    box-shadow:
        0 8px 24px
        rgba(0, 0, 0, 0.28);

    cursor: pointer;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform:
        translateY(12px);

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;
}

.case-back-to-top.is-visible {
    opacity: 0.82;
    visibility: visible;
    pointer-events: auto;

    transform:
        translateY(0);
}

.case-back-to-top:hover,
.case-back-to-top:focus-visible {
    opacity: 1;

    border-color:
        rgba(181, 42, 42, 0.9);

    background:
        rgba(70, 15, 15, 0.95);

    outline: none;
}

.case-back-to-top span {
    display: block;

    transform:
        translateY(-1px);
}

body[data-reader-theme="papel"]
.case-back-to-top {
    border-color:
        rgba(103, 75, 37, 0.38);

    background:
        rgba(244, 231, 199, 0.94);

    color: #4c321b;

    box-shadow:
        0 8px 22px
        rgba(72, 48, 25, 0.2);
}

body[data-reader-theme="papel"]
.case-back-to-top:hover,
body[data-reader-theme="papel"]
.case-back-to-top:focus-visible {
    border-color: #8f1d1d;
    background: #eadbb8;
    color: #8f1d1d;
}

@media (max-width: 600px) {

    .case-back-to-top {
        right: 14px;

        bottom:
            calc(
                14px +
                env(
                    safe-area-inset-bottom,
                    0px
                )
            );

        width: 38px;
        height: 38px;

        font-size: 0.95rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .case-back-to-top {
        transition:
            opacity 0.01ms,
            visibility 0.01ms;
    }
}
/* CADA SEÇÃO PRINCIPAL COMEÇA NO TOPO DE UMA NOVA PÁGINA */

body.case-paginated
.case-main-content > .case-block {
    break-before: column;
    page-break-before: always;
}

body.case-paginated
.case-main-content > .case-block:first-child {
    break-before: auto;
    page-break-before: auto;
}

/* SUMÁRIO COMO PRIMEIRA PÁGINA DO MODO LIVRO */

body.case-paginated
.reader-page-window > .dossie-summary {
    display: none !important;
}

body.case-paginated
.reader-page-window.reader-show-summary
> .dossie-summary {
    position: absolute;
    inset: 18px 32px;
    z-index: 2;

    display: block !important;

    width: auto;
    max-width: 520px;
    max-height: calc(100% - 36px);

    margin: 0 auto;

    overflow: hidden;
}

body.case-paginated
.reader-page-window.reader-show-summary
> .case-main-content {
    visibility: hidden;
}

body.case-paginated
.reader-page-window > .case-main-content {
    margin-top: 0 !important;
}

@media (max-width: 600px) {

    body.case-paginated
    .reader-page-window.reader-show-summary
    > .dossie-summary {
        inset: 16px 14px;
        max-height: calc(100% - 32px);
    }
}
/* Evita que a interface antiga apareça antes da montagem do leitor. */
body.case-booting {
    min-height: 100vh;
    overflow: hidden;
    background: #090806;
}

body.case-booting > * {
    visibility: hidden;
}

body.case-booting::before {
    content: "ABRINDO ARQUIVO";
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    visibility: visible;
    color: #a99a86;
    background:
        radial-gradient(circle at 50% 44%, rgba(103, 23, 19, 0.13), transparent 34%),
        #090806;
    font-family: "DM Mono", monospace;
    font-size: 0.68rem;
    letter-spacing: 0.28em;
}


/* Evidências expansíveis do editor em blocos */
.case-page #caso-historia[data-content-format="blocks"] .case-content-evidence .case-content-card-list {
    grid-template-columns: minmax(0, 1fr);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card--evidence.evidence-card {
    display: block;
    padding: 0;
    gap: 0;
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card--evidence .evidence-details {
    padding: clamp(1rem, 2.6vw, 1.35rem);
}

.case-page #caso-historia[data-content-format="blocks"] .case-content-card--evidence .case-content-card-link {
    display: inline-flex;
    margin-top: 1rem;
}


/* Arquivo Sombrio: textura de papel antigo no leitor da versão completa.
   Restrita ao tema papel para preservar legibilidade e não interferir no tema escuro. */
body.case-reading[data-reader-theme="papel"] {
    background-color: #efe3cb;
    background-image:
        linear-gradient(115deg, rgba(111, 74, 34, .045), transparent 34%, rgba(98, 63, 26, .045) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
    background-size: auto, 180px 180px;
}
body.case-reading[data-reader-theme="papel"] .reader-page-window {
    background-color: #efe3cb;
    background-image:
        radial-gradient(ellipse at 50% 35%, rgba(255, 249, 230, .64), rgba(174, 130, 75, .09) 100%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
    background-size: auto, 180px 180px;
}
body.case-reading[data-reader-theme="papel"] .case-reader-toolbar,
body.case-reading[data-reader-theme="papel"] .case-reader-controls {
    background-color: #e6d6b9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
    background-size: 180px 180px;
}
body.case-reading[data-reader-theme="papel"] .case-history,
body.case-reading[data-reader-theme="papel"] .case-main-content {
    background-color: transparent;
}
body[data-reader-theme="papel"] .dossie-summary {
    background-image:
        linear-gradient(145deg, rgba(245, 236, 210, .95), rgba(220, 202, 160, .95)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
    background-blend-mode: multiply;
}
@media print {
    body.case-reading[data-reader-theme="papel"] {
        background-image: none;
    }
}