/* /start on phones: owner decision 25.09.2026 ("ändere es mobil responsiv nutzbar", CONTRACT §7, R5).
   Not prototype CSS. Loads after nw.css (page module import) and only below the nw.css breakpoint 760 px,
   so desktop and tablet (>=761 px) stay identical to the prototype.
   Problem: nw.css sets .st-cal to repeat(10,86px) (932 px) at <=760 px; the grid item .st-m (column 1fr,
   min-width auto) grew to that width and main clipped #st-next, NDA segments and slots 5-10. */
@media (max-width:760px){
  .st-g{grid-template-columns:minmax(0,1fr)}
  .st-m{min-width:0}
  /* calendar: one day per row (day | three slots), no horizontal scrolling */
  .st-cal{grid-template-columns:minmax(0,1fr);gap:0;overflow-x:visible;padding-bottom:0;border-top:1px solid var(--ln)}
  .st-d{grid-template-columns:minmax(64px,1fr) repeat(3,minmax(52px,1.15fr));gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--ln)}
  .st-d b{padding-bottom:0;border-bottom:0}
  .st-n{flex-wrap:wrap}
}
/* tap targets >= 44 px on phones and on touch tablets up to 1100 px (link-style buttons: invisible hit area,
   the underline stays where it was) */
@media (max-width:760px),(pointer:coarse) and (max-width:1100px){
  .st-d button,.sth .nw-seg button{min-height:44px}
  .st-n .nw-lk,.st-ra .nw-lk,.st-done .eg-a{position:relative}
  .st-n .nw-lk::after,.st-ra .nw-lk::after,.st-done .eg-a::after{content:"";position:absolute;inset:-9px -8px -11px}
}
@media (min-width:521px) and (max-width:760px){
  .st-cal{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}