.metaphysics-workspace.ly-workspace { grid-template-columns: minmax(270px, .8fr) minmax(0, 1.7fr); align-items: start; }
.ly-workspace > *, .ly-row > * { min-width: 0; }
.ly-workspace h2 { margin-bottom: .7rem; }
.ly-workspace form > .field, .ly-workspace fieldset { margin-top: 1.1rem; }
.ly-workspace select { width: 100%; height: auto; min-height: 2.6rem; white-space: normal; }
.ly-workspace .button { margin-top: 1.4rem; width: 100%; }
.ly-workspace [hidden] { display: none !important; }
.ly-muted, .ly-unchanged > small { color: #586660; font-weight: normal; }
.ly-convention { margin: .8rem 0 1.3rem; }
.ly-line-inputs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin-top: .8rem; }
.ly-question { font-size: 1.15rem; white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: 1rem; }
.ly-calendar { display: flex; flex-wrap: wrap; gap: 1rem; padding: .9rem 0; border-block: 1px solid #d8cbbc; }
.ly-calendar span { display: grid; min-width: 5rem; }
.ly-calendar strong { font-size: 1.55rem; }
.ly-chart-headings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.4rem 0 1rem 2rem; }
.ly-chart-headings h2 { font-size: 1.2rem; line-height: 1.5; }
.ly-chart { margin-top: 1rem; }
.ly-row { display: grid; grid-template-columns: 2rem minmax(0, 1fr) minmax(0, 1fr); gap: .9rem; padding: 1rem .5rem; border-top: 1px solid #d8cbbc; }
.ly-static .ly-row { grid-template-columns: 2rem minmax(0, 1fr); }
.ly-moving { background: #f5ecd9; box-shadow: inset 3px 0 #a27025; }
.ly-position { font-size: .85rem; color: #53645b; }
.ly-position strong { display: block; margin-top: .5rem; color: #315844; }
.ly-line { display: flex; width: min(100%, 120px); height: 9px; margin: .4rem 0 .7rem; }
.ly-line span { width: 50%; background: #334a3d; }
.ly-yin { gap: 16%; }
.ly-yin span { width: 42%; }
.ly-change { display: block; font-size: .75rem; font-weight: 700; color: #765019; margin-bottom: .35rem; }
.liuyao-page details { font-size: .85rem; margin-top: .5rem; }
.liuyao-page summary { cursor: pointer; border-radius: 3px; }
.liuyao-page summary:focus-visible { outline: 2px solid #315844; outline-offset: 3px; }
.liuyao-page details p { margin: .6rem 0; line-height: 1.65; }
.ly-line-details summary span { display: block; }
.ly-spirit, .ly-hidden { color: #47594d; }
.ly-flag { display: inline-block; padding: .1rem .3rem; background: #ece3d3; border: 1px solid #cfbea2; border-radius: 3px; margin: .4rem .2rem 0 0; font-size: .7rem; color: #66491e; }
.ly-cast-record { margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid #d8cbbc; font-size: .85rem; }
.ly-empty { text-align: center; max-width: 30rem; margin: 3rem auto; line-height: 1.8; }
.ly-empty > div { font-size: 5rem; color: #536c58; }
.ly-empty .help { margin-top: 1rem; }
.ly-guide { margin-top: 1.5rem; }
.ly-guide > p { max-width: 70rem; }
.ly-guide details { border-top: 1px solid #d8cbbc; padding: .8rem 0; margin: .3rem 0; font-size: .95rem; }
.ly-guide h2 { margin-bottom: .8rem; }
.ly-guide > p { margin-bottom: 1rem; }
.ly-focus-guide { margin-top: 1.2rem; padding: 1rem; border: 1px solid #bacabe; border-radius: 6px; background: #f4f7f2; }
.ly-focus-guide p { margin: .7rem 0; line-height: 1.65; font-size: .9rem; }
.ly-focus-form { margin-bottom: 1rem; }
.ly-focus-form .button { margin-top: .5rem; }
.ly-focus-candidate { border-top: 1px solid #bacabe; padding-top: .8rem; margin-top: .8rem; }
.ly-focus-candidate h3 { font-weight: 700; }
.ly-focus-badge { display: block; width: fit-content; background: #dcecdf; color: #244a31; border: 1px solid #91ad96; border-radius: 3px; padding: .15rem .35rem; font-size: .75rem; margin-bottom: .6rem; }
.ly-row:target { outline: 2px solid #315844; outline-offset: 2px; }
.ly-row, #focus-heading { scroll-margin-top: 1rem; }
.ly-coin-table { overflow-x: auto; margin-top: .8rem; }
.ly-coin-table table { font-size: .75rem; background: transparent; }
.ly-coin-preview { display: block; color: #315844; }
@media (max-width: 1100px) { .metaphysics-workspace.ly-workspace { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) {
    .ly-result { padding: .8rem; }
    .ly-row { grid-template-columns: 1.4rem minmax(0, 1fr) minmax(0, 1fr); gap: .5rem; padding-inline: .3rem; }
    .ly-chart-headings { margin-left: 1.9rem; gap: .5rem; }
    .ly-chart-headings h2 { font-size: 1rem; }
    .ly-chart-headings p { font-size: .8rem; }
    .ly-line-inputs { grid-template-columns: minmax(0, 1fr); }
    .ly-row details { font-size: .78rem; overflow-wrap: anywhere; }
}
