/* « Ta carte », astrologie : trois piliers, roue du thème, planètes, équilibre des éléments, aspects, maisons. Chargé après chart.css. */
.ch-big3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:-4px; }
.ch-pillar{ position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; text-align:center; gap:1px; padding:18px 10px 14px; border-radius:22px;
  color:#f5ecd9; background:linear-gradient(150deg,#1d2b22,#15231b 55%,#2b2517); border:1px solid rgba(226,206,160,.25); box-shadow:var(--shadow-sm); animation:rise .6s var(--ease) both; }
.ch-pillar.p1{ animation-delay:.06s; } .ch-pillar.p2{ animation-delay:.12s; }
.ch-glyph{ font-size:2rem; line-height:1.1; color:#e8cf9c; text-shadow:0 0 18px rgba(226,199,146,.55); }
.ch-pillar small{ color:rgba(245,236,217,.72); font-size:.78rem; font-weight:700; margin-top:4px; }
.ch-pillar b{ font-family:var(--serif); font-weight:500; font-size:1.3rem; color:#f4e4c1; }
.ch-deg{ font-size:.84rem; color:rgba(245,236,217,.78); }
.ch-pillar em{ font-style:normal; font-size:.78rem; color:#e8cf9c; margin-top:4px; line-height:1.35; }
.ch-sky{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:start; }
.ch-wheel-wrap{ padding:10px; border-radius:50%; background:radial-gradient(circle,#1d2b22 0%,#14211a 70%); box-shadow:var(--shadow); aspect-ratio:1; }
.ch-wheel{ display:block; width:100%; height:100%; }
.ch-wheel text{ text-anchor:middle; dominant-baseline:central; font-family:var(--sans); }
.w-sign{ stroke:rgba(226,206,160,.35); stroke-width:.6; }
.w-fire{ fill:rgba(196,98,66,.42); } .w-earth{ fill:rgba(125,149,96,.42); } .w-air{ fill:rgba(201,168,106,.34); } .w-water{ fill:rgba(90,130,160,.42); }
text.w-glyph{ font-size:12px; fill:#f4e4c1; }
.w-ring{ fill:#0f1a14; stroke:rgba(226,206,160,.45); stroke-width:1; }
.w-house{ stroke:rgba(226,206,160,.22); stroke-width:.6; }
.w-axis{ stroke:#e8cf9c; stroke-width:1.2; opacity:.8; }
.w-mc{ stroke:#a9c08a; stroke-width:1.2; }
text.w-hnum{ font-size:6.5px; fill:rgba(226,206,160,.6); }
text.w-lab{ font-size:7px; font-weight:800; fill:#e8cf9c; }
.w-tick{ stroke:rgba(245,236,217,.35); stroke-width:.5; }
text.w-pl{ font-size:13px; fill:#fff4d6; }
text.w-Sun{ fill:#ffd77a; } text.w-Moon{ fill:#e6edf5; } text.w-Venus{ fill:#f6b8c4; } text.w-Mars{ fill:#ff8a68; }
.w-asp{ stroke-width:.8; opacity:.75; }
.w-conjunction{ stroke:#e8cf9c; } .w-trine, .w-sextile{ stroke:#9fd08a; } .w-square, .w-opposition{ stroke:#ff8a68; }
.ch-plist li{ display:grid; grid-template-columns:26px minmax(0,1fr) auto; grid-template-areas:"g n h" "g s s"; column-gap:10px; align-items:center;
  padding:8px 12px; border-radius:14px; background:var(--glass); border:1px solid var(--line); }
.ch-pg{ grid-area:g; font-size:1.25rem; color:var(--gold-text); text-align:center; }
.ch-pn{ grid-area:n; font-weight:700; color:var(--text); }
.ch-ps{ grid-area:s; color:var(--muted); font-size:.9rem; }
.ch-ph{ grid-area:h; color:var(--muted); font-size:.82rem; font-weight:600; white-space:nowrap; }
.ch-rx{ display:inline-grid; place-items:center; width:18px; height:18px; border-radius:50%; font-size:.68rem; font-weight:800; text-decoration:none;
  color:var(--err-text); background:var(--err-bg); }
.ch-phase{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; margin-top:10px; padding:10px 12px; border-radius:14px; background:var(--glass); border:1px solid var(--line); }
.ch-phase span{ color:var(--gold-text); font-size:1.2rem; }
.ch-phase small{ color:var(--muted); font-weight:700; }
.ch-phase b{ color:var(--heading); }
.ch-bars{ display:flex; flex-direction:column; gap:8px; }
.ch-bar{ display:grid; grid-template-columns:84px minmax(0,1fr) 40px; align-items:center; gap:10px; font-size:.9rem; }
.ch-bar span{ color:var(--text); font-weight:600; }
.ch-bar i{ height:10px; border-radius:10px; background:var(--soft-2); overflow:hidden; }
.ch-bar u{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--gold),var(--gold-2)); }
.ch-bar.b-fire u{ background:linear-gradient(90deg,#c46242,#e09a6f); } .ch-bar.b-earth u{ background:linear-gradient(90deg,var(--forest),var(--sage-2)); }
.ch-bar.b-water u{ background:linear-gradient(90deg,#4f7c99,#86b1c9); }
.ch-bar b{ text-align:end; color:var(--muted); font-variant-numeric:tabular-nums; }
.ch-asp li{ display:flex; align-items:center; gap:12px; padding:8px 12px; border-radius:14px; background:var(--glass); border:1px solid var(--line); }
.ch-asp-g{ flex:none; min-width:64px; font-size:1.1rem; color:var(--gold-text); white-space:nowrap; }
.ch-asp-g i{ font-style:normal; }
.ch-asp-g .a-trine, .ch-asp-g .a-sextile{ color:var(--sage); } .ch-asp-g .a-square, .ch-asp-g .a-opposition{ color:#c46242; }
.ch-asp-t{ flex:1; min-width:0; font-size:.9rem; }
.ch-asp-t b{ font-weight:600; color:var(--text); }
.ch-asp small{ color:var(--muted); font-size:.8rem; white-space:nowrap; }
.ch-houses{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.ch-houses li{ display:flex; justify-content:space-between; gap:8px; padding:8px 12px; border-radius:12px; background:var(--soft); font-size:.9rem; }
.ch-houses b{ color:var(--heading); }
.ch-houses span{ color:var(--muted); }

@media (max-width:760px){
  .ch-full{ gap:20px; }
  .ch-part{ gap:18px; padding:18px; border-radius:22px; }
  .ch-tiles{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ch-centers, .ch-sky, .ch-two{ grid-template-columns:1fr; }
  .ch-graph{ max-width:240px; margin:0 auto; }
  .ch-wheel-wrap{ max-width:340px; width:100%; margin:0 auto; }
  .ch-big3{ gap:8px; }
  .ch-pillar{ padding:14px 6px 12px; border-radius:18px; }
  .ch-pillar b{ font-size:1.08rem; }
  .ch-glyph{ font-size:1.6rem; }
  .ch-houses, .ch-vars{ grid-template-columns:1fr; }
}