/* Mobile sweep (batch 22): loaded last. Section menus are always visible without sideways scrolling, nothing is wider than the screen, tables scroll inside themselves, fields are easy to tap. Desktop is not changed. */
html{-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:clip}
main :is(img,video,iframe,canvas){max-width:100%}
main :is(pre,code){overflow-wrap:anywhere}
.r23-sec,[id^="admin-cat-"]{scroll-margin-block-start:72px}
@media (max-width:860px){
  /* side menus (Marketplace features, My shipping ...): a wrapped two-column grid of large buttons instead of a strip you must scroll */
  html[data-theme] .r23-toc,html .r23-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;overflow:visible;gap:6px;padding:8px}
  .r23-toc a{display:flex;align-items:center;white-space:normal;min-height:44px;padding:8px 12px;border:1px solid var(--border,#e2e5ea);border-radius:10px;line-height:1.25;overflow-wrap:anywhere}
  .mk-toc-btn{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--border,#e2e5ea);border-radius:10px;background:var(--surface-2,var(--surface,#fff));color:inherit;font:inherit;font-weight:700;cursor:pointer}
  .r23-toc.mk-toc-js.is-collapsed>a{display:none}
  .r23-toc.mk-toc-js:not(.is-collapsed) .mk-toc-btn i{transform:rotate(180deg)}
  .r23-toc a:active{background:color-mix(in srgb,var(--primary,#2563eb) 14%,transparent)}
  /* tables that are not inside a scrolling card scroll by themselves */
  main :not(.table-card):not(.r23-table-wrap):not(.table-wrap):not(.data-table):not(.mk-table-scroll)>table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  /* forms: no zoom-on-focus, comfortable tap size */
  main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){font-size:16px;min-height:44px;max-width:100%}
  main :is(.btn,button.btn,a.btn){min-height:44px}
  main :is(.btn.small,a.btn.small,button.btn.small){min-height:40px}
  .r23-card-h{flex-wrap:wrap}
  .r23-savebar{flex-wrap:wrap;justify-content:stretch;padding-block:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
  .r23-savebar .btn{flex:1 1 100%}
  .r23-url code{max-width:100%}
  /* inline multi-column grids fall back to two columns */
  main [style*="grid-template-columns:repeat(3"],main [style*="grid-template-columns:repeat(4"],main [style*="grid-template-columns: repeat(3"],main [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  dialog,.modal,.r23-dlg{max-width:calc(100vw - 16px)}
}
@media (max-width:560px){
  .r23-toc{grid-template-columns:minmax(0,1fr)}
  main [style*="grid-template-columns:1fr 1fr"],main [style*="grid-template-columns: 1fr 1fr"],main [style*="grid-template-columns:repeat(2"],main [style*="grid-template-columns:repeat(3"],main [style*="grid-template-columns:repeat(4"]{grid-template-columns:minmax(0,1fr)!important}
  main :is(.container,.section){padding-inline:12px}
}
/* selling mode choice on My domain */
.sd-mode{display:grid;gap:10px}
.sd-mode-opt{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border,#e2e5ea);border-radius:12px;cursor:pointer;margin:0}
.sd-mode-opt input{margin-block-start:4px;inline-size:auto}
.sd-mode-opt small{display:block}
.sd-mode-opt:has(input:checked){border-color:var(--primary,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#2563eb) 22%,transparent)}

@media (min-width:861px){.mk-toc-btn{display:none}}