.learning-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0 30px}.learning-route button{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;text-align:left;min-height:82px;white-space:normal;border:1px solid var(--border);padding:12px 14px;background:var(--paper)}.learning-route button>span{grid-row:1/3;align-self:center;color:var(--muted)}.learning-route strong{font-size:14px;font-weight:500}.learning-route small{font-size:12px;color:var(--muted);line-height:1.6}.learning-route .is-active{border-color:#9a9fbd;background:#eeedf5;box-shadow:inset 0 -2px var(--indigo)}.learning-route button:focus-visible,.semantic-details summary:focus-visible,.lesson-sources summary:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}.learning-table-wrap{max-width:100%;overflow-x:auto;margin:26px 0}.learning-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.learning-table caption{text-align:left;font-size:13px;color:var(--muted);padding:0 0 12px}.learning-table th,.learning-table td{padding:13px 12px;border-bottom:1px solid var(--border);vertical-align:middle;line-height:1.8}.learning-table thead th{font-weight:500;background:#f3f1eb;color:var(--muted);font-size:12px}.learning-table tbody th{font-weight:500;white-space:nowrap}.table-trigram{display:flex;gap:12px;align-items:center}.table-trigram .trigram{width:25px;gap:3px}.table-trigram .yao{height:2px;gap:5px}.learning-source,.lesson-sources{font-size:12px;line-height:1.8;color:var(--muted)}.learning-source a,.lesson-sources a{color:var(--muted);text-underline-offset:3px}.lesson-sources{margin:22px 0}.lesson-sources summary,.semantic-details summary{cursor:pointer}.lesson-sources>div{display:grid;gap:8px;padding:12px 0}.composite-meaning{border-top:1px solid var(--border);padding:24px 0 20px;margin-top:4px}.composite-meaning .section-heading{margin:0 0 12px;gap:16px;align-items:center;flex-wrap:wrap}.composite-meaning h3{font-size:20px;font-weight:500;line-height:1.6}.composite-meaning .eyebrow{margin-bottom:5px}.composite-process{font-size:16px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.composite-order{font-size:13px;color:var(--muted);line-height:1.9;margin:12px 0 16px}.composite-order>span{margin:0 6px}.semantic-status{color:var(--muted);font-size:12px;border:1px solid var(--border);padding:3px 8px;border-radius:5px;white-space:normal}.semantic-details{font-size:14px;line-height:1.9;margin:16px 0}.semantic-details summary{color:var(--indigo);font-size:13px}.semantic-details dl{margin:18px 0 0;display:grid;gap:16px}.semantic-details dl>div{display:grid;grid-template-columns:6em 1fr;gap:16px}.semantic-details dt{color:var(--muted)}.semantic-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.semantic-chain{padding:20px 10px;margin:20px 0;text-align:center;background:#f4f2ec;border-radius:6px;max-width:100%;overflow-x:auto}.relation-item .relation-equation{margin:5px 0}.relation-item p{line-height:1.75;margin:5px 0}.relation-item .semantic-dimension{color:var(--muted);font-size:12px}.relation-item .semantic-psychology{font-size:13px}.relation-item .semantic-label{color:var(--muted);margin-right:6px}.mapping-notes .learning-source{margin:10px 0}.structure-editor-group textarea{min-height:90px}.learning-source span{overflow-wrap:anywhere}
@media(max-width:720px){.learning-route{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 24px}.learning-route button{padding:10px;gap:3px 8px}.learning-table th,.learning-table td{padding:10px 7px;font-size:13px}.table-trigram{gap:7px}.composite-meaning h3{font-size:18px}.semantic-details dl>div{grid-template-columns:1fr;gap:4px}.composite-process{font-size:15px}.semantic-chain .math{font-size:14px}}
.learning-figure{margin:24px 0 30px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.learning-figure figcaption{font-size:16px;font-weight:500;line-height:1.7;margin-bottom:20px}.figure-note{font-size:14px;line-height:1.9;color:var(--muted);margin:16px 0 0}.trigram-symbol-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px;padding:10px 0}.trigram-symbol-cell{display:flex;flex-direction:column;gap:10px;align-items:center}.trigram-symbol-cell .trigram{width:46px;gap:6px}.trigram-symbol-cell .yao{height:4px;gap:9px}.trigram-symbol-cell strong{font-size:17px;font-weight:500}.trigram-symbol-cell .math{font-size:15px;color:var(--muted)}.relation-diamonds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:780px;margin:auto}.relation-diamond{min-width:0}.diamond-family{text-align:center;font-size:14px;color:var(--muted)}.diamond-plot{position:relative;height:300px;margin:10px 0}.diamond-plot>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.diamond-plot path{fill:none;stroke:#9a9fbd;stroke-width:1.5;vector-effect:non-scaling-stroke}.diamond-node{position:absolute;transform:translate(-50%,-50%);min-width:84px;background:var(--paper);border:1px solid var(--border);border-radius:6px;padding:7px 6px;text-align:center;line-height:1.5;box-sizing:border-box}.diamond-node>span{display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:4px}.diamond-node b{font-size:15px;font-weight:500}.diamond-node .trigram{width:22px;gap:3px}.diamond-node .yao{height:2px;gap:5px}.diamond-node .math{font-size:14px}.diamond-top{left:50%;top:10%}.diamond-left{left:25%;top:50%}.diamond-right{left:75%;top:50%}.diamond-bottom{left:50%;top:90%}.diamond-order{font-size:13px;text-align:center;color:var(--muted);margin-top:4px}.section-navigation>.nav-direct{display:inline-flex;align-items:center;min-height:38px;padding:8px 10px;border-radius:6px}.section-navigation>.nav-direct:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}
@media(max-width:720px){.trigram-symbol-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 8px}.trigram-symbol-cell .trigram{width:36px;gap:5px}.trigram-symbol-cell .yao{height:3px;gap:7px}.relation-diamonds{gap:12px;margin:0 -9px}.diamond-node{min-width:80px;padding:6px 3px}.diamond-node>span{gap:5px}.diamond-node .math{font-size:13px}.diamond-node b{font-size:14px}.diamond-plot{height:270px}.learning-figure figcaption{font-size:15px}}
.question-option-details{flex-basis:100%;order:2}.question-option-details>summary{cursor:pointer;font-size:14px;color:var(--indigo);padding:6px 0}.question-option-details>summary:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}
@media(max-width:720px){.diamond-node.diamond-left,.diamond-node.diamond-right{min-width:72px}}