/* « Ta carte » : Human Design (synthèse, bodygraph, canaux, activations) puis astrologie (piliers, roue, planètes, équilibre, aspects). */
.ch-full{ display:flex; flex-direction:column; gap:24px; }
.ch-full > .gd-head{ margin-bottom:0; }
.ch-upd{ font-size:.9rem; }
.ch-part{ display:flex; flex-direction:column; gap:20px; padding:26px; border-radius:26px; background:var(--soft); border:1px solid var(--line); }
.ch-astro{ background:linear-gradient(180deg,rgba(201,168,106,.09),rgba(201,168,106,.03)); border-color:rgba(201,168,106,.28); }
.ch-part-h .kicker{ color:var(--gold-text); }
.ch-part-h h3{ font-family:var(--serif); font-weight:500; font-size:clamp(1.5rem,3.4vw,1.9rem); color:var(--heading); margin:6px 0 4px; }
.ch-part h4{ font-family:var(--serif); font-weight:500; font-size:1.18rem; color:var(--heading); margin-bottom:10px; }
.ch-block{ min-width:0; }
.ch-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }

/* ── Synthèse HD ── */
.ch-tiles{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.ch-tile{ display:flex; flex-direction:column; gap:2px; padding:14px 14px 12px; border-radius:18px; background:var(--glass-strong); border:1px solid var(--glass-brd);
  box-shadow:var(--shadow-sm); animation:rise .6s var(--ease) both; }
.ch-tile small{ color:var(--muted); font-size:.78rem; font-weight:700; }
.ch-tile b{ font-family:var(--serif); font-weight:500; font-size:1.12rem; line-height:1.3; color:var(--heading); }
.ch-tile span{ color:var(--muted); font-size:.84rem; }
.ch-tile.big{ border-color:rgba(201,168,106,.45); background:linear-gradient(160deg,var(--glass-strong),rgba(201,168,106,.12)); }
.ch-tile.big b{ font-size:1.25rem; }
.ch-tile.ok b{ color:var(--ok-text); }
.ch-tile.warn b{ color:var(--err-text); }
.ch-cross{ display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:18px; border:1px dashed rgba(201,168,106,.5); }
.ch-cross small{ display:block; color:var(--muted); font-size:.8rem; font-weight:700; }
.ch-cross b{ font-family:var(--serif); font-weight:500; font-size:1.08rem; color:var(--heading); line-height:1.35; }

/* ── Bodygraph + centres ── */
.ch-centers{ display:grid; grid-template-columns:minmax(150px,220px) minmax(0,1fr); gap:20px; align-items:center; }
.ch-graph{ padding:12px; border-radius:22px; background:var(--glass-strong); border:1px solid var(--glass-brd); }
.ch-bodygraph{ display:block; width:100%; height:auto; max-height:340px; }
.bg-l{ stroke:var(--soft-2); stroke-width:5; stroke-linecap:round; }
.bg-l.on{ stroke:var(--gold-2); stroke-width:6; }
.bg-c path, .bg-c rect{ fill:transparent; stroke:var(--muted); stroke-width:1.6; stroke-linejoin:round; }
.bg-c{ fill:var(--glass-strong); }
.bg-c path, .bg-c rect{ fill:var(--field-solid); }
.bg-c.on path, .bg-c.on rect{ fill:var(--gold-2); stroke:var(--gold); }
.bg-heart.on path, .bg-sacral.on rect{ fill:#c98a6a; stroke:#a8694b; }
.bg-ajna.on path{ fill:var(--sage-2); stroke:var(--sage); }
.ch-lab{ display:block; color:var(--muted); font-size:.8rem; font-weight:700; margin:10px 0 6px; }
.ch-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.ch-chip{ padding:5px 12px; border-radius:999px; font-size:.86rem; font-weight:600; border:1px solid var(--line); color:var(--muted); background:var(--glass); }
.ch-chip.on{ color:#2e261d; background:linear-gradient(140deg,#e7cf9f,var(--gold-2)); border-color:transparent; }

/* ── Listes ── */
.ch-list, .ch-plist, .ch-asp, .ch-houses{ display:flex; flex-direction:column; gap:6px; }
.ch-list li{ display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:16px; background:var(--glass); border:1px solid var(--line); }
.ch-badge{ flex:none; min-width:58px; text-align:center; padding:6px 8px; border-radius:12px; font-weight:800; font-size:.9rem; color:var(--gold-text);
  background:rgba(201,168,106,.14); border:1px solid rgba(201,168,106,.4); }
.ch-li-txt{ display:flex; flex-direction:column; min-width:0; }
.ch-li-txt b{ font-weight:700; color:var(--text); }
.ch-li-txt small{ color:var(--muted); font-size:.84rem; }
.ch-acc{ border-radius:18px; background:var(--glass); border:1px solid var(--line); }
.ch-acc summary{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; cursor:pointer; list-style:none;
  font-family:var(--serif); font-size:1.08rem; color:var(--heading); }
.ch-acc summary::-webkit-details-marker{ display:none; }
.ch-acc summary svg{ width:18px; height:18px; transition:transform .3s var(--ease); transform:rotate(90deg); }
.ch-acc[open] summary svg{ transform:rotate(-90deg); }
.ch-acc > :not(summary){ margin:0 14px 14px; }
.ch-acc-in{ margin-top:8px; background:none; border-style:dashed; }
.ch-table{ width:calc(100% - 28px); border-collapse:collapse; font-size:.92rem; }
.ch-table th, .ch-table td{ padding:7px 6px; text-align:start; border-bottom:1px solid var(--line); }
.ch-table thead th{ color:var(--muted); font-size:.78rem; }
.ch-table td{ font-weight:700; font-variant-numeric:tabular-nums; }
.ch-table .des, .ch-table td:nth-child(2){ color:#b5654a; }
[data-theme="dark"] .ch-table .des, [data-theme="dark"] .ch-table td:nth-child(2){ color:#f0a283; }
.ch-vars{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.ch-var{ display:flex; flex-direction:column; padding:10px 12px; border-radius:14px; background:var(--soft); }
.ch-var small{ color:var(--muted); font-weight:700; font-size:.78rem; }
.ch-var b{ color:var(--heading); }
.ch-var span{ color:var(--muted); font-size:.82rem; }