/* Deeper Reflection workspaces, scoped to YogiSoul Reflection. */
.clay.ys-reflection main [data-journal-workspace][hidden],.clay.ys-reflection main [data-journal-panel][hidden],.clay.ys-reflection main [data-chart-reading][hidden]{display:none!important}
.clay.ys-reflection main .rf-intention{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:20px;margin:24px 0 14px}
.clay.ys-reflection main .rf-guided-journal{scroll-margin-top:100px}
.clay.ys-reflection main .rf-guided-journal h2{font-size:32px}
.clay.ys-reflection main .rf-guided-journal h3{font:400 24px/1.25 var(--display);margin:24px 0 14px}
.clay.ys-reflection main .rf-journal-progress{display:flex;justify-content:space-between;gap:16px;font:400 10px/1.5 var(--mono);color:var(--ys-muted);padding:16px 0 20px}
.clay.ys-reflection main .rf-journal-progress span:last-child{text-align:right}
.clay.ys-reflection main .rf-journal-context{margin:18px 0 0;color:var(--ys-accent);font:400 18px/1.5 var(--display)}
.clay.ys-reflection main .rf-journal-steps{display:flex;gap:6px;border-bottom:1px solid #69547525;padding-bottom:12px}
.clay.ys-reflection main .rf-journal-steps button{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border:0;border-radius:10px;background:transparent;color:var(--ys-muted);font:500 11px/1.4 var(--sans);min-height:62px}
.clay.ys-reflection main .rf-journal-steps button span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #69547535;border-radius:50%;font:400 10px/1 var(--mono)}
.clay.ys-reflection main .rf-journal-steps button[aria-selected=true]{background:var(--ys-soft);color:var(--ys-ink)}
.clay.ys-reflection main .rf-journal-steps button.is-written span{background:var(--ys-accent);color:white;border-color:var(--ys-accent)}
.clay.ys-reflection main .rf-journal-question{font:400 18px/1.6 var(--sans);color:var(--ys-ink)}
.clay.ys-reflection main .rf-journal-actions{margin:18px 0}
.clay.ys-reflection main .rf-journal-actions button{font-size:12px;min-height:40px;padding:0 15px}
.clay.ys-reflection main .rf-journal-review{margin:24px 0;border-block:1px solid #69547525;padding:16px 0}
.clay.ys-reflection main .rf-journal-review summary{font:500 13px/1.5 var(--sans);cursor:pointer;color:var(--ys-accent)}
.clay.ys-reflection main .rf-journal-review h4{font:500 10px/1.4 var(--mono);letter-spacing:.08em;color:var(--ys-muted);margin:20px 0 10px}
.clay.ys-reflection main .rf-journal-review p{white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/1.7 var(--sans)}
.clay.ys-reflection main .rf-placement-explorer{min-width:0}
.clay.ys-reflection main .rf-chart-grid{align-items:start;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.clay.ys-reflection main .rf-chart-grid>.rf-placement-explorer{max-width:100%}
.clay.ys-reflection main .rf-planet-picker{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
.clay.ys-reflection main .rf-planet-picker button{background:transparent;border:1px solid #69547530;border-radius:99px;color:var(--ys-muted);font:500 12px/1.2 var(--sans);min-height:36px;padding:8px 14px}
.clay.ys-reflection main .rf-planet-picker button[aria-pressed=true]{background:var(--ys-accent);border-color:var(--ys-accent);color:white}
.clay.ys-reflection main .rf-placement-reading{border:1px solid #69547525;border-radius:20px;padding:28px;background:var(--ys-surface)}
.clay.ys-reflection main .rf-placement-reading h3{font:400 clamp(25px,2.5vw,34px)/1.2 var(--display)}
.clay.ys-reflection main .rf-placement-reading .rf-placement-meta{font:400 11px/1.6 var(--mono);color:var(--ys-muted)}
.clay.ys-reflection main .rf-placement-reading .rf-placement-theme{font:500 16px/1.4 var(--sans);color:var(--ys-accent);margin-top:16px}
.clay.ys-reflection main .rf-placement-reading details{border-top:1px solid #69547520;padding-top:14px;margin-top:14px}
.clay.ys-reflection main .rf-placement-reading summary{font:500 13px/1.6 var(--sans);cursor:pointer;color:var(--ys-accent)}
.clay.ys-reflection main .rf-placement-reading details p{font:400 14px/1.75 var(--sans);margin-top:14px}
.clay.ys-reflection main .rf-placement-reading details ul{padding:0;list-style:none}
.clay.ys-reflection main .rf-aspect-link{background:transparent;color:var(--ys-accent);border:0;border-radius:0;padding:8px 0;font:500 12px/1.6 var(--sans);min-height:36px;text-align:left}
.clay.ys-reflection main .rf-aspect-link span{color:var(--ys-muted);font-weight:400}
.clay.ys-reflection main .rf-placement-question{margin-top:24px;padding:20px;background:var(--ys-soft);border-radius:12px}
.clay.ys-reflection main .rf-placement-question>p:not(.c-small):not(.c-kicker){font:400 21px/1.45 var(--display)}
.clay.ys-reflection main .rf-wheel [data-chart-select]{cursor:pointer;outline:none}
.clay.ys-reflection main .rf-wheel [data-chart-select][aria-pressed=true] circle{fill:var(--ys-accent);stroke:var(--ys-accent)}
.clay.ys-reflection main .rf-wheel [data-chart-select][aria-pressed=true] text{fill:white}
.clay.ys-reflection main .rf-wheel [data-chart-select]:focus-visible circle{stroke:var(--ys-accent);stroke-width:3px}
@media(min-width:961px){.clay.ys-reflection main .rf-chart-grid>div:first-child{position:sticky;top:100px}}
@media(max-width:760px){.clay.ys-reflection main .rf-intention{grid-template-columns:1fr;gap:14px}.clay.ys-reflection main .rf-chart-grid{grid-template-columns:1fr}.clay.ys-reflection main .rf-placement-reading{padding:22px}.clay.ys-reflection main .rf-journal-question{font-size:16px}}