.ryb-studio{border:1px solid #bac8d2;border-radius:1rem;background:#f6f9fa;padding:clamp(.85rem,3vw,1.75rem);color:#142c45}
.ryb-layout{display:grid;grid-template-columns:minmax(9rem,14rem) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2rem)}
.ryb-layout svg{display:block;width:100%;height:auto;max-width:15rem;margin:auto}
.ryb-sector circle{stroke:#86919c;stroke-width:1}.ryb-sector.is-active circle{stroke:#172b43;stroke-width:3}
.ryb-sector text{font:700 9px system-ui;fill:#142536;stroke:white;stroke-width:2.6;paint-order:stroke}
#ryb-controls:not([hidden]){display:flex;flex-wrap:wrap;gap:.8rem 1.25rem;margin-bottom:.7rem}
#ryb-controls label{display:grid;gap:.25rem;font-weight:650}#ryb-controls select{max-width:100%;font:inherit;min-height:2.7rem;padding:.3rem .65rem;border:1px solid #647687;background:#fff;color:#142c45;border-radius:.45rem}
#ryb-choice{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.28;margin:.5rem 0}
.ryb-studio p{margin:.45rem 0}.ryb-reference{margin:.8rem 0}.ryb-reference>summary{padding:.65rem 0;cursor:pointer;font-weight:650}
@media(max-width:600px){.ryb-layout{grid-template-columns:1fr;gap:.25rem}.ryb-layout svg{max-width:14rem}.ryb-layout>[role="status"]{grid-row:1}}