/* A separate visual lane keeps the archive readable throughout the card fall. */
body[data-page=history] .page-title{padding-bottom:26px}
.history-shell{grid-template-columns:300px minmax(0,1fr);gap:65px;padding-top:38px}
.history-nav{top:100px;padding-top:0}
.history-nav nav{margin-top:14px;gap:2px}
.history-nav a{padding:8px 12px}
.history-nav .nav-flourish{display:none}
.archive-stage{position:relative;margin-top:24px;border-top:1px solid #d5be8528;overflow:hidden;isolation:isolate;contain:layout paint}
.archive-stage:before{content:'';position:absolute;inset:22px 0;background:radial-gradient(ellipse,#be9d5420,transparent 70%);z-index:-1}
.archive-heading{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font:9px var(--reading);letter-spacing:1.8px;color:#b4a67d}
.archive-phase{font:12px var(--serif);letter-spacing:1px;color:#e4d2a6}
.archive-canvas{height:340px;position:relative;perspective:950px}
.archive-guide{position:absolute;inset:20px 45px 18px;border:1px solid #c1ae7620;border-radius:50%;transform:rotate(-16deg);pointer-events:none}
.archive-guide:after{content:'✦';position:absolute;bottom:20px;right:0;font-size:14px;color:#bca77470}
.archive-card{position:absolute;left:0;top:0;width:74px;height:109px;will-change:transform;transform-style:preserve-3d}
.archive-card-turn{position:absolute;inset:0;transform-style:preserve-3d}
.archive-face{position:absolute;inset:0;border-radius:6px;backface-visibility:hidden;border:1px solid #b7a06a;box-shadow:0 12px 23px #0005}
.archive-back{background:linear-gradient(145deg,#29352c,#121e18);display:grid;place-items:center;color:#ccb779}
.archive-back:before,.archive-back:after{content:'';position:absolute;inset:6px;border:1px solid #b7a06a77;border-radius:3px}
.archive-back:after{inset:17px;transform:rotate(0deg);background:repeating-linear-gradient(45deg,transparent 0 9px,#b7a06a12 9px 10px)}
.archive-back svg{position:absolute;width:75%;height:75%;color:#c0a86a}
.archive-back span{font:27px Georgia;z-index:1;background:#1e2b22;border:1px solid #b7a06a77;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;line-height:1}
.archive-front{transform:rotateY(180deg);background:linear-gradient(135deg,#f4ead4,#d9c9a8);color:#28342d;display:grid;place-items:center}
.archive-front:after{content:'';position:absolute;inset:5px;border:1px solid #76674440;border-radius:3px}
.archive-front.red{color:#963e3b}
.archive-front b{position:absolute;left:8px;top:7px;font:600 21px/1 Georgia}
.archive-front b small{display:block;font-size:16px;margin-top:3px}
.archive-front .archive-corner-bottom{left:auto;top:auto;right:8px;bottom:7px;transform:rotate(180deg)}
.archive-pip{font:45px/1 Georgia}
.archive-caption{font:12px/1.8 var(--reading);color:#b7b7a6;margin:0 0 12px;min-height:42px;max-width:290px}
.archive-meter{height:1px;background:#d5be8524;margin-bottom:12px}
.archive-meter span{display:block;height:1px;background:#d5be85;transform-origin:left;transform:scaleX(0)}
.history-shell .timeline li{grid-template-columns:106px minmax(0,1fr);gap:30px}
.history-shell .timeline li:before{left:119px}.history-shell .timeline li:after{left:115px}
@media(min-width:761px) and (max-height:820px){.archive-canvas{height:245px}.archive-card{width:70px;height:103px}.history-nav{top:96px}.archive-stage{margin-top:12px}.history-nav nav{gap:0;margin-top:7px}.history-nav a{padding-block:5px}.archive-caption{font-size:11px;min-height:36px}}
@media(min-width:761px) and (max-width:1100px){.history-shell{grid-template-columns:235px minmax(0,1fr);gap:35px}.archive-card{width:74px;height:109px}.history-shell .timeline li{grid-template-columns:1fr;gap:10px;padding-left:22px}.history-shell .timeline li:before{left:3px}.history-shell .timeline li:after{left:-1px}.history-shell .year{font-size:36px}}
@media(max-width:760px){
 .history-shell{display:block;padding-top:20px}.history-nav{top:68px;padding:4px 0 0;margin-bottom:26px;background:#121812fa;z-index:10}
 .history-nav nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0}.history-nav a{padding:8px 2px;font-size:11px!important;white-space:normal;min-height:42px;line-height:1.45}
 .archive-stage{margin-top:0;border-top:0}.archive-heading{position:absolute;left:4px;top:10px;margin:0;z-index:2;display:block;max-width:88px;font-size:7px;letter-spacing:1px}.archive-phase{display:block;margin-top:8px;font-size:12px}
 .archive-canvas{height:133px;margin-left:90px;perspective:600px}.archive-card{width:48px;height:70px}.archive-face{border-radius:4px;box-shadow:0 6px 10px #0004}.archive-back span{font-size:17px;width:25px;height:25px}.archive-back:after{inset:12px}.archive-back:before{inset:4px}.archive-front b{font-size:13px;left:5px;top:5px}.archive-front b small{font-size:10px;margin-top:2px}.archive-front .archive-corner-bottom{right:5px;bottom:5px}.archive-pip{font-size:27px}.archive-front:after{inset:3px}.archive-guide{inset:9px 20px}.archive-caption{display:none}.archive-meter{margin:0;height:1px}
 .history-shell .timeline li{display:block;padding:4px 0 32px 23px}.history-shell .timeline li:before{left:3px}.history-shell .timeline li:after{left:0}
 #timeline,#aliases,#culture,#references{scroll-margin-top:270px}
}
@media(prefers-reduced-motion:reduce){.archive-card{will-change:auto}}