body.archive-view{background:var(--paper);color:var(--ink);isolation:isolate}
body.archive-view:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:15;background:repeating-linear-gradient(0deg,#222e2a16 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#a74e320a 0 1px,#3c8a9d0a 1px 2px,transparent 2px 4px);box-shadow:inset 0 0 90px #57422335;opacity:.7}
body.archive-view:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:14;opacity:.1;background-image: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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:multiply}
body.archive-view .cinema-header{height:74px;background:var(--paper);color:var(--ink);border-bottom:1px solid #8c8c7677}body.archive-view main{padding-top:74px;min-height:calc(100dvh - 65px)}body.archive-view #site-menu{background:var(--paper);border:1px solid #787e6e;color:var(--ink)}body.archive-view #site-menu a{border-color:#8c8c7677}body.archive-view #site-menu sup{color:#555f56}body.archive-view footer{border-color:#8c8c7677;color:#525c53}body.archive-view #archive{width:90%;max-width:1340px;margin:auto;padding:32px 0 35px}
.terminal-frame{border:1px solid #6b756566;box-shadow:0 0 0 5px #78816d0a,inset 0 0 36px #6f68551a;position:relative;background:linear-gradient(90deg,#fff2,transparent 70%)}.terminal-frame:before{content:'';position:absolute;top:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,#30392f 0 28%,#798170 28% 76%,#30392f 76%);opacity:.8}.terminal-top{display:flex;justify-content:space-between;gap:18px;padding:13px 18px;border-bottom:1px solid #6b756555;font:12px/1.5 'Courier New',monospace;letter-spacing:.05em}.terminal-layout{display:grid;grid-template-columns:62px minmax(0,1fr)}.terminal-rail{display:flex;flex-direction:column;align-items:center;padding:27px 0;border-right:1px solid #6b756555;font:12px/3 'Courier New',monospace;gap:48px;color:#69735f}.terminal-rail>span:first-child{border:1px solid #6b7565;width:30px;text-align:center;line-height:30px;background:#384238;color:var(--paper)}.terminal-content{min-width:0;padding:26px 34px 0}.terminal-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.terminal-heading h2{margin:0;font-size:28px;line-height:1.2;font-weight:400;letter-spacing:.03em}.terminal-heading h2 span{display:block;font:12px/1.6 'Courier New',monospace;letter-spacing:.1em;margin-top:9px}.terminal-heading p{font-size:12px;letter-spacing:.12em;color:#596251;margin:4px 0}.terminal-stage{min-height:490px;position:relative;display:grid;place-items:center;padding:70px 35px 65px}.axis{position:absolute;background:#2d9d9e;opacity:.32;pointer-events:none}.axis-x{height:1px;left:0;right:0;top:47%}.axis-y{width:1px;top:24px;bottom:24px;left:50%}.axis-x:before,.axis-x:after{content:'';position:absolute;top:-15px;width:1px;height:31px;background:inherit;left:0}.axis-x:after{left:auto;right:0}.tile-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:64px;width:max-content;max-width:100%}.archive-tile{display:block;min-width:0;border:0;padding:0;background:transparent;color:var(--ink);text-align:left}.tile-face{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border:9px solid var(--ink);border-radius:27px;background:var(--paper);box-shadow:inset 0 0 15px #6b614e30,2px 3px 0 #797d6750;transition:transform .25s,box-shadow .25s}.tile-face:before{content:'';position:absolute;inset:6px;border:1px solid #36473b;border-radius:13px}.tile-face:after{content:'';position:absolute;inset:13px;border:1px solid #66735f55;border-radius:7px;background:linear-gradient(135deg,transparent 85%,#777f6940 85.3%,transparent 85.6%);pointer-events:none}.tile-face svg{width:49%;height:49%;position:relative}.tile-corner{position:absolute;top:18px;left:18px;font:10px 'Courier New',monospace;letter-spacing:.06em;color:#566551}.tile-number{position:absolute;bottom:16px;right:18px;font:24px 'Courier New',monospace;letter-spacing:-.06em}.tile-notch{position:absolute;left:-10px;top:40%;width:3px;height:27px;background:#2b9b9c}.tile-label{display:flex;justify-content:space-between;align-items:center;font-size:22px;margin-top:16px}.tile-label>span{font-size:16px;color:#526453;opacity:0;transition:opacity .2s}.tile-meta{display:block;font:12px/1.7 'Courier New',monospace;margin-top:7px;color:#4d5c4a}.archive-tile:hover .tile-face{transform:translateY(-3px);box-shadow:0 0 0 1px #299494,inset 0 0 15px #6b614e30,3px 6px 0 #797d6740}.archive-tile:hover .tile-label>span,.archive-tile:focus-visible .tile-label>span{opacity:1}.archive-tile:focus-visible{outline:2px solid #23696b;outline-offset:8px;border-radius:22px}.terminal-bottom{display:flex;justify-content:space-between;gap:18px;font:12px/1.6 'Courier New',monospace;border-top:1px solid #7c867266;padding:14px 0;color:#52614d}
.archive-view dialog{background:var(--paper);color:var(--ink);border-color:#53624e}.archive-view .dialog-top{background:var(--paper);border-bottom:1px solid #7c8672}.archive-view a:focus-visible{outline-color:#23696b}
@media(max-width:900px){.tile-grid{grid-template-columns:repeat(2,minmax(0,180px));gap:35px}.terminal-content{padding:25px 24px 0}.terminal-stage{padding:55px 12px;min-height:430px}.tile-corner{font-size:10px;top:17px;left:14px}.tile-face{border-width:8px;border-radius:23px}.tile-number{font-size:21px;bottom:14px;right:14px}}
@media(max-width:600px){body.archive-view #archive{width:92%;padding-top:23px}.terminal-top{padding:10px 12px;gap:12px;font-size:12px}.terminal-top span:nth-child(2){display:none}.terminal-layout{grid-template-columns:28px minmax(0,1fr)}.terminal-rail{padding:20px 0;font-size:10px;gap:30px}.terminal-rail>span:first-child{width:21px;line-height:23px}.terminal-content{padding:20px 14px 0}.terminal-heading h2{font-size:24px}.terminal-heading p{display:none}.terminal-stage{min-height:380px;padding:50px 0 40px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:18px}.tile-face{border-width:6px;border-radius:20px}.tile-face:before{inset:4px;border-radius:11px}.tile-face:after{inset:9px}.tile-corner{display:none}.tile-face svg{width:50%;height:50%}.tile-number{font-size:17px;bottom:10px;right:10px}.tile-label{font-size:18px;margin-top:12px}.tile-meta{font-size:12px;line-height:1.6}.tile-notch{left:-7px;height:20px}.terminal-bottom{flex-wrap:wrap;font-size:12px}.axis-y{left:50%}}
@media(prefers-reduced-motion:reduce){.archive-tile *{transition:none!important}}
/* Quiet neutral display with centered abstract archive symbols. */
body.archive-view:before{opacity:.28;box-shadow:none}
body.archive-view:after{opacity:.035}
.terminal-frame{background:none;box-shadow:0 0 0 5px #17191805}
.tile-face{box-shadow:inset 0 0 15px #1719180a,2px 3px 0 #17191820}
.tile-face svg.tile-symbol{width:48%;height:48%;color:var(--ink)}
.archive-tile:hover .tile-face{box-shadow:0 0 0 1px #299494,3px 6px 0 #17191820}

/* Compact identification marks and the original lab signature. */
.rail-label{width:42px;display:flex;flex-direction:column;align-items:center;gap:17px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.rail-label svg{width:28px;height:91px;overflow:visible}
.rail-label-text,.rail-register{font:9px/1.8 'Courier New',monospace;text-align:center;letter-spacing:-.02em}
.rail-register{font-size:8px;padding-top:10px;border-top:1px solid var(--line);width:100%}
.rail-logo{display:block;position:relative;width:42px;height:42px;margin-top:auto;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}
.rail-logo img{position:absolute;width:231px;max-width:none;left:-93px;top:-44px}
@media(max-width:600px){.rail-label{width:21px;gap:14px;padding:12px 0}.rail-label svg{width:20px;height:65px}.rail-label-text,.rail-register{display:none}.rail-logo{width:23px;height:23px}.rail-logo img{width:126.5px;left:-51px;top:-24px}}

/* Empty archive records retain only identification and close navigation. */
#detail.blank-archive #detail-media{min-height:55vh;background:var(--paper)}
#detail.blank-archive .detail-copy{display:none}
.tile-face svg.tile-symbol{width:62%;height:62%}