/* Small screens show complete records vertically instead of horizontal scrollers. */
@media screen and (max-width:760px){
  main,main *,footer,footer *{overflow-wrap:anywhere}
  main :where(section,article,aside,div,form,fieldset,label,details,dl,dd),footer :where(div){min-width:0}
  main :where(img,video,canvas,svg),footer img{max-width:100%;height:auto}
  main :where(input,select,textarea,button),footer button{max-width:100%;min-width:0}
  main :where(button,.button,.text-link,.file-button){white-space:normal}
  main :where(pre,code){white-space:pre-wrap;overflow-wrap:anywhere}
  .identity-line>span:last-child,.identity-line>em,.planner-link-strip .text-link,.collection-code{white-space:normal}
  .identity-line>span:last-child,.identity-line>em{hyphens:auto}
  .name-preview{max-width:100%}
  .hero-actions,.result-toolbar,.section-heading,.collection-foot,.footer-bottom{flex-wrap:wrap}
  .form-grid,.form-two,.planner-brief,.version-controls,.review-grid{grid-template-columns:minmax(0,1fr)}
  .form-grid>*{grid-column:auto}
  .plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan-metrics>span{flex-wrap:wrap;gap:6px}
  main .table-wrap,main .prose .table-wrap,main .task-workbench .table-wrap{overflow:visible;max-width:100%}
  main#inhalt table{width:100%;min-width:0;max-width:100%;table-layout:fixed}
  main#inhalt table :is(th,td){width:auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  main#inhalt table.mobile-records,main#inhalt table.mobile-records>tbody,main#inhalt table.mobile-records>tfoot{display:block}
  main#inhalt table.mobile-records>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  main#inhalt table.mobile-records>tbody>tr,main#inhalt table.mobile-records>tfoot>tr{display:block;margin:0 0 16px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);break-inside:avoid}
  main#inhalt table.mobile-records>tbody>tr>:is(td,th),main#inhalt table.mobile-records>tfoot>tr>:is(td,th){display:block;width:auto;min-width:0;max-width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent}
  main#inhalt table.mobile-records>tbody>tr>:last-child,main#inhalt table.mobile-records>tfoot>tr>:last-child{border-bottom:0}
  main#inhalt table.mobile-records [data-column-label]::before{content:attr(data-column-label);display:block;font-family:var(--sans);font-size:11px;font-weight:600;line-height:1.5;color:var(--green);margin-bottom:7px}
  main#inhalt table.mobile-records :where(input,select,textarea){width:100%;max-width:100%}
  main#inhalt table.mobile-records :where(details,summary,p,label){max-width:100%}
}
@media screen and (max-width:380px){
  .facts{grid-template-columns:minmax(0,1fr);gap:14px}
  .facts>div{padding:0;border:0;flex-direction:row;align-items:center}
  .facts span{max-width:none}
  .plan-metrics,.feature-checks{grid-template-columns:minmax(0,1fr)}
}