:root{--indigo:#1c1a33;--indigo-2:#2b2850;--gilt:#b8913a;--gilt-soft:#e3cf98;--vellum:#f5efe0;--ink:#25222e;--faded:#6d6577;--rule:#dcd1b6;--cinnabar:#9e3b2b}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--vellum);color:var(--ink);font:17.5px/1.75 "Iowan Old Style","Baskerville","Baskerville Old Face","Hoefler Text",Georgia,serif}
a{color:var(--cinnabar);text-decoration-color:var(--gilt);text-underline-offset:3px}a:hover{color:var(--indigo-2)}
.cartouche{background:var(--indigo);color:var(--gilt-soft);text-align:center;padding:26px 16px 0;border-bottom:3px double var(--gilt)}
.cartouche .kabinett-mark{display:inline-block;font:400 clamp(24px,4.6vw,34px)/1.1 "Palatino Linotype","Book Antiqua",Palatino,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gilt-soft);text-decoration:none}
.cartouche .devise{display:block;font-style:italic;font-size:14.5px;color:#a9a2c7;margin:6px 0 16px;letter-spacing:.04em}
.suitline{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 0;padding:10px 0 12px;border-top:1px solid rgba(227,207,152,.25);font:13px/1.6 "Palatino Linotype",Palatino,serif;letter-spacing:.14em;text-transform:uppercase}
.suitline a{color:var(--gilt-soft);text-decoration:none;padding:0 12px}.suitline a+a{border-left:1px solid rgba(227,207,152,.35)}.suitline a:hover{color:#fff}
.codex{max-width:1080px;margin:0 auto;padding:0 16px}
.overture{max-width:46ch;margin:0 auto;text-align:center;padding:52px 0 30px}
.overture h1{font:400 clamp(30px,5.8vw,50px)/1.12 "Palatino Linotype","Book Antiqua",Palatino,serif;color:var(--indigo);margin:0 0 16px}
.overture p{margin:0;color:var(--faded)}
.ornament{display:block;text-align:center;color:var(--gilt);letter-spacing:.6em;font-size:14px;margin:6px 0}
.tableau{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:20px 0 80px}
.trump{position:relative;display:flex;flex-direction:column;min-height:330px;background:#fffaf0;border:1px solid var(--gilt);border-radius:14px;padding:22px 20px 20px;text-decoration:none;color:var(--ink);box-shadow:inset 0 0 0 6px #fffaf0,inset 0 0 0 7px var(--rule)}
.trump:hover{background:#fff;box-shadow:inset 0 0 0 6px #fff,inset 0 0 0 7px var(--gilt)}
.trump .numeral{font:400 26px/1 "Palatino Linotype",Palatino,serif;color:var(--gilt);text-align:center;letter-spacing:.1em}
.trump h2{font:400 22px/1.25 "Palatino Linotype","Book Antiqua",Palatino,serif;color:var(--indigo);margin:16px 0 10px;text-align:center}
.trump p{margin:0;font-size:15px;line-height:1.6;color:var(--faded);text-align:center}
.trump .suit-tag{margin-top:auto;padding-top:16px;text-align:center;font:12px/1 "Palatino Linotype",Palatino,serif;letter-spacing:.24em;text-transform:uppercase;color:var(--cinnabar)}
.folio-wrap{display:grid;grid-template-columns:150px minmax(0,1fr);gap:40px;max-width:900px;margin:0 auto;padding:46px 0 80px}
.folio-mark{position:sticky;top:24px;align-self:start;text-align:center;border:1px solid var(--gilt);border-radius:10px;padding:18px 10px;background:#fffaf0}
.folio-mark b{display:block;font:400 34px/1 "Palatino Linotype",Palatino,serif;color:var(--gilt)}
.folio-mark span{display:block;margin-top:10px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--faded)}
.vellum h1{font:400 clamp(28px,4.8vw,42px)/1.15 "Palatino Linotype","Book Antiqua",Palatino,serif;color:var(--indigo);margin:0 0 14px}
.gloss{font-size:19px;font-style:italic;color:var(--faded);margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid var(--rule)}
.vellum h2{font:400 23px/1.3 "Palatino Linotype",Palatino,serif;color:var(--indigo-2);margin:34px 0 8px}
.vellum h2::before{content:"\2726\00a0";color:var(--gilt);font-size:16px}
.vellum ul,.vellum ol{padding-left:24px}.vellum li{margin:6px 0}
.vellum dl{margin:14px 0}.vellum dt{font-variant:small-caps;letter-spacing:.06em;color:var(--indigo-2);font-size:18px;margin-top:12px}.vellum dd{margin:2px 0 0 0;padding-left:16px;border-left:2px solid var(--rule)}
.marginalia{background:var(--indigo);color:#e6e1f4;border-radius:10px;padding:14px 18px;font-size:15.5px}.marginalia a{color:var(--gilt-soft)}
.colophon-date{margin-top:40px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--faded)}
.arcana-foot{background:var(--indigo-2);color:#b9b3d6;text-align:center;font-size:14px;padding:26px 16px 34px}.arcana-foot a{color:var(--gilt-soft)}
@media(max-width:860px){.tableau{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tableau{grid-template-columns:1fr;gap:18px}.trump{min-height:0}.folio-wrap{grid-template-columns:1fr;gap:18px;padding-top:26px}.folio-mark{position:static;display:flex;align-items:center;gap:14px;text-align:left;padding:10px 14px}.folio-mark span{margin:0}.suitline a{padding:0 8px}body{font-size:16.5px}}