/* Closed covers are manila envelopes; the disclosed content is a separate sheet.
   Only deliberate openings animate, never ordinary rerenders/pinning/saving. */
.file-packet{position:relative;min-width:0;margin:0 0 18px;overflow-anchor:none;isolation:isolate}
.file-packet>summary{list-style:none}.file-packet>summary::-webkit-details-marker{display:none}
.packet-cover,.evidence-envelope.packet-cover{position:relative;z-index:2;isolation:isolate;display:block;width:100%;min-height:198px;padding:18px 22px 90px;cursor:pointer;text-align:left;border:1px solid #a78a5f;border-radius:1px;background:linear-gradient(145deg,#dfc99e,#cdb184);box-shadow:1px 3px 5px #3f281d29;color:#3d3022;overflow:visible}
.packet-cover::before{content:'';position:absolute;inset:5px;border:1px solid #b1926557;z-index:-1;pointer-events:none}
.packet-cover::after{display:none}
.packet-folds{position:absolute;inset:auto 0 0;height:64px;z-index:-1;overflow:visible;clip-path:inset(-22px 0 -12px);perspective:650px;pointer-events:none}
.packet-folds::before,.packet-folds::after{content:'';position:absolute;inset:0;pointer-events:none}
.packet-folds::before{background:linear-gradient(15deg,transparent 49.5%,#94734555 49.8%,#f2dfbb90 50.1%,transparent 50.4%),linear-gradient(-15deg,transparent 49.5%,#94734555 49.8%,#f2dfbb90 50.1%,transparent 50.4%)}
.packet-flap{position:absolute;inset:auto 0 0;height:64px;display:block;transform-origin:50% 100%;backface-visibility:visible;pointer-events:none;filter:drop-shadow(0 -1px 1px #83613b55)}
.packet-flap::before{content:'';position:absolute;inset:0;clip-path:polygon(0 100%,50% 0,100% 100%);background:linear-gradient(0deg,#c7a97b,#ecd9b1)}
.packet-seal{position:absolute;left:calc(50% - 18px);top:-18px;width:36px;height:36px;border-radius:44% 52% 46% 51%;background:radial-gradient(circle at 34% 27%,#be5942,#8c3029 70%);border:2px solid #b9664b;box-shadow:1px 2px 2px #4a2c1b40;transition:transform 180ms ease-out}
.packet-seal::after{content:'M';position:absolute;inset:7px;border:1px solid #dba37a80;border-radius:50%;display:grid;place-items:center;font:11px/1 var(--serif);color:#e6b38d99;text-shadow:0 1px #59271d70}
.packet-seal-top{clip-path:polygon(0 0,100% 0,100% 55%,75% 48%,58% 56%,40% 47%,20% 54%,0 48%)}
.packet-seal-bottom{clip-path:polygon(0 48%,20% 54%,40% 47%,58% 56%,75% 48%,100% 55%,100% 100%,0 100%)}
.packet-unsealed>.packet-seal-top{transform:translate(-2px,-3px) rotate(-7deg)}
.packet-unsealed>.packet-flap>.packet-seal-bottom{transform:translate(3px,3px) rotate(8deg)}
.packet-address{position:relative;display:grid;gap:5px;min-width:0;max-width:100%;background:#f5e9cdeF;padding:12px 15px;border:1px solid #c4aa7b70;box-shadow:1px 2px 2px #6b4d2b12}
.packet-address small{font:700 8px/1.5 var(--typewriter);letter-spacing:1px;color:#7b4a31;overflow-wrap:anywhere}
.packet-address b{font:22px/1.2 var(--serif);color:#3b3023;overflow-wrap:anywhere}
.packet-address em{font:10px/1.5 var(--typewriter);color:#796044;font-style:normal}
.packet-chevron{position:absolute;right:12px;bottom:9px;font-size:17px;color:#65472f;pointer-events:none}
.file-packet[open]>.packet-cover,.evidence-file.open>.packet-cover{background:linear-gradient(#c5a777,#dac298);box-shadow:1px 2px 3px #3a281d26}
.file-packet[open]>.packet-cover .packet-folds,.evidence-file.open>.packet-cover .packet-folds{background:linear-gradient(transparent 80%,#a88456 81%,#c3a476)}
.file-packet[open]>.packet-cover .packet-folds::after,.evidence-file.open>.packet-cover .packet-folds::after{inset:auto 10px 0;height:11px;background:linear-gradient(#6f503b66,#b3936440);border-radius:50% 50% 0 0}
.file-packet[open]>.packet-cover .packet-flap,.evidence-file.open>.packet-cover .packet-flap{transform:rotateX(-165deg);opacity:.8}
.file-packet[open]>.packet-cover .packet-seal-top,.evidence-file.open>.packet-cover .packet-seal-top{transform:translate(-2px,-3px) rotate(-7deg)}
.file-packet[open]>.packet-cover .packet-chevron,.evidence-file.open>.packet-cover .packet-chevron{transform:rotate(180deg)}
.packet-reveal{position:relative;z-index:1;margin:-7px 9px 0;padding-top:0;transform-origin:50% 0;overflow:visible}
.packet-reveal>.record-reader{position:relative;margin:0!important;padding:24px 23px 23px!important}
.packet-reveal>.casework,.packet-reveal>.dossier-report,.packet-reveal>.dossier-board{position:relative;margin:0;padding:25px 24px}
.file-packet .packet-reveal>.evidence-body{padding:25px 23px 21px}
.packet-paper{position:relative;min-width:0;padding:23px 22px}
:root body .packet-paper,:root body .packet-reveal>.evidence-body{background:transparent;border:1px solid transparent;border-image:var(--paper-1) 54 fill / 12px / 1px stretch;box-shadow:1px 3px 5px #4b321e25}
:root body .packet-paper,:root body .packet-reveal>.evidence-body{background-color:#f5ecd5;background-clip:content-box}
:root body .evidence-card.file-packet,:root body .dossier-evidence.file-packet{background:transparent;border:0;border-image:none;box-shadow:none;overflow:visible}
.evidence-card.file-packet>.record-envelope,.dossier-evidence.file-packet>details{margin:0}
.file-packet .evidence-head{padding:0 0 13px;background:transparent;margin-bottom:17px;border-color:#b69c7650}
.file-packet .evidence-head .evidence-type{font-size:9px;letter-spacing:.7px}
.file-packet .evidence-head .pin-btn{margin-left:auto;min-width:38px;min-height:38px}
.file-packet .evidence-body h3{font-size:26px;margin:8px 0 15px}
.file-packet .evidence-body p{font-size:14px;line-height:1.9}
.file-packet .evidence-select{width:100%;margin-top:16px;min-height:44px;justify-content:flex-start;background:#e7d8b5;border:1px solid #baa070;padding:12px 14px}
.file-packet .dossier-source-body{padding:0;background:transparent}
.file-packet .dossier-source-actions{margin:16px 0 0;padding:12px;background:#e6d3ae66;flex-wrap:wrap}
.file-packet .dossier-source-actions button{min-height:42px}
.worksheet-envelope>.packet-cover{min-height:198px}
.worksheet-envelope .packet-address{background:#f5e9d2}
.worksheet-envelope .task-heading>span{flex-shrink:0;min-width:24px;white-space:nowrap}
.working-grid.file-packet{margin-top:20px}.working-grid.file-packet>summary{font:inherit;display:flex}
.record-envelope .packet-cover{min-height:198px}
.packet-opening>.packet-cover .packet-flap{animation:envelope-unfold 540ms cubic-bezier(.35,0,.2,1) both}
.packet-opening>.packet-reveal,.packet-opening>.record-reader{animation:paper-emerge 720ms cubic-bezier(.18,.65,.25,1) 260ms both}
@keyframes envelope-unfold{0%,12%{transform:rotateX(0deg);opacity:1}55%{transform:rotateX(-82deg);opacity:1}100%{transform:rotateX(-165deg);opacity:.8}}
@keyframes paper-emerge{0%{opacity:0;transform:translateY(-68px) scale(.97);clip-path:inset(0 0 100% 0)}18%{opacity:1}75%{transform:translateY(4px) scale(1);clip-path:inset(0 0 0 0)}100%{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0)}}
/* Static story-context marks extend across the illustrated file and its edges.
   Secondary drops stay in writing margins; no clue or solution is encoded. */
:root{--blood-drops:url("data:image/svg+xml,%3Csvg%20xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox='0%200%2070%2062'%3E%3Cg%20fill='%237f3026'%3E%3Cpath%20d='M50%2010c3-4%204%202%207%200%204-4%205%200%203%203-1%203%205%201%204%204-2%203%204%203%201%206-2%203-5%200-4%204%201%205-4%200-6%203-4%204-3-4-6-1-4%204-1-4-5-3-6-1%203-4-1-6-5-4%205-2%202-6-2-5%204%200%205-4Z'%2F%3E%3Ccircle%20cx='31'%20cy='12'%20r='3.4'%2F%3E%3Ccircle%20cx='26'%20cy='33'%20r='2.7'%2F%3E%3Cellipse%20cx='44'%20cy='43'%20rx='4'%20ry='6'%20transform='rotate%28-32%2044%2043%29'%2F%3E%3Ccircle%20cx='14'%20cy='46'%20r='1.8'%2F%3E%3Ccircle%20cx='57'%20cy='52'%20r='2.5'%2F%3E%3Ccircle%20cx='22'%20cy='8'%20r='1.2'%2F%3E%3Ccircle%20cx='6'%20cy='35'%20r='1.2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.case-blood-mark{position:absolute;inset:7px; background:var(--blood-drops) right 0 top 39px/112px 99px no-repeat,var(--blood-drops) left -28px bottom 4px/54px 48px no-repeat,radial-gradient(circle at 97.5% 53%,#7f3026 0 3px,transparent 3.8px),radial-gradient(circle at 98% 58%,#7f3026 0 1.8px,transparent 2.5px),radial-gradient(circle at 1% 57%,#7f3026 0 2.7px,transparent 3.4px),radial-gradient(circle at 2% 69%,#7f3026 0 1.3px,transparent 2px);opacity:.58;z-index:3;pointer-events:none;user-select:none}
.case-row .case-blood-mark{inset:5px;background:var(--blood-drops) right 4px top 2px/72px 63px no-repeat,var(--blood-drops) left 1px bottom 0/44px 39px no-repeat;opacity:.5}
.workspace[data-case-blood='true'] :is(.crime-brief,.briefing,.inquiry-fieldnotes,.notebook-paper){position:relative}
.workspace[data-case-blood='true'] :is(.crime-brief,.briefing)::after{content:'';position:absolute;inset:5px;background:var(--blood-drops) right 0 bottom 2px/80px 71px no-repeat,radial-gradient(circle at 99% 31%,#7f3026 0 2.7px,transparent 3.4px),radial-gradient(circle at 1% 68%,#7f3026 0 2px,transparent 2.7px),radial-gradient(circle at 1.5% 77%,#7f3026 0 1.3px,transparent 2px);opacity:.43;pointer-events:none}
.workspace[data-case-blood='true'] :is(.inquiry-fieldnotes,.notebook-paper)::after{content:'';position:absolute;inset:4px;background:var(--blood-drops) right 0 top 0/48px 43px no-repeat,radial-gradient(circle at 1% 55%,#7f3026 0 2.5px,transparent 3.2px),radial-gradient(circle at 1% 61%,#7f3026 0 1.5px,transparent 2.2px);opacity:.34;pointer-events:none}
.no-motion .packet-opening *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.packet-opening *{animation:none!important;transition:none!important}}
@media(max-width:600px){
 .packet-cover,.evidence-envelope.packet-cover{min-height:198px;padding:17px 16px 90px}
 .packet-address{padding:11px 12px}.packet-address b{font-size:21px}.packet-address small{font-size:8px}.packet-address em{font-size:10px}
 .packet-seal{left:calc(50% - 18px);width:36px;height:36px}.packet-seal::after{inset:7px}
 .packet-reveal{margin:-6px 5px 0}
 .packet-reveal>.record-reader{padding:23px 17px!important}
 .packet-reveal>.casework,.packet-reveal>.dossier-report,.packet-reveal>.dossier-board{padding:24px 16px}
 .packet-paper{padding:24px 17px}.file-packet .packet-reveal>.evidence-body{padding:24px 17px 20px}
 .file-packet .evidence-body p{font-size:14px;line-height:1.85}
 .case-blood-mark{background-size:96px 85px,45px 40px,auto,auto,auto,auto}
 .case-row .case-blood-mark{background-size:62px 55px,38px 34px}
 .workspace[data-case-blood='true'] :is(.crime-brief,.briefing)::after{background-size:58px 52px,auto,auto,auto;opacity:.38}
}
@media print{
 .packet-cover,.case-blood-mark,.workspace[data-case-blood='true'] :is(.crime-brief,.briefing,.inquiry-fieldnotes,.notebook-paper)::after{display:none!important}
 .file-packet{border:0!important;box-shadow:none!important;margin:0!important}
 .packet-reveal,.packet-paper{display:block!important;margin:0!important;transform:none!important;opacity:1!important;animation:none!important}
 :root body .packet-paper{background:#fff!important;border-image:none!important;box-shadow:none!important}
}

.packet-open{display:none}
.file-packet[open]>.packet-cover .packet-open,.evidence-file.open>.packet-cover .packet-open{display:inline}
.file-packet[open]>.packet-cover .packet-closed,.evidence-file.open>.packet-cover .packet-closed{display:none}
.tutorial-file.file-packet>.packet-cover{width:100%;border:1px solid #a78a5f;background:linear-gradient(145deg,#dfc99e,#cdb184)}
.tutorial-file .tutorial-record{padding:23px 20px}

.packet-cover:focus-visible{outline:3px solid #b67f42;outline-offset:3px}
