:root{
  --flimsy:#E8E4DA; --ink:#2A2530; --carbon:#4B3A6B;
  --smudge:#8B7FA3; --rule:#C6BFB2; --pale:#F2EFE9;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--flimsy); color:var(--ink);
  font-family:"Space Mono",ui-monospace,Menlo,monospace;
  min-height:100dvh; display:flex; justify-content:center;
  padding:clamp(1.25rem,5vw,3rem) 1.25rem;
  line-height:1.5;
}
.sheet{width:100%;max-width:34rem}

.head{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:1rem;padding-bottom:.6rem;border-bottom:1.5px solid var(--ink);
}
.mark{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase}
.yr{font-size:.66rem;letter-spacing:.12em;color:var(--smudge)}

.field{
  display:grid;grid-template-columns:8.5rem 1fr;gap:.75rem;
  padding:.85rem 0;border-bottom:1px solid var(--rule);align-items:baseline;
}
.key{
  font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--smudge);
}
.val{font-size:.9rem;word-break:break-word}
.val.big{
  font-family:"Bodoni Moda",Didot,"Times New Roman",serif;
  font-size:clamp(1.7rem,7vw,2.5rem);line-height:1.05;letter-spacing:-.01em;
}
.val.ref{color:var(--carbon);letter-spacing:.06em}

.stampwrap{display:flex;justify-content:center;padding:3rem 0 2.5rem}
.stamp{
  border:2.5px solid var(--carbon);color:var(--carbon);
  padding:.7rem 1.4rem;transform:rotate(-4.5deg);
  font-size:clamp(.78rem,3.4vw,1rem);letter-spacing:.2em;
  text-transform:uppercase;text-align:center;opacity:.82;
  box-shadow:inset 0 0 0 1px var(--flimsy);
  animation:land .5s cubic-bezier(.2,1.4,.4,1) both;
}
.stamp small{display:block;font-size:.58rem;letter-spacing:.14em;margin-top:.3rem;opacity:.75}
@keyframes land{from{transform:rotate(-9deg) scale(1.5);opacity:0}
                to{transform:rotate(-4.5deg) scale(1);opacity:.82}}
@media (prefers-reduced-motion:reduce){.stamp{animation:none}}

.foot{border-top:1.5px solid var(--ink);padding-top:.75rem;font-size:.66rem;color:var(--smudge)}
.foot a{color:var(--carbon)}

.manifest{list-style:none}
.manifest a{
  display:grid;grid-template-columns:1.9rem 1fr auto;gap:.85rem;
  align-items:baseline;padding:.7rem .25rem;
  border-bottom:1px solid var(--rule);
  color:var(--ink);text-decoration:none;
}
.manifest a:hover,.manifest a:focus-visible{background:var(--pale)}
.n{font-size:.62rem;color:var(--smudge)}
.nm{font-size:.82rem;letter-spacing:.02em}
.sl{font-size:.68rem;color:var(--carbon)}
:focus-visible{outline:2px solid var(--carbon);outline-offset:2px}