/* The Jyotish Project Study Space v1.86: layout, mobile and accessibility refinements.
   Loaded last so it can correct earlier release layers without editing them. */

/* 1. The collapsed-sidebar handle (48px since v1.63) covered the first letters of every page
      on desktop. Give the content a clear gutter while the sidebar is collapsed. */
@media (min-width:761px){
  .app-shell.sidebar-collapsed > main.main{padding-left:76px}
}

/* 2. Skip link for keyboard and screen-reader users. */
.skip-link186{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--wine);color:var(--paper);padding:10px 16px;border-radius:8px;font:14px Georgia,serif;text-decoration:none;transition:top .15s}
.skip-link186:focus{top:12px;outline:2px solid var(--gold);outline-offset:2px}

/* 3. Transit Observatory view tabs were rendering as unstyled native buttons. */
.observatory-tabs163 button{font:inherit;font-size:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
.observatory-tabs163 button:hover{border-color:var(--wine)}
.observatory-tabs163 button[aria-pressed=true]{background:var(--wine);color:var(--paper);border-color:var(--wine)}

/* 4. Settings colour moods overflowed a phone screen horizontally. */
.appearance-choices{flex-wrap:wrap}

/* 5. Consistent visible focus for keyboard navigation. */
:where(button,a,select,input,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--wine);outline-offset:2px}

/* 6. Phones: the page toolbar took two rows and roughly a third of the first screen.
      Keep it on one scrollable row and tighten the quick reference. */
@media (max-width:760px){
  .topbar .top-actions{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px!important;padding-bottom:4px;max-width:100%}
  .topbar .top-actions::-webkit-scrollbar{display:none}
  .topbar .top-actions > *{flex:0 0 auto}
  .topbar .release-tag146{display:none}
  .topbar .inbox-button167{order:-1}
  .reference-bar146{margin-top:4px!important;margin-bottom:8px!important}
  .reference-bar146 label{font-size:0!important;margin:0!important}
  .reference-bar146 select{font-size:15px!important;padding:8px 10px!important}
  .observatory-tabs163{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .observatory-tabs163::-webkit-scrollbar{display:none}
}

/* 7. Respect reduced-motion preferences across animated studies and transitions. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* 8. Classic muted text reached 4.2:1 on the page background; darken slightly to pass WCAG AA (5.2:1). */
:root[data-appearance=classic]{--muted:#665f55}