.wx-intro{padding:28px 0}.wx-intro h2{font:36px/1.5 "Songti TC",serif;margin:10px 0}.eyebrow{color:var(--accent);letter-spacing:.14em}.section-links,.chart-controls,.chart-legend,.element-buttons{display:flex;gap:10px;flex-wrap:wrap}.section-links{margin-top:20px}.section-links a{padding:5px 0;margin-right:12px}.chart-controls [aria-pressed=true],.element-buttons [aria-pressed=true]{background:var(--tech);color:var(--bg)}.chart-legend{justify-content:center;margin-top:20px;font-size:14px}.chart-legend span{display:flex;gap:8px;align-items:center}.chart-legend i{width:30px;border-top:3px solid var(--tech)}.chart-legend .control-key{border-top:3px dashed var(--accent)}.wx-chart{max-width:580px;margin:0 auto}.wx-chart svg{width:100%;height:auto;display:block;overflow:visible}.wx-chart .edge{fill:none;stroke-width:3;transition:opacity .15s}.wx-chart .generate{stroke:var(--tech)}.wx-chart .control{stroke:var(--accent);stroke-dasharray:9 6}.wx-chart .dim{opacity:.12}.wx-chart .edge.off{display:none}.wx-chart .node{cursor:pointer}.wx-chart .node circle{fill:var(--surface);stroke:var(--line);stroke-width:2}.wx-chart .node[aria-pressed=true] circle{stroke:var(--tech);stroke-width:5;fill:var(--soft)}.wx-chart .node:focus-visible{outline:none}.wx-chart .node:focus-visible circle{stroke:var(--text);stroke-width:5}.wx-chart text{fill:var(--text);text-anchor:middle;pointer-events:none}.wx-chart .node-name{font:700 34px "Songti TC",serif}.wx-chart .node-sub{font-size:16px;fill:var(--muted)}.chart-caption{text-align:center;font-size:14px;color:var(--muted);margin-top:0}.relationship-detail,.pair-result{background:var(--soft);padding:18px;border-radius:12px;margin-top:20px}.relationship-detail h3{margin:0 0 10px}.relation-chips{display:flex;flex-wrap:wrap;gap:8px}.relation-chips span{padding:6px 12px;border:1px solid var(--line);border-radius:7px}.cycles,.example-cards,.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.cycles p{margin:8px 0}.surface details{padding:14px 0;border-top:1px solid var(--line);margin-top:18px}summary{cursor:pointer}.element-buttons{margin:16px 0}.element-buttons button{flex:1;min-width:44px}.element-title{display:flex;align-items:center;gap:16px}.element-title .glyph{font-size:62px;line-height:1.4}.element-title h3{margin:0;font-size:24px}.element-title p{margin:0;color:var(--muted)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.facts>div{border-top:1px solid var(--line);padding-top:12px}.facts dt{font-weight:700}.facts dd{margin:6px 0}.facts small{display:block;color:var(--muted);font-size:14px}.swatches{display:flex;gap:7px;margin:8px 0}.swatches i{height:24px;width:44px;border:1px solid var(--muted);border-radius:5px}.table-scroll{overflow-x:auto;margin:18px 0;overscroll-behavior-x:contain}.table-scroll table{width:100%;border-collapse:collapse;min-width:620px}.table-scroll caption{text-align:left;font-size:14px;color:var(--muted);padding-bottom:8px}.table-scroll th,.table-scroll td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:top}.table-scroll th{background:var(--soft)}.number-check{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center;background:var(--soft);padding:18px;border-radius:12px}.number-check p{margin:4px 0}.example-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid a{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);padding:18px;border-radius:12px;text-decoration:none}.related-grid span{color:var(--muted);font-size:15px}.surface{scroll-margin-top:15px}@media(max-width:600px){.wx-intro h2{font-size:30px}.surface{padding:18px}.cycles,.example-cards{grid-template-columns:1fr;gap:6px}.facts{grid-template-columns:1fr}.number-check{grid-template-columns:1fr;gap:12px}.related-grid{gap:10px}.related-grid a{padding:13px}.chart-controls{gap:6px}.chart-controls button{font-size:14px;padding:8px 10px}.chart-legend{font-size:12px}.element-buttons{gap:6px}.element-buttons button{padding:8px}.wx-chart{margin:0 -8px}}@media(prefers-reduced-motion:reduce){.wx-chart .edge{transition:none}}