.illustrated-iching{--ic-ink:#123f36;--ic-gold:#b28a35;color:var(--ic-ink)}.illustrated-iching .ic-heading{max-width:55rem}.illustrated-iching .ic-heading h2{margin:1rem 0;font-size:clamp(1.8rem,3.4vw,3.1rem);line-height:1.3}.illustrated-iching .ic-intro{max-width:65ch;font-size:1.12rem;line-height:1.85}.ic-opening{grid-template-columns:minmax(15rem,.85fr) minmax(0,1.4fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);margin:2rem 0;display:grid}.ic-figure{background:#fffdf5;border:1px solid #c3cec0;border-radius:12px;margin:0;padding:1.5rem}.ic-identity{align-items:center;gap:1rem;display:flex}.ic-number{background:#e6be5e;border-radius:50%;flex:0 0 3rem;place-items:center;height:3rem;font:1.3rem Georgia,serif;display:grid}.ic-identity strong{font-size:1.1rem;font-weight:500;line-height:1.5}.ic-diagram{grid-template-columns:minmax(0,1fr) minmax(5.5rem,.65fr);align-items:stretch;gap:1rem;margin:1.5rem 0 .5rem;display:grid}.ic-diagram svg{width:100%;height:100%;min-height:180px;max-height:244px;display:block}.ic-trigrams{grid-template-rows:1fr 1fr;font-size:.95rem;display:grid}.ic-trigrams p{border-left:2px solid #b28a35;align-items:center;padding-left:.8rem;display:flex;margin:0!important}.ic-trigrams p+p{border-color:#7a9480}.ic-figure figcaption{color:#4f6256;font-size:.8rem;line-height:1.6}.ic-legend{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.ic-legend span{align-items:center;gap:.4rem;display:inline-flex}.ic-legend i{background:currentColor;width:22px;height:4px;display:inline-block}.ic-legend i.ic-yin{background:linear-gradient(90deg,currentColor 40%,#0000 40% 60%,currentColor 60%)}.illustrated-iching .ic-source-label{letter-spacing:.04em;font-size:.8rem}.illustrated-iching .ic-meaning blockquote{border-color:var(--ic-gold);margin:1rem 0;padding:.2rem 0 .2rem 1rem;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.5}.ic-meaning>p{line-height:1.85}.ic-translation{font-style:italic}.ic-source{align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.ic-context{margin-top:1.3rem;font-size:.9rem;line-height:1.8}.ic-context summary{cursor:pointer;min-height:44px;padding:.6rem 0;display:list-item}.ic-context p{border-left:2px solid #a6b6a2;padding-left:1rem}.ic-building{border-top:1px solid #bdcabb;padding-top:1.3rem}.ic-observations{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.ic-observations article{min-width:0}.ic-index{color:#775b20;letter-spacing:.1em;font-size:.8rem}.ic-observations h4{margin:.5rem 0;font-size:1.15rem;font-weight:500;line-height:1.5}.ic-observations p{font-size:1rem;line-height:1.9}.ic-practice{border-left:3px solid var(--ic-gold);background:#f8f6eb;margin:2rem 0;padding:1.4rem 1.6rem}.ic-practice ol{margin-bottom:0;padding-left:1.3rem}.ic-practice li{margin:.5rem 0;padding-left:.3rem;line-height:1.85}.ic-question{margin:1.5rem 0}.illustrated-iching .ic-question-text{max-width:40ch;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.6}.ic-question a{align-items:center;min-height:44px;margin-top:.4rem;display:inline-flex}.ic-note{color:#4f6256;border-top:1px solid #bdcabb;padding-top:1rem;font-size:.8rem;line-height:1.8}.illustrated-iching :is(p,h2,h3,h4,a){overflow-wrap:anywhere}@media (max-width:760px){.ic-opening{grid-template-columns:1fr}.ic-figure{width:100%;max-width:30rem;margin-inline:auto}.ic-observations{grid-template-columns:1fr;gap:1rem}.ic-observations article+article{border-top:1px solid #c4cfbf;padding-top:1rem}.ic-practice{padding:1rem}.ic-diagram{grid-template-columns:minmax(0,1fr) minmax(6rem,.75fr)}}@media (max-width:360px){.ic-figure{padding:1rem}.ic-diagram{grid-template-columns:minmax(0,1fr) 5.5rem;gap:.5rem}.ic-trigrams{font-size:.8rem}.ic-trigrams p{padding-left:.5rem}}