/* TP-VERSION: 1.0.0 — Tarot card archive (Cauldron dark mode). Builds on .cauldron-wrap, .pill, .tarot-card-header in style.css. */
.tarot-archive { max-width: 960px; margin: 0 auto; }
.tarot-archive-lede { text-align: center; font-size: 15px; line-height: 1.6; max-width: 56ch; margin: 0 auto 22px; opacity: .85; }
.tarot-archive-filter { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 28px; }
.tarot-archive-filter a { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding: 5px 14px; border: 1px solid #3D5A45; border-radius: 20px; color: #EDE6D8; text-decoration: none; }
.tarot-archive-filter a:hover { border-color: #B8783A; }
.tarot-archive-filter a.is-current { background: #B8783A; border-color: #B8783A; color: #1F3024; font-weight: 500; }
.tarot-archive-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
.tarot-archive-tile { border: 1px solid #3D5A45; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.tarot-archive-tile:hover { border-color: #B8783A; }
.tarot-archive-tile a { text-decoration: none; color: #EDE6D8; display: flex; flex-direction: column; gap: 6px; }
.tarot-archive-img img { width: 100%; height: auto; display: block; }
.tarot-archive-num { font-family: 'IBM Plex Mono', monospace; font-style: italic; font-size: 12px; letter-spacing: .08em; color: #B8783A; }
.tarot-archive-name { font-family: 'Fraunces', serif; font-weight: 500; font-size: 17px; line-height: 1.25; }
.tarot-archive-sub { font-family: 'IBM Plex Mono', monospace; font-style: italic; font-size: 12px; opacity: .6; }
.tarot-archive-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.tarot-archive-pages ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 28px 0 0; padding: 0; }
.tarot-archive-pages a, .tarot-archive-pages span { display: inline-block; min-width: 36px; text-align: center; font-size: 13px; padding: 5px 10px; border: 1px solid #3D5A45; border-radius: 20px; color: #EDE6D8; text-decoration: none; }
.tarot-archive-pages a:hover { border-color: #B8783A; }
.tarot-archive-pages .current { background: #B8783A; border-color: #B8783A; color: #1F3024; }
.tarot-archive-join { margin: 40px auto 0; max-width: 520px; text-align: center; border-top: 1px solid #3D5A45; padding-top: 24px; }
.tarot-archive-join h2 { font-family: 'Fraunces', serif; font-weight: 500; font-size: 20px; margin: 0 0 8px; color: #EDE6D8; }
.tarot-archive-join p { font-size: 15px; line-height: 1.6; margin: 0 0 12px; opacity: .85; }
.tarot-archive-button { display: inline-block; padding: 10px 22px; background: #B8783A; color: #1F3024; text-decoration: none; font-weight: 500; border-radius: 2px; opacity: 1; }
.tarot-archive-button:hover { background: #EDE6D8; }
@media (max-width: 480px) { .tarot-archive-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .tarot-archive-tile { padding: 10px; } .cauldron-wrap.tarot-archive-wrap { padding: 28px 14px; } }