.origin-note,.everyday-example{padding:24px;background:#F3F7FB;border-left:3px solid #487FA8;margin:30px 0}.origin-note p{margin-bottom:0}blockquote{border-left:3px solid #F4A38B;padding:12px 20px;margin:26px 0;font-size:21px} .glyph-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.glyph-pair img{display:block;width:100%;height:auto}.gua-figure figcaption{margin-top:12px}.character-reading{display:grid;grid-template-columns:1fr 1fr;gap:24px}.character-reading>div{padding:20px;border:1px solid #d5e3ed;border-radius:12px}.character-reading h3{margin:0}.component{font:56px/1.3 Georgia,serif}.line-key{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#F3F7FB;padding:24px;border-radius:12px}.line-key>div{display:grid;gap:8px}.line-key .gua-line{max-width:116px}.gua-line{display:block;width:100%;height:9px;background:#294B65}.gua-line.broken{background:linear-gradient(to right,#294B65 0 41%,transparent 41% 59%,#294B65 59% 100%)}.gua-lines{display:grid;gap:6px;width:80px;margin:0 auto 16px}.origin-trigrams{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.origin-trigram{padding:20px 12px;text-align:center;border:1px solid #d5e3ed;border-radius:12px}.origin-trigram h3{font:22px Georgia,serif;margin:0 0 6px}.origin-trigram strong{font-size:15px}.origin-trigram p{font-size:14px;line-height:1.5;margin-bottom:0}.three-realms{padding:0;list-style:none;margin:26px 0;display:grid;gap:8px}.three-realms li{padding:16px 22px;background:#F3F7FB;border-radius:10px;display:grid;grid-template-columns:100px 1fr;column-gap:16px}.three-realms li>span{font-size:12px;letter-spacing:.12em}.three-realms p{grid-column:2;margin:0}.everyday-example h3{font:28px/1.3 Georgia,serif}.sources li{margin-bottom:10px}.sources a,figcaption a,.next a{color:#294B65;text-underline-offset:4px}details.translation{line-height:1.9}details p{overflow-wrap:anywhere}@media(max-width:600px){.glyph-pair{grid-template-columns:1fr}.origin-trigrams{grid-template-columns:repeat(2,1fr)}.origin-trigram{padding:18px 10px}.character-reading{gap:10px}.character-reading>div{padding:14px}.character-reading h3{font-size:18px}.line-key{gap:15px;padding:20px}.three-realms li{grid-template-columns:75px 1fr;padding:15px}.three-realms p{font-size:15px}.origin-note,.everyday-example{padding:20px}}