.ganzhi-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;min-width:0}.ganzhi-picker>span,.ganzhi-picker>label{display:block;font-size:12px;min-width:0}.ganzhi-picker select{display:block;width:100%;min-height:40px;padding:7px;border:1px solid var(--border,#dedbd5);border-radius:6px;background:var(--paper,#fffdf8);color:var(--ink,#262832);font:inherit;margin-top:5px}.ganzhi-native[hidden]{display:none!important}.ganzhi-picker select:focus-visible{outline:2px solid var(--indigo,#393b70);outline-offset:2px}.pillar-control{min-width:0}.cast-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:20px 0}.cast-hex-side{min-width:0}.cast-hex-side+.cast-hex-side{border-left:1px solid var(--border);padding-left:24px}.cast-side-label{font-size:14px;color:var(--indigo);margin-bottom:14px}.cast-hex-side .original{line-height:1.9;margin:18px 0;overflow-wrap:anywhere}.cast-hex-side .document-heading{margin-top:0}.search-text-hit{background:#f6e7b5;color:inherit;border-radius:2px}.search-text-current{background:#efd28b;outline:1px solid #c4a55c;scroll-margin-top:24px}
.hexagram-view .research-sidebar #matrix-region{overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.hexagram-view .research-sidebar #matrix-region .search-results{overflow:visible;max-height:none}.research-sidebar>.document-heading,.research-sidebar>.library{flex:none}.research-sidebar .vocabulary-index{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(min-width:901px){.reader-column{display:flex;flex-direction:column}.reader-column>.reading-surface{flex:1}.hexagram-view .hexagram-overview{box-sizing:border-box}.hexagram-view .research-sidebar #matrix-region{min-height:0}}
@media(max-width:900px){.research-sidebar .vocabulary-index{max-height:420px;flex:auto}.hexagram-view .research-sidebar #matrix-region{max-height:420px;height:auto}.cast-comparison{grid-template-columns:1fr}.cast-hex-side+.cast-hex-side{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid var(--border)}}
@media(max-width:600px){.ganzhi-picker select{font-size:16px}.case-editor .ganzhi-picker{gap:5px}}