/* The tool keeps every primary action visible at all screen sizes. */
.yoga-modes185{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}
.yoga-modes185 .btn{white-space:normal;text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:16px;min-height:95px}
.yoga-modes185 small{font-weight:400;font-size:12px;line-height:1.5;opacity:.8}
.yoga-modes185 [aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}
#bhava-yoga [hidden]{display:none!important}
#yogaTabs{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;margin-top:12px;border-top:1px solid var(--line,#ccc)}
#yogaReading>section{scroll-margin-top:110px;border-top:1px solid var(--line,#ccc);padding:24px 0}
.yoga-expanded185{margin:18px 0;padding:16px;border:1px solid var(--line,#ccc);border-radius:12px}
#yogaSelection185{font-size:13px}
#yogaBrowse185,#yogaCompare185{margin-top:24px}
#yogaBrowse185>input{width:100%;margin:8px 0 16px}
#yogaFooter{flex-wrap:wrap;gap:10px}
#yogaComparison th,#yogaComparison td{min-width:170px;vertical-align:top}
#bhava-yoga .yoga-selectors label{min-width:0}
#bhava-yoga .yoga-selectors select{width:100%;max-width:100%}
#bhava-yoga .study-table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:700px){.yoga-modes185{grid-template-columns:repeat(2,minmax(0,1fr))}.yoga-modes185 .btn{padding:12px}#bhava-yoga .yoga-selectors{grid-template-columns:1fr}#yogaTabs button{flex:1 1 42%;white-space:normal}#yogaReading>section{scroll-margin-top:80px}}