/* TarotAstro : feuille de style commune. Aucune ressource externe (pas de CDN, pas de police distante). */
:root{
  --bg:#0b0710;--bg2:#1a0d26;--card:#22132f;--card-b:#3a2450;
  --text:#ece6f3;--muted:#b3a6c4;--gold:#d9b96a;--gold2:#f0d99a;--link:#e6c98a;--todo-bg:#5a1f3a;--todo-fg:#ffd9e6;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --bg:#f6f1fa;--bg2:#efe6f6;--card:#ffffff;--card-b:#ddd0e8;--text:#24132f;--muted:#5d4d70;--gold:#8a6a1c;--gold2:#6f5310;--link:#6b3fa0;--todo-bg:#ffe1ec;--todo-fg:#7a1038;
  }
}
:root[data-theme="light"]{--bg:#f6f1fa;--bg2:#efe6f6;--card:#fff;--card-b:#ddd0e8;--text:#24132f;--muted:#5d4d70;--gold:#8a6a1c;--gold2:#6f5310;--link:#6b3fa0;--todo-bg:#ffe1ec;--todo-fg:#7a1038}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);background-image:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);background-attachment:fixed;color:var(--text);
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;min-height:100vh;overflow-wrap:anywhere}
a{color:var(--link)}a:hover{color:var(--gold2)}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
header.site{padding:18px 0;border-bottom:1px solid var(--card-b)}
header.site .wrap{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;color:var(--gold);font-weight:700;letter-spacing:.04em;text-decoration:none;font-size:1.1rem}
.brand img{width:36px;height:36px;border-radius:9px}
nav.top{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.92rem}
nav.top a{text-decoration:none;color:var(--muted)}nav.top a:hover{color:var(--gold2)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--gold);line-height:1.25}
h1{font-size:2rem;margin:1.6rem 0 .6rem}h2{font-size:1.4rem;margin:2rem 0 .5rem}h3{font-size:1.1rem;margin:1.4rem 0 .3rem;color:var(--gold2)}
p,li{color:var(--text)}li{margin:.25rem 0}
.muted{color:var(--muted);font-size:.92rem}
.hero{text-align:center;padding:42px 0 26px}
.hero img.icon{width:128px;height:128px;border-radius:28px;box-shadow:0 0 40px rgba(217,185,106,.25)}
.hero h1{font-size:2.4rem;margin-top:1rem}
.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:34em;margin:.4rem auto 1.4rem}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);background:transparent;font:inherit;font-weight:600;cursor:default;text-decoration:none}
.btn.soon{opacity:.9}
.badge-soon{display:block;margin-top:10px;font-size:.85rem;color:var(--muted)}
.grid{display:grid;grid-template-columns:1fr;gap:14px;margin:1rem 0}
@media(min-width:620px){.grid{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid var(--card-b);border-radius:14px;padding:16px 18px}
.card h3{margin-top:0}
.cards-row{display:flex;gap:10px;justify-content:center;margin:1.4rem 0}
.cards-row img{width:30%;max-width:150px;height:auto;border-radius:8px;border:1px solid var(--card-b)}
.todo{background:var(--todo-bg);color:var(--todo-fg);padding:1px 6px;border-radius:5px;font-weight:600;border:1px dashed var(--todo-fg)}
.notice{border-left:3px solid var(--gold);background:var(--card);padding:10px 14px;border-radius:0 10px 10px 0;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.93rem;display:block;overflow-x:auto}
th,td{border:1px solid var(--card-b);padding:8px 10px;text-align:left;vertical-align:top}th{background:var(--card);color:var(--gold2)}
footer.site{margin-top:3rem;padding:22px 0 40px;border-top:1px solid var(--card-b);font-size:.9rem;color:var(--muted)}
footer.site nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:8px}
footer.site a{color:var(--muted)}
main{padding-bottom:10px}