/* tutorials.css (P4, screen 12): fixes on /tutorials that do not change how the approved draft looks at 390 and 1440. */
/* 320 px: the header row (word mark + theme + "כניסה") was 34 px wider than the screen. Under 360 px only: tighter gaps and
   a narrower "כניסה" button (same height, same words); at 390 and 1440 nothing changes. */
@media (max-width:359px){
  .hdr{gap:6px}
  .hdr .me{gap:6px}
  .hdr .hbtn{padding-inline:10px}
}
/* invisible a11y (C5): 44 px hit areas where the controls look 40/42 px (transparent border + inset line, negative margin, so
   nothing moves), the same rules as the shared chrome (transforms/chrome.mjs CHROME_CSS) */
.sr.skip-link:not(:focus){width:44px;height:44px}
.hdr .icon-btn{width:44px;height:44px;margin:-2px;border:2px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1.5px var(--line)}
.ft .icons a{width:44px;height:44px;margin:-1px;border:1px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}