/* SWYOS UI V2. Load LAST in staff templates. Public pages are deliberately unscoped.
   Dense lists use .swy-ui-table; reading/editor/technical surfaces remain separate. */
body.swy-ui-v2 {
  --swy-ds-accent:var(--swy-workspace-accent,var(--oh-accent,#292929));
  --swy-ds-font: "Microsoft YaHei", "PingFang SC", system-ui, -apple-system, sans-serif;
  --swy-ui-bg:#f4f5f4; --swy-ui-text:#242625; --swy-ui-muted:#5e6861;
  --swy-ui-line:#e6e8e6; --swy-ui-accent:var(--swy-ds-accent,var(--oh-accent,#292929));
  --swy-ui-soft:color-mix(in srgb,var(--swy-ui-accent) 8%,white);
  --swy-ds-radius-sm:6px; --swy-ds-radius-md:6px; --swy-ds-control-height:32px;
  --sidebar:238px; --oh-sidebar:238px; --hub-sidebar:238px;
  --primary:var(--swy-ui-accent); --blue:var(--swy-ui-accent);
  --v239-blue:var(--swy-ui-accent);
  --bg:var(--swy-ui-bg); --line:var(--swy-ui-line); --border:var(--swy-ui-line);
  --muted:var(--swy-ui-muted);
  margin:0; min-width:0; background:var(--swy-ui-bg); color:var(--swy-ui-text);
  font:14px/1.5 var(--swy-ds-font);
}
.swy-ui-v2 *, .swy-ui-v2 *::before, .swy-ui-v2 *::after {box-sizing:border-box}
.swy-ui-v2 :is(button,input,select,textarea,summary,label) {font-family:var(--swy-ds-font)}
.swy-ui-v2 :is(main,header,aside) :is(div,p,a,span,small,b,strong,th,td,li,h1,h2,h3,h4,label,button,input,select,textarea,summary):not(.ProseMirror *,[contenteditable] *,.swy-editor-surface *,.swy-editor *,.article-content *,.learning-page *,pre *,code *,[data-swy-ui="reading"] *) {font-family:var(--swy-ds-font)!important}
.swy-ui-v2 :is(.oh-shell,.hub-os-shell,.app-main,.workspace,.ai-shell,.admin-shell,.shell,main,.content-shell) {min-width:0}
.swy-ui-v2 :is(.oh-header,.hub-os-header,.topbar,.app-header,.admin-topbar,.ai-header) {
  height:64px; min-height:64px; background:#fff; color:var(--swy-ui-text);
  border-bottom:1px solid var(--swy-ui-line); box-shadow:none; gap:12px; font-size:14px;
}
.swy-ui-v2 :is(.oh-header,.hub-os-header,.topbar,.app-header,.ai-header) {padding:0 24px}
.swy-ui-v2 :is(.oh-sidebar,.hub-os-sidebar,.sidebar,.app-sidebar,.admin-sidebar,.ai-sidebar) {
  background:#fff; color:var(--swy-ui-text); border-right:1px solid var(--swy-ui-line); box-shadow:none;
}
.swy-ui-v2 :is(.oh-brand,.hub-os-brand,.sidebar>.brand,.sidebar-brand,.sidebar-brand-cp,.sidebar-brand,.ai-brand) {
  height:64px; min-height:64px; padding:0 16px; border-bottom:1px solid var(--swy-ui-line); color:var(--swy-ui-text); gap:10px;
}
.swy-ui-v2 .sidebar-brand-cp {padding:0;border-bottom:0}
.swy-ui-v2 :is(.oh-brand,.hub-os-brand,.sidebar-brand-cp,.sidebar-brand,.ai-brand,.admin-brand,.topbar>.brand) img {width:36px;height:36px;object-fit:contain;flex:none}
.swy-ui-v2 :is(.oh-brand,.hub-os-brand,.sidebar-brand-cp,.sidebar-brand,.ai-brand,.admin-brand,.topbar>.brand) :is(b,strong) {font-size:18px;font-weight:650}
.swy-ui-v2 :is(.oh-brand,.hub-os-brand,.sidebar-brand-cp,.sidebar-brand,.ai-brand,.admin-brand,.topbar>.brand) small {font:12px/1.4 var(--swy-ds-font);color:var(--swy-ui-muted)}
.swy-ui-v2 :is(.oh-nav,.hub-os-nav,.side-nav,.sidebar>nav,.app-sidebar>nav,.ai-sidebar>nav,.admin-sidebar) {padding:12px 10px}
.swy-ui-v2 .swy-ui-nav-link {
  display:flex; align-items:center; gap:10px; min-height:34px; margin:2px 0; padding:6px 10px;
  border:0; border-radius:6px; box-shadow:none; color:var(--swy-ui-text); font:400 14px/22px var(--swy-ds-font); text-decoration:none;
}
.swy-ui-v2 .swy-ui-nav-link:hover {background:#f4f5f4;color:var(--swy-ui-accent)}
.swy-ui-v2 .swy-ui-nav-link:is(.active,.current,.is-active,[aria-current="page"]) {background:var(--swy-ui-soft)!important;color:var(--swy-ui-accent)!important;font-weight:600;box-shadow:none!important;border-left:0}
.swy-ui-v2 .swy-ui-nav-link::before,.swy-ui-v2 .swy-ui-nav-link::after {display:none}
.swy-ui-v2 .swy-ui-nav-link :is(.oh-nav-dot,.hub-os-nav-dot) {display:none}
.swy-ui-v2 :is(.oh-sidebar,.hub-os-sidebar) .swy-ui-nav-link.active>i {display:none}
.swy-ui-v2 .swy-ui-nav-link>svg,.swy-ui-v2 .swy-ui-icon {width:18px;height:18px;flex:0 0 18px;background:none;color:inherit;line-height:1}
.swy-ui-v2 .swy-ui-icon svg {display:block;width:18px;height:18px}
.swy-ui-v2 :is(.oh-nav-caption,.hub-os-nav-caption,.nav-title,.nav-group>strong,.nav-group>h2,.menu-title,.menu-group-title,.ai-nav-group>summary,.sidebar nav>small) {
  color:var(--swy-ui-muted); font:600 12px/18px var(--swy-ds-font); margin:14px 0 4px; padding:0 10px; min-height:18px; background:none; border:0;
}
.swy-ui-v2 :is(.oh-nav-scroll h2,.hub-admin-nav-heading) {font:600 12px/18px var(--swy-ds-font);color:var(--swy-ui-muted);margin:14px 0 4px;padding:0 10px}
.swy-ui-v2 .side-nav .nav-category>summary {display:flex;align-items:center;gap:10px;min-height:34px;font-size:14px;font-weight:400;padding:6px 10px}
.swy-ui-v2 :is(.oh-main,.hub-os-main,.app-content,.workspace>main,.admin-content,.ai-main,.content) {width:100%;max-width:none;min-width:0;padding:24px}
.swy-ui-v2 :is(.card,.table-card,.ai-card,.panel,.sales-section) {border:1px solid var(--swy-ui-line);border-radius:6px;background:#fff;box-shadow:none}
.swy-ui-v2 :is(.card,.table-card,.ai-card) {padding:16px}
.swy-ui-v2 :is(.page-heading,.swy-ds-page-header,.ai-page-head) {gap:12px;margin-bottom:16px}
.swy-ui-v2 :is(.page-heading,.swy-ds-page-header,.ai-page-head) h1 {font:650 22px/1.35 var(--swy-ds-font);margin:0}
.swy-ui-v2 :is(.card,.table-card,.ai-card) :is(h2,h3) {font-family:var(--swy-ds-font);font-size:16px;line-height:1.4}
.swy-ui-v2 :is(.muted,.help,.hint,.form-note,.empty) {font-family:var(--swy-ds-font);color:var(--swy-ui-muted);font-size:12px}
.swy-ui-v2 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),select) {min-width:0;max-width:100%;height:32px;border:1px solid var(--swy-ui-line);border-radius:6px;font-size:12px;padding:5px 8px}
.swy-ui-v2 textarea {min-width:0;max-width:100%;border:1px solid var(--swy-ui-line);border-radius:6px;font-size:14px}
.swy-ui-v2 :is(.btn,.button,.primary,.secondary) {font-family:var(--swy-ds-font);border-radius:6px;box-shadow:none;font-size:12px;line-height:20px}
.swy-ui-v2 :is(a.btn,button.btn,a.button,button.button) {min-height:32px;padding:5px 10px}
.swy-ui-v2 :is(.btn.primary,.button.primary,button.primary,.hub-button-primary,.swy-ui-primary) {background:var(--swy-ui-accent);border-color:var(--swy-ui-accent);color:#fff}
.swy-ui-v2 .swy-ui-danger {background:transparent!important;color:#b42318!important;border-color:transparent!important;box-shadow:none!important}
.swy-ui-v2 :is(.toolbar,.filters,.filter-form,.table-toolbar,.hub-admin-list-toolbar) {min-width:0;max-width:100%;gap:6px;align-items:center;flex-wrap:wrap}
.swy-ui-v2 :is(.toolbar,.filters,.filter-form) select {width:auto;max-width:100%;min-width:0}
.swy-ui-v2 :is(.toolbar,.filters,.filter-form) input[name="q"] {width:150px;min-width:0;max-width:100%}
.swy-ui-v2 :is(.toolbar,.filters,.filter-form) input[name="country"] {width:64px;min-width:0}
.swy-ui-v2 :is(.module-tabs,.admin-tabs,.swy-tabs,.ai-tabs) {gap:8px;background:transparent;border-radius:0;box-shadow:none;border-bottom:1px solid var(--swy-ui-line);flex-wrap:wrap}
.swy-ui-v2 :is(.module-tabs,.admin-tabs,.swy-tabs,.ai-tabs)>a {background:transparent;color:var(--swy-ui-text);border-radius:0;border:0;border-bottom:2px solid transparent;padding:9px 12px;font-size:14px}
.swy-ui-v2 :is(.module-tabs,.admin-tabs,.swy-tabs,.ai-tabs)>a:is(.active,.current,[aria-current="page"]) {color:var(--swy-ui-accent);border-bottom-color:var(--swy-ui-accent);background:transparent}
/* Only tables outside rich text and technical/readable surfaces are tagged by admin-v2.js. */
.swy-ui-v2 .swy-ui-table-wrap {min-width:0;max-width:100%;width:100%;overflow-x:visible;scrollbar-width:none}
.swy-ui-v2 table.swy-ui-table {display:table!important;width:100%!important;max-width:100%;min-width:0!important;table-layout:fixed!important;border-collapse:collapse;border:0;font:12px/1.5 var(--swy-ds-font)!important}
.swy-ui-v2 table.swy-ui-table :is(th,td) {height:36px;min-width:0;padding:7px 6px!important;border:0!important;border-bottom:1px solid var(--swy-ui-line)!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font:12px/1.5 var(--swy-ds-font)!important;background:#fff}
.swy-ui-v2 table.swy-ui-table th {background:#f7f8f7;font-weight:600!important;color:#46514b}
.swy-ui-v2 table.swy-ui-table td :is(a,span,small,b,strong,button,input,select) {font-family:var(--swy-ds-font)!important}
.swy-ui-v2 table.swy-ui-table a {color:var(--swy-ui-accent)}
.swy-ui-v2 table.swy-ui-table .swy-ui-name,.swy-ui-v2 table.swy-ui-table .swy-ui-name a {font-size:14px!important;font-family:var(--swy-ds-font)!important;font-weight:500!important}
.swy-ui-v2 table.swy-ui-table td.swy-ui-name>a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swy-ui-v2 table.swy-ui-table tr:hover>td {background:#fafbf9}
.swy-ui-v2 table.swy-ui-table :is(.actions,.row-actions,.swy-ui-actions) {white-space:normal;overflow:visible}
.swy-ui-v2 table.swy-ui-table :is(a.btn,button.btn,a.button,button.button,.swy-ui-actions button) {min-height:26px;max-width:100%;padding:2px 5px;font-size:12px;line-height:20px}
.swy-ui-v2 table.swy-ui-table col {min-width:0!important}
.swy-ui-v2 table.swy-ui-table td img {max-width:32px;max-height:32px;object-fit:contain}
.swy-ui-v2 .swy-ui-cell-detail {display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline-offset:-2px}
.swy-ui-v2 .swy-ui-cell-detail:is(:focus,:hover) {color:var(--swy-ui-accent)}
.swy-ui-detail-pop {position:fixed;z-index:10000;max-width:min(480px,calc(100vw - 24px));padding:10px 12px;border:1px solid #e6e8e6;border-radius:6px;box-shadow:0 6px 20px #0002;background:#fff;color:#242625;font:14px/1.5 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere;pointer-events:none}
.swy-ui-v2 :is(.pagination,.pager,.table-footer,.hub-admin-list-footer) {min-width:0;max-width:100%;gap:6px;align-items:center;flex-wrap:wrap}
.swy-ui-v2 :is(.pagination,.pager) a {border-radius:6px;font:12px/20px var(--swy-ds-font)}
.swy-ui-v2 :is(.stat-card,.metric-card,.kpi-card,.ai-stat,.admin-stats>article,.dashboard-kpis>article) {border:1px solid var(--swy-ui-line);border-radius:6px;padding:16px;box-shadow:none;background:#fff}
.swy-ui-v2 :is(.stat-card,.metric-card,.kpi-card,.ai-stat,.admin-stats>article)::before {display:none}
.swy-ui-v2 :is(.stat-card,.metric-card,.kpi-card,.ai-stat,.admin-stats>article) :is(strong,.value) {color:var(--swy-ui-text);font-size:28px}
.swy-ui-v2 :is(.stat-card,.metric-card,.kpi-card,.ai-stat) :is(p,small) {font-size:12px;color:var(--swy-ui-muted)}
.swy-ui-v2 :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible {outline:2px solid var(--swy-ui-accent);outline-offset:2px}
/* Shell adapters: respect mobile off-canvas rules; do not override transforms/open state. */
@media(min-width:901px) {
 .swy-ui-v2 :is(.oh-sidebar,.hub-os-sidebar,.sidebar,.app-sidebar,.ai-sidebar) {width:238px}
 .swy-ui-v2 :is(.oh-shell,.hub-os-shell,.ai-shell) {margin-left:238px}
 .swy-ui-v2.swy-ds--cp .container.with-sidebar {margin-left:238px;width:calc(100% - 238px);max-width:none}
 .swy-ui-v2.swy-ds--cp .app-header {left:238px}
 .swy-ui-v2.swy-ds--wz .app-shell,.swy-ui-v2.swy-ds--xx .admin-shell,.swy-ui-v2.swy-ds--yf .shell {grid-template-columns:238px minmax(0,1fr)}
 .swy-ui-v2.swy-ds--yx .workspace {margin-left:238px}
 .swy-ui-v2.swy-ds--kh .workspace {margin-left:238px}
 .swy-ui-v2 :is(.admin-brand,.topbar>.brand) {width:238px;min-width:238px;padding:0 16px}
 .swy-ui-v2.swy-ds--xx .admin-topbar {padding-left:0}
}
.swy-ui-v2.swy-ds--cp .container {padding:24px}
.swy-ui-v2.page-products .compact-filter {display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-width:0;max-width:100%}
.swy-ui-v2.page-products .compact-filter-breadcrumb {flex:1 1 160px}
.swy-ui-v2.swy-ds--cp table.swy-ui-table tr:not(.danger):not(.error)>td {background:#fff!important}
.swy-ui-v2 :is(.v171-full>.bar,.v171-list-actions,.v171-transfer,.v171-filter) {display:flex;min-width:0;max-width:100%;flex-wrap:wrap;gap:6px;white-space:normal}
.swy-ui-v2 .v171-list-actions :is(.v171-transfer,.v171-filter) {flex:0 1 auto;flex-wrap:wrap}
.swy-ui-v2 .qt-csv-export:not([open])>form {display:none!important}
.swy-ui-v2 .qt-csv-export[open]>form {position:fixed;z-index:500;top:80px;left:50%;transform:translateX(-50%);width:min(680px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 96px);overflow:auto;white-space:normal}
.swy-ui-v2.swy-ds--yx .metrics {gap:12px}
.swy-ui-v2 :is(.oh-kpi,.sales-metric,.ai-metric,.learning-kpis>article,.dashboard-stat-grid>article,.dashboard-stat-grid>.card,.metrics>.card) {border:1px solid var(--swy-ui-line);border-radius:6px;box-shadow:none;background:#fff;padding:16px}
.swy-ui-v2 :is(.oh-kpi,.sales-metric,.ai-metric,.learning-kpis>article,.dashboard-stat-grid>article,.dashboard-stat-grid>.card,.metrics>.card)::before {display:none}
.swy-ui-v2 :is(.ai-metric,.learning-kpis>article,.dashboard-stat-grid>article,.metrics>.card) :is(strong,.value) {font-size:28px;color:var(--swy-ui-text)}
.swy-ui-v2 :is(.dashboard-stat-grid>* , .metrics>article,.admin-stats>article,.ai-metric,.stat-card) {border-top:1px solid var(--swy-ui-line)!important;border-radius:6px;box-shadow:none}
.swy-ui-v2.swy-ds--tool .tool-cms-table td:nth-child(2) {font-size:14px!important}
.swy-ui-v2 .tool-cms-form {font-family:var(--swy-ds-font);grid-template-columns:repeat(5,minmax(0,1fr))}
.swy-ui-v2 .tool-cms-form :is(label,input,select,textarea) {font-family:var(--swy-ds-font)!important}
.swy-ui-v2 .swy-ui-field-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.swy-ui-v2 .swy-ui-field-grid>* {min-width:0}
.swy-ui-v2 .swy-ui-field-grid>label {margin:0;font-size:12px}
.swy-ui-v2 .swy-ui-field-grid>.swy-ui-wide {grid-column:1/-1}
.swy-ui-v2.swy-ds--ai .ai-main {max-width:none}
.swy-ui-v2.swy-ds--ai .ai-hero {padding:16px;min-height:0}
.swy-ui-v2.swy-ds--ai :is(.ai-hero,.ai-heading) h1 {font-size:22px}
.swy-ui-v2.swy-ds--ai .ai-nav-group>summary {font-size:12px!important;line-height:18px!important;padding:0 10px!important}
.swy-ui-v2.swy-ds--yf .top-context {display:none}
.swy-ui-v2 .swy-ui-context {display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px;font-size:12px;color:var(--swy-ui-muted)}
.swy-ui-v2 :is(.ProseMirror,.swy-editor-surface,[contenteditable="true"],.ai-messages,.article-content,.learning-page) {font-family:var(--swy-ds-font);font-size:14px;line-height:1.6}
.swy-ui-v2.swy-ds--ks .front-header {height:64px;padding:0 24px;box-shadow:none;border-bottom:1px solid var(--swy-ui-line)}
.swy-ui-v2.swy-ds--ks .front-main {max-width:1440px}
.swy-ui-v2.swy-ds--ks :is(.hero,.metric-strip article,.content-card) {border-radius:6px;box-shadow:none}
.swy-ui-v2.swy-ds--ks .hero {min-height:0;padding:24px;background:#fff;color:var(--swy-ui-text)}
.swy-ui-v2.swy-ds--ks .hero h1 {font-size:24px}
@media(max-width:1439px) {.swy-ui-v2 .swy-ui-field-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px) {.swy-ui-v2 .tool-cms-form {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px) {
 .swy-ui-v2 :is(.oh-main,.hub-os-main,.app-content,.workspace>main,.admin-content,.ai-main,.content) {padding:12px}
 .swy-ui-v2 :is(.oh-header,.hub-os-header,.topbar,.app-header,.admin-topbar,.ai-header) {padding:0 12px;gap:6px}
 .swy-ui-v2 :is(.global-search,.cp-global-search,.admin-search,.ai-search,.oh-search-wrap) {min-width:0;max-width:100%}
 .swy-ui-v2 :is(.global-search,.cp-global-search,.admin-search,.ai-search) input {width:100%;min-width:0;flex:1}
 .swy-ui-v2 :is(.app-header-actions,.ai-header-actions) {display:none}
 .swy-ui-v2.swy-ds--yx .header-actions {width:auto;flex:0 1 auto;order:2}
 .swy-ui-v2.swy-ds--yx .global-search {width:auto;flex:1 1 180px;order:0}
 .swy-ui-v2 :is(.oh-shell,.hub-os-shell,.ai-shell,.workspace) {min-width:0}
}
/* Reflow regular lists, keeping every visible field and its original controls. */
@media(max-width:760px) {
 .swy-ui-v2.swy-ds--cp .app-header {display:flex!important;flex-wrap:nowrap!important;align-items:center;position:sticky;top:0;width:100%;left:0;right:0;gap:6px}
 .swy-ui-v2.swy-ds--cp .cp-global-search {flex:1 1 120px;min-width:40px;width:auto;max-width:none;margin:0}
 .swy-ui-v2.swy-ds--cp .app-header>.swy-workspace-nav {flex:0 0 auto;margin-left:0}
 .swy-ui-v2.swy-ds--cp .swy-workspace-pop>summary {padding:0 3px;min-width:24px}
 .swy-ui-v2.swy-ds--cp .container.with-sidebar {margin-top:0!important;padding:12px}
 .swy-ui-v2 .tool-cms-form {grid-template-columns:repeat(2,minmax(0,1fr))}
 .swy-ui-v2 .swy-ui-field-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .swy-ui-v2 table.swy-ui-table.swy-ui-reflow,.swy-ui-v2 table.swy-ui-reflow tbody {display:block!important}
 .swy-ui-v2 table.swy-ui-reflow thead,.swy-ui-v2 table.swy-ui-reflow colgroup {display:none}
 .swy-ui-v2 table.swy-ui-reflow .swy-ui-header-row {display:none!important}
 .swy-ui-v2 table.swy-ui-reflow tbody>tr {display:block;margin:0 0 12px;border:1px solid var(--swy-ui-line);border-radius:6px;overflow:hidden}
 .swy-ui-v2 table.swy-ui-reflow td:not([hidden]) {display:grid!important;grid-template-columns:minmax(72px,28%) minmax(0,1fr);gap:8px;height:auto;min-height:36px;width:100%!important;white-space:normal;overflow-wrap:anywhere}
 .swy-ui-v2 table.swy-ui-reflow td:not([hidden])::before {content:attr(data-swy-label);color:var(--swy-ui-muted);font-size:12px;font-weight:400}
 .swy-ui-v2 table.swy-ui-reflow td.swy-ui-actions {display:flex!important;flex-wrap:wrap;align-items:center}
 .swy-ui-v2 table.swy-ui-reflow td[colspan] {display:block!important}
 .swy-ui-v2 table.swy-ui-reflow td[colspan]::before {display:none}
 .swy-ui-v2 :is(.toolbar,.filters,.filter-form) {width:100%}
 .swy-ui-v2 .swy-ui-nav-link {min-height:44px}
 .swy-ui-v2.swy-ds--ks .front-header {padding:0 12px}
 .swy-ui-v2.swy-ds--ks .front-header .xx-brand {min-width:0;max-width:136px;gap:6px}
 .swy-ui-v2.swy-ds--ks .front-header .xx-brand strong {display:block;max-width:96px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .swy-ui-v2.swy-ds--ks .front-header .xx-brand small {display:none}
 .swy-ui-v2.swy-ds--ks .front-header .swy-workspace-pop>summary {padding:0 4px;min-width:28px}
}
@media(max-width:680px) {
 .swy-ui-v2.swy-ds--ai .ai-header {height:64px;min-height:64px;grid-template-rows:64px;padding-bottom:0}
 .swy-ui-v2.swy-ds--ai .ai-header .ai-search {display:none}
}
@media(max-width:480px) {.swy-ui-v2 .tool-cms-form,.swy-ui-v2 .swy-ui-field-grid {grid-template-columns:1fr}}