.tt-tarot{background:#3a1631;color:#f8eee6;border-radius:14px;padding:22px 18px;margin:24px 0;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.tt-tarot .tt-title{font-size:1.35em;font-weight:700;color:#e3b85a;margin:0 0 6px}
.tt-tarot .tt-intro,.tt-tarot .tt-info{margin:6px 0 14px;color:#e9e2d0}
.tt-tarot .tt-note{font-size:.82em;color:#b9b1c9;margin:16px 0 0}
.tt-btn{background:#c9973f;color:#1f1a3d;border:0;border-radius:30px;padding:12px 26px;font-size:1.05em;font-weight:700;cursor:pointer;margin:8px 0}
.tt-btn:hover{background:#e3b85a}
.tt-spread{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;max-width:640px;margin:0 auto}
.tt-back{aspect-ratio:2/3.3;border:2px solid #c9973f;border-radius:6px;cursor:pointer;padding:0;background:repeating-linear-gradient(45deg,#5a2147 0 6px,#6e2b58 6px 12px);transition:transform .15s}
.tt-back:hover:not(:disabled){transform:translateY(-6px)}
.tt-back.tt-picked{opacity:.25;transform:translateY(-10px)}
.tt-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:10px 0 18px}
.tt-slot{width:120px}
.tt-pos{font-size:.85em;color:#e3b85a;margin:0 0 6px;font-weight:700}
.tt-face{background:#fbf6e9;color:#2a2340;border:3px solid #c9973f;outline:2px solid #b8323a;outline-offset:-8px;border-radius:8px;aspect-ratio:2/3.3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 4px;animation:ttflip .5s ease}
.tt-num{font-weight:700;font-size:1em;color:#b8323a}
.tt-glyph{font-size:2.6em;line-height:1;color:#2f4fa0;font-family:"Segoe UI Symbol","DejaVu Sans","Noto Sans Symbols",Arial,sans-serif;font-variant-emoji:text}
.tt-name{font-size:.78em;font-weight:700;line-height:1.15}
@keyframes ttflip{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}
.tt-verdict{font-size:1.4em;margin:6px 0 10px}
.tt-verdict strong{padding:4px 14px;border-radius:20px}
.t-oui strong{background:#2f8a55;color:#fff}.t-non strong{background:#b8323a;color:#fff}.t-peut strong{background:#c9973f;color:#1f1a3d}
.tt-result{text-align:left;background:#fbf6e9;color:#2a2340;border-radius:10px;padding:14px 16px;margin:0 auto 10px;max-width:720px}
.tt-result h3{font-size:1.05em;margin:10px 0 4px;color:#1f1a3d}
.tt-result h3 small{font-weight:400;color:#6d6380}
.tt-result p{margin:4px 0 8px}
.tt-synth{border-top:1px solid #e0d6bf;padding-top:8px}
@media (max-width:600px){.tt-spread{grid-template-columns:repeat(6,1fr)}.tt-slot{width:96px}.tt-glyph{font-size:2em}}
.tt-s32{grid-template-columns:repeat(8,1fr);max-width:520px}
.tt-c32 .tt-glyph{font-size:3em}
@media (max-width:600px){.tt-s32{grid-template-columns:repeat(8,1fr);gap:4px}} .ta-card{width:130px;margin:4px auto 10px;transition:transform .5s}
.ta-card.ta-rev{transform:rotate(180deg)}
.ta-kw{color:#e9e2d0;margin:4px 0 10px;font-size:.95em}
.ta-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 10px}
.ta-tab{background:#fbf6e9;color:#3a1631;border:0;border-radius:24px;padding:10px 16px;font-size:.98em;font-weight:700;cursor:pointer;min-height:44px}
.ta-tab:hover,.ta-tab.on{background:#e3b85a}
.ta-flip{background:transparent;color:#e3b85a;border:2px solid #c9973f;border-radius:24px;padding:8px 16px;cursor:pointer;min-height:40px;margin:0 0 12px}
.ta-flip:hover{background:#c9973f;color:#1f1a3d}
.ta-out .ta-hint{color:#6d6380;margin:4px 0}
.ta-faq details{border:1px solid #e6d9c2;border-radius:10px;margin:8px 0;padding:10px 14px;background:#fffaf2}
.ta-faq summary{cursor:pointer;font-weight:700;color:#3a1631}
.ta-faq-r{margin-top:6px}
.ta-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:20px 0}
.ta-articles a{display:block;background:#fff;border:1px solid #eadfcf;border-radius:14px;overflow:hidden;text-decoration:none;color:#3a1631;box-shadow:0 2px 10px rgba(58,22,49,.07);transition:transform .15s,box-shadow .15s}
.ta-articles a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(58,22,49,.15)}
.ta-articles img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.ta-articles .a-t{display:block;font-weight:700;padding:10px 12px 4px;line-height:1.3}
.ta-articles .a-d{display:block;font-size:.88em;color:#6d6380;padding:0 12px 12px}
.ta-nav{text-align:center;font-weight:700;margin:18px 0}