/* Shared journal frame. Positions follow the approved Reality Is Broken cover.
   The specimen photograph is the sole raster detail; all cover furniture is CSS. */
.archive-stage .rib-dossier, .archive-cover .rib-dossier {
    position: relative;
    container-type: inline-size;
    width: 454px !important;
    height: 548px !important;
    min-height: 548px !important;
    max-height: none !important;
    margin: 0 !important;
    align-self: start;
    justify-self: start;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateY(-18px) !important;
    isolation: isolate;
    color: #c5bdaa;
    font-family: "Courier New", monospace;
    --rib-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeDiffuseLighting surfaceScale='2' diffuseConstant='.7' lighting-color='%23868071'%3E%3CfeDistantLight azimuth='225' elevation='38'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Cpath fill='%23232320' filter='url(%23n)' d='M0 0h180v180H0z' opacity='.28'/%3E%3C/svg%3E");
}
.rib-dossier::before { display: none; }
.rib-cover {
    position: absolute;
    inset: 3% 3% 0 1%;
    border: 1px solid #171914;
    border-radius: 4px;
    background: linear-gradient(#0006, #0006), var(--rib-grain), linear-gradient(120deg, #191a18, #0d0f0d 70%);
    box-shadow: inset 0 0 0 2px #141611, inset 0 0 0 3px #1b1d17, 5px 4px 0 #11130f, 6px 5px 0 #181a14, 0 12px 20px #0008;
}
.rib-cover::after {
    content: "";
    position: absolute;
    inset: 1.25% 1.4% .5%;
    border: 1px solid #20221b80;
    border-radius: 4px;
    box-shadow: none;
    pointer-events: none;
}
.rib-binding {
    position: absolute;
    inset: 0 14.3% 0 57.4%;
    border-inline: 1px solid #4b4c4080;
    background: linear-gradient(#0006, #0006), var(--rib-grain), linear-gradient(90deg, #20221c, #12140f 60%, #1c1e18);
    box-shadow: -2px 0 3px #0007, 3px 0 3px #0009;
}
.rib-binding::after {
    content: "";
    position: absolute;
    inset: 1% 13%;
    background: radial-gradient(ellipse at 50% 45%, #080a07 0 27%, #090b0899 29% 33%, #55574a80 38%, transparent 44%) 0 0 / 2.12cqw 2.02cqw;
}
.rib-tab, .rib-evidence {
    position: absolute;
    z-index: 3;
    display: grid;
    place-items: center;
    background: var(--rib-grain), linear-gradient(125deg, #d6cab0, #e8ddc5 50%, #bcb39b);
    color: #282821;
    border: 1px solid #e8dfca;
    outline: 2px solid #33342bcc;
    box-shadow: inset 0 0 0 1px #a49c86, 2px 3px 3px #000b;
    font-size: 2.55cqw;
}
.rib-tab { top: -3.3%; left: 5.6%; width: 15.7%; height: 5.8%; border-radius: 2px; }
.rib-evidence { top: 19.9%; right: -3.5%; width: 7%; height: 17.4%; writing-mode: vertical-rl; text-transform: uppercase; }
.rib-heading { position: absolute; z-index: 2; top: 5.25%; left: 5.25%; right: 4.1%; display: flex; justify-content: space-between; font-size: 2.42cqw; text-transform: uppercase; }
.rib-dossier .rib-title {
    position: absolute;
    top: 15.25%; left: 5.2%;
    margin: 0;
    max-width: none;
    color: #ded5c2;
    font: 400 8.5cqw/.9 Georgia, "Times New Roman", serif;
    letter-spacing: -.25cqw;
    text-shadow: 0 1px 1px #000;
}
.rib-intro { position: absolute; top: 30.3%; left: 5.3%; margin: 0; font-size: 2.29cqw; line-height: 1.42; letter-spacing: -.025cqw; }
.rib-ledger { position: absolute; top: 46.25%; left: 4.9%; width: 43%; height: 39.9%; margin: 0; padding: 4.4% 3.3%; border: 1px solid #4b4c4080; border-radius: 2px; background: linear-gradient(#0006, #0006), var(--rib-grain), linear-gradient(115deg, #191b16, #0e100c); box-shadow: 0 3px 5px #0007; }
.rib-ledger dt { font-size: 2.1cqw; color: #969282; text-transform: uppercase; }
.rib-ledger dd { margin: 3.1cqw 0 0; font-size: 2.55cqw; white-space: nowrap; }
.rib-ledger .rib-rules { height: 7.3cqw; margin: 3.8cqw 3cqw 2.6cqw 0; background: repeating-linear-gradient(to bottom, #79796680 0 1px, transparent 1px 3.45cqw); }
.rib-ledger .rib-rules ~ dd { margin-top: 1.2cqw; font-size: 2.3cqw; }
.rib-ledger dd + dt { margin-top: 3.6cqw; }
.rib-specimen {
    position: absolute;
    z-index: 2;
    top: 45.2%; left: 41.25%; width: 54.5%; height: 42.15%;
    border: 1px solid #918d7c;
    border-radius: 1px;
    /* Show only the photographic inset (456,650)–(1000,1172), never the cover/text. */
    background: #242621 url("./public/jOURNALS/Journal-RIB.png") 77.816% 74.713% / 207.721% 266.667% no-repeat;
    box-shadow: 0 7px 9px #0009;
}
.rib-open { position: absolute; z-index: 3; left: 5.2%; bottom: 6.6%; width: 21.6%; height: 5.8%; display: flex; align-items: center; justify-content: center; gap: .5cqw; padding: 0; border: 1px solid #85806c; border-radius: 3px; color: #c9c0ab; background: linear-gradient(#191b16, #090c08); box-shadow: 0 0 0 1px #37382e, inset 0 0 0 1px #000, 1px 3px 4px #0008; font: 2.4cqw "Courier New", monospace; text-transform: uppercase; cursor: pointer; }
.rib-open span { font-size: 3.2cqw; line-height: .6; }
.rib-open:hover { color: #f0e5ce; border-color: #c2b9a0; }
.rib-open:focus-visible { outline: 2px solid #e8d9ae; outline-offset: 4px; }
.rib-footer { position: absolute; z-index: 2; left: 4.9%; right: 3.5%; bottom: 2.05%; display: flex; justify-content: space-between; font-size: 2.08cqw; text-transform: uppercase; white-space: nowrap; }

/* Shared readable supporting type, including the original cover. */
.rib-intro { font-size: 2.6cqw; }
.rib-ledger dt { font-size: 2.2cqw; color: #b6ac99; }
.rib-ledger dd { font-size: 2.8cqw; }
.rib-ledger .rib-rules ~ dd { font-size: 2.6cqw; }