/* ── FIVE ELEMENTS ─────────────────────────────────────────────── */
.wuxing-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.5rem;align-items:start}
.wuxing-canvas-wrap{position:sticky;top:1rem}
.wuxing-canvas-outer{position:relative;width:100%;max-width:300px;margin:0 auto}
.wuxing-canvas-outer canvas{width:100%;height:auto;display:block;cursor:pointer}

/* Detail panel */
.wuxing-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;box-shadow:var(--shadow-md);animation:fi .2s ease;min-width:0}
.wuxing-card{min-width:0}
.wuxing-card-head{min-width:0}
.wuxing-detail-hdr{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border)}
.wuxing-detail-title{font-family:'DM Serif Display',serif;font-size:22px;letter-spacing:-.01em;margin-bottom:2px}
.wuxing-detail-zh{font-size:13px;color:var(--text2);font-family:'DM Mono',monospace}
.wuxing-detail-body{padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;width:100%;max-width:100%}

/* Accordion sections */
.wuxing-section{border-bottom:1px solid var(--border);border-right:1px solid var(--border);min-width:0}
.wuxing-section:nth-child(even){border-right:none}
.wuxing-section:nth-last-child(-n+2):not(.open){border-bottom:none}
.wuxing-section-hdr{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;cursor:pointer;transition:background .12s;user-select:none;min-width:0}
.wuxing-section-hdr:hover{background:var(--surface2)}
.wuxing-section-title{font-size:12px;font-family:'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);font-weight:600}
.wuxing-section-arrow{font-size:10px;color:var(--text3);transition:transform .2s}
.wuxing-section.open .wuxing-section-arrow{transform:rotate(90deg)}
.wuxing-section-body{display:none;padding:.75rem 1.25rem 1rem;min-width:0;width:100%;max-width:100%}
.wuxing-section.open .wuxing-section-body{display:block;animation:fi .15s ease}

/* Correspondences grid */
.wuxing-corr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem .75rem;margin-bottom:.5rem;min-width:0}
.wuxing-corr-item{min-width:0}
.wuxing-corr-label{font-size:9px;font-family:'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:2px}
.wuxing-corr-val{font-size:13px;color:var(--text);font-weight:500}

/* Relationships */
.wuxing-rel-row{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:12px;align-items:start;padding:.5rem 0;border-bottom:1px solid var(--border);width:100%;max-width:100%;min-width:0}
.wuxing-rel-row:last-child{border-bottom:none}
.wuxing-rel-badge{width:max-content;max-width:160px;white-space:nowrap;font-size:10px;font-family:'DM Mono',monospace;padding:3px 8px;border-radius:99px;font-weight:600;margin-top:1px}
.wuxing-rel-badge.sheng{background:#f0faf3;color:#2d7a45;border:1px solid #a3d9b0}
.wuxing-rel-badge.ke{background:#fdf2f0;color:#c0392b;border:1px solid #f5c6c2}
.wuxing-rel-badge.cheng{background:#fff8e6;color:#9a6500;border:1px solid #f5d895}
.wuxing-rel-badge.wu{background:#f4f0fa;color:#5a4a8a;border:1px solid #c8b8f0}
.wuxing-rel-text{font-size:13px;color:var(--text);line-height:1.55;min-width:0;max-width:100%;width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word}
.wuxing-rel-name{display:inline;white-space:normal;word-break:normal;overflow-wrap:break-word;font-weight:600}

/* Pathology cards */
.wuxing-path-card{background:var(--surface2);border-radius:var(--r);padding:.65rem .85rem;margin-bottom:.5rem;min-width:0}
.wuxing-path-card:last-child{margin-bottom:0}
.wuxing-path-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:3px}
.wuxing-path-desc{font-size:12px;color:var(--text2);line-height:1.55}

/* Empty state */
.wuxing-empty{text-align:center;padding:2.5rem 1rem;color:var(--text3)}
.wuxing-empty-icon{font-size:40px;margin-bottom:.75rem}
.wuxing-empty-text{font-size:13px;line-height:1.6}

/* Legend */
.wuxing-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:.75rem;justify-content:center}
.wuxing-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2)}
.wuxing-legend-line{width:20px;height:2px;border-radius:1px}
.wuxing-legend-line.sheng{background:#2d7a45}
.wuxing-legend-line.ke{background:#c0392b;background:repeating-linear-gradient(90deg,#c0392b 0,#c0392b 4px,transparent 4px,transparent 8px)}

@media(max-width:900px){
  .wuxing-shell{grid-template-columns:1fr}
  .wuxing-canvas-wrap{position:static}
  .wuxing-canvas-outer{max-width:280px}
  .wuxing-detail-body{grid-template-columns:1fr}
  .wuxing-section{border-right:none}
  .wuxing-section:last-child{border-bottom:none}
  .wuxing-section:nth-last-child(-n+2):not(.open){border-bottom:1px solid var(--border)}
  .wuxing-section:last-child{border-bottom:none}
}