/* Yi Jing Harmony page: only what wiki.css (+ pweb.css) does not already give. Trigram colours match the art. */
.yj-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}
.yj-grid .card .t b{color:var(--ink);font-weight:500}
.yj-steps{padding-left:1.3rem;font-size:14px}.yj-steps li{margin:.45rem 0}.yj-steps b{color:var(--accent);font-weight:500}
.yj-hexes{display:flex;gap:1.2rem;align-items:flex-end;flex-wrap:wrap;margin:.4rem 0}
.yj-hex{display:flex;flex-direction:column;gap:.25rem;font-size:12.5px;color:var(--dim)}.yj-hex b{color:var(--ink);font-weight:500}
.yj-hex svg{width:4.5rem;height:auto}
.yj-code{display:block;white-space:pre-wrap;word-break:break-word;padding:.4rem .5rem;margin:.3rem 0}
.yj-grid8 svg{width:100%;max-width:16rem;height:auto;display:block}
.yj-legend{font-size:12px;color:var(--dim)}
.yj-rounds{font-size:12.5px}.yj-rounds td,.yj-rounds th{padding:.2rem .35rem}
.yj-rounds .walk{color:var(--dim)}.yj-rounds .upset{color:var(--warn)}
.yj-record{font-size:11.5px;color:var(--dim);word-break:break-all}
.yj-sale{margin:.4rem 0 .6rem}
.yj-caps{list-style:none;padding:0;margin:.3rem 0}.yj-caps li{margin:.2rem 0;font-size:12px;overflow-wrap:anywhere}