#rs-compass{margin:.75rem 0;border:1px solid #cbd5e1;border-radius:12px;padding:.75rem;font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}
#rs-compass button{font:inherit;min-height:44px;padding:.55rem .75rem;border:1px solid #9a3412;border-radius:8px;background:#fff;color:#9a3412;font-weight:700;cursor:pointer;touch-action:manipulation;max-width:100%}
#rs-compass button:focus-visible{outline:3px solid #ea580c;outline-offset:3px}
#rs-compass-open{width:100%}
#rs-compass-panel{padding-top:.75rem}
#rs-compass-panel[hidden]{display:none!important}
#rs-compass .rs-compass-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}
#rs-compass .rs-compass-row button{flex:1 1 110px}
#rs-compass button[aria-pressed="true"]{background:#9a3412;color:#fff}
#rs-compass-label{display:block;font-weight:800}
#rs-compass-reach,#rs-compass-wear,#rs-compass-result{min-height:1.5em;margin:.4rem 0}
#rs-compass .rs-compass-note{color:#475569;font-size:.78rem}
@media(prefers-reduced-motion:reduce){#rs-compass *{animation:none!important;transition:none!important}}

#rs-compass-chart{display:block;width:100%;height:auto;max-height:240px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc}
#rs-compass-chart[hidden]{display:none!important}

#rs-compass-chart svg{display:block;width:100%;height:auto}