/* gm.css - GMEHub design system (Mint Lab). S271, GM-026/GM-029.
   ONE source for every screen: tokens (--gm-*, 10 sections + reserved slots) and components (.gm-*).
   New screens use only these classes and tokens; a new need is added HERE first, never inline. */

/* ---------- 1. surfaces ---------- */
.gm-day,.gm:not(.gm-night){--gm-bg:#eef8f3;--gm-dot:#bfe0d0;--gm-surface:rgba(255,255,255,.84);--gm-surface-2:#e2f4ea;--gm-surface-solid:#ffffff;--gm-overlay:rgba(11,42,32,.42);
/* 2. shadows / depth */--gm-shadow-1:0 1px 2px rgba(11,42,32,.08);--gm-shadow-2:0 10px 28px -22px rgba(11,42,32,.30);--gm-shadow-hover:0 6px 16px -8px rgba(11,42,32,.30);--gm-shadow-modal:0 30px 60px -20px rgba(11,42,32,.45);
/* 3. text */--gm-text:#0b2a20;--gm-text-2:#46685b;--gm-text-on-accent:#ffffff;--gm-border:#cfe9dc;--gm-border-strong:#9fcdb6;
/* 4. accent */--gm-accent:#047857;--gm-accent-strong:#047857;--gm-accent-hover:#065f46;--gm-accent-soft:#10a07a;--gm-coral:#c2410c;--gm-coral-soft:#fdba74;--gm-deep:#065f46;
/* 5. status */--gm-ok:#047857;--gm-ok-bg:#d9f5e8;--gm-warn:#9a3412;--gm-warn-bg:#ffe8d9;--gm-err:#b42318;--gm-err-bg:#fde8e7;--gm-info:#0e7490;--gm-info-bg:#dff4f8;
/* 6. chrome */--gm-btn:#ffffff;--gm-btn-disabled:#e6efea;--gm-text-disabled:#7d978c;--gm-code-bg:#0b2a20;--gm-code-text:#d9f6ea;--gm-diff-add:#d9f5e8;--gm-diff-del:#fde8e7}
.gm-night{--gm-bg:#06120d;--gm-dot:#143126;--gm-surface:rgba(12,34,26,.84);--gm-surface-2:#0f2a20;--gm-surface-solid:#0b1f18;--gm-overlay:rgba(0,0,0,.6);
--gm-shadow-1:0 1px 2px rgba(0,0,0,.35);--gm-shadow-2:0 10px 28px -22px rgba(0,0,0,.6);--gm-shadow-hover:0 6px 16px -8px rgba(0,0,0,.6);--gm-shadow-modal:0 30px 60px -20px rgba(0,0,0,.8);
--gm-text:#d9f6ea;--gm-text-2:#8fb8a7;--gm-text-on-accent:#03140d;--gm-border:#1d4636;--gm-border-strong:#2f6b54;
--gm-accent:#34d399;--gm-accent-strong:#10b981;--gm-accent-hover:#34d399;--gm-accent-soft:#6ee7b7;--gm-coral:#fb923c;--gm-coral-soft:#fb923c;--gm-deep:#047857;
--gm-ok:#6ee7b7;--gm-ok-bg:rgba(4,120,87,.3);--gm-warn:#fdba74;--gm-warn-bg:rgba(154,52,18,.35);--gm-err:#fca5a5;--gm-err-bg:rgba(180,35,24,.32);--gm-info:#67e8f9;--gm-info-bg:rgba(14,116,144,.3);
--gm-btn:#0f2a20;--gm-btn-disabled:#122a21;--gm-text-disabled:#5b7f70;--gm-code-bg:#020906;--gm-code-text:#d9f6ea;--gm-diff-add:rgba(4,120,87,.3);--gm-diff-del:rgba(180,35,24,.3)}
/* no class set = follow the system (S271 T20b: no day flash on a dark phone; a saved choice sets .gm-day/.gm-night) */
@media (prefers-color-scheme: dark){.gm:not(.gm-day){--gm-bg:#06120d;--gm-dot:#143126;--gm-surface:rgba(12,34,26,.84);--gm-surface-2:#0f2a20;--gm-surface-solid:#0b1f18;--gm-overlay:rgba(0,0,0,.6);
--gm-shadow-1:0 1px 2px rgba(0,0,0,.35);--gm-shadow-2:0 10px 28px -22px rgba(0,0,0,.6);--gm-shadow-hover:0 6px 16px -8px rgba(0,0,0,.6);--gm-shadow-modal:0 30px 60px -20px rgba(0,0,0,.8);
--gm-text:#d9f6ea;--gm-text-2:#8fb8a7;--gm-text-on-accent:#03140d;--gm-border:#1d4636;--gm-border-strong:#2f6b54;
--gm-accent:#34d399;--gm-accent-strong:#10b981;--gm-accent-hover:#34d399;--gm-accent-soft:#6ee7b7;--gm-coral:#fb923c;--gm-coral-soft:#fb923c;--gm-deep:#047857;
--gm-ok:#6ee7b7;--gm-ok-bg:rgba(4,120,87,.3);--gm-warn:#fdba74;--gm-warn-bg:rgba(154,52,18,.35);--gm-err:#fca5a5;--gm-err-bg:rgba(180,35,24,.32);--gm-info:#67e8f9;--gm-info-bg:rgba(14,116,144,.3);
--gm-btn:#0f2a20;--gm-btn-disabled:#122a21;--gm-text-disabled:#5b7f70;--gm-code-bg:#020906;--gm-code-text:#d9f6ea;--gm-diff-add:rgba(4,120,87,.3);--gm-diff-del:rgba(180,35,24,.3);color-scheme:dark}}
/* 7. typography  8. radii  9. transitions  10. ring gauges  + reserved slots */
.gm{--gm-font-ui:'Sora',system-ui,sans-serif;--gm-font-mono:'IBM Plex Mono',ui-monospace,monospace;
--gm-fs-xs:11px;--gm-fs-sm:12px;--gm-fs-base:14px;--gm-fs-md:15px;--gm-fs-lg:18px;--gm-fs-xl:23px;--gm-fs-xxl:28px;
--gm-r-sm:6px;--gm-r-md:10px;--gm-r-lg:16px;--gm-r-pill:999px;
--gm-t-fast:.15s ease;--gm-t-slow:.35s ease;
--gm-ring-track:var(--gm-surface-2);--gm-ring-fill:var(--gm-accent);--gm-ring-warn:var(--gm-coral);
--gm-slot-1:initial;--gm-slot-2:initial;--gm-slot-3:initial}

/* ---------- base ---------- */
.gm{background-color:var(--gm-bg);background-image:radial-gradient(var(--gm-dot) 1.3px,transparent 1.5px);background-size:22px 22px;color:var(--gm-text);font-family:var(--gm-font-ui);font-size:var(--gm-fs-base);transition:background-color var(--gm-t-slow),color var(--gm-t-slow)}
.gm a{color:var(--gm-accent)}
.gm-mono{font-family:var(--gm-font-mono)}
.gm-muted{color:var(--gm-text-2)}
.gm-h1{margin:0;font-size:var(--gm-fs-xxl);font-weight:700;line-height:1.2}
.gm-h2{margin:0;font-size:var(--gm-fs-lg);font-weight:700}
.gm-h3{margin:0;font-size:var(--gm-fs-md);font-weight:700}
.gm-colh{font-family:var(--gm-font-mono);font-size:var(--gm-fs-sm);font-weight:600;color:var(--gm-text-2);letter-spacing:.06em;text-transform:uppercase}

/* ---------- surfaces ---------- */
.gm-card{background:var(--gm-surface);border:1px solid var(--gm-border);border-radius:var(--gm-r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--gm-shadow-2)}
.gm-well{background:var(--gm-surface-2);border-radius:var(--gm-r-md)}
.gm-empty{border:1.5px dashed var(--gm-border);border-radius:var(--gm-r-lg);padding:18px;font-size:13px;color:var(--gm-text-2);text-align:center}

/* ---------- buttons (flat; 1px lift on hover; never a card hover) ---------- */
.gm-btn{font:inherit;font-weight:600;font-size:var(--gm-fs-base);cursor:pointer;min-height:44px;padding:0 16px;border-radius:var(--gm-r-md);color:var(--gm-text);border:1px solid var(--gm-border);background:var(--gm-btn);box-shadow:var(--gm-shadow-1);transition:transform var(--gm-t-fast),box-shadow var(--gm-t-fast),border-color var(--gm-t-fast),background-color var(--gm-t-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}
.gm-btn:hover{transform:translateY(-1px);border-color:var(--gm-accent);box-shadow:var(--gm-shadow-hover)}
.gm-btn:active{transform:translateY(0);box-shadow:var(--gm-shadow-1)}
.gm-btn:focus-visible{outline:2px solid var(--gm-accent);outline-offset:2px}
.gm-btn--pri{background:var(--gm-accent-strong);border-color:var(--gm-accent-strong);color:var(--gm-text-on-accent)}
.gm-btn--pri:hover{background:var(--gm-accent-hover);border-color:var(--gm-accent-hover)}
.gm-btn--danger{color:var(--gm-err)}
.gm-btn--danger:hover{border-color:var(--gm-err)}
.gm-btn--ghost{background:transparent;border-color:transparent;box-shadow:none}
.gm-btn--ghost:hover{background:var(--gm-surface-2);border-color:transparent;box-shadow:none}
.gm-btn--icon{width:44px;padding:0;border-radius:50%}
.gm-btn--sm{min-height:36px;padding:0 12px;font-size:var(--gm-fs-sm)}
.gm-btn:disabled,.gm-btn[aria-disabled="true"]{cursor:not-allowed;transform:none;box-shadow:none;background:var(--gm-btn-disabled);border-color:var(--gm-border);color:var(--gm-text-disabled)}

/* ---------- chips, dots, badges ---------- */
.gm-chip{font-family:var(--gm-font-mono);font-size:var(--gm-fs-sm);padding:5px 10px;border-radius:var(--gm-r-pill);display:inline-flex;align-items:center;gap:6px;background:var(--gm-surface-2);color:var(--gm-text-2)}
.gm-chip--ok{background:var(--gm-ok-bg);color:var(--gm-ok)}
.gm-chip--warn{background:var(--gm-warn-bg);color:var(--gm-warn)}
.gm-chip--err{background:var(--gm-err-bg);color:var(--gm-err)}
.gm-chip--info{background:var(--gm-info-bg);color:var(--gm-info)}
.gm-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none;background:var(--gm-text-2)}
.gm-dot--ok{background:var(--gm-ok)}.gm-dot--warn{background:var(--gm-coral)}.gm-dot--err{background:var(--gm-err)}.gm-dot--info{background:var(--gm-info)}

/* ---------- navigation ---------- */
.gm-nav{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:var(--gm-r-pill);background:var(--gm-surface);border:1px solid var(--gm-border)}
.gm-nav a{color:var(--gm-text);text-decoration:none;padding:9px 16px;border-radius:var(--gm-r-pill);font-size:var(--gm-fs-base);transition:background-color var(--gm-t-fast)}
.gm-nav a:hover{background:var(--gm-surface-2)}
.gm-nav a[aria-current="page"]{background:var(--gm-text);color:var(--gm-bg);font-weight:600}
.gm-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--gm-border)}
.gm-tab{font:inherit;font-size:var(--gm-fs-base);font-weight:600;cursor:pointer;min-height:44px;padding:0 14px;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--gm-text-2);transition:color var(--gm-t-fast),border-color var(--gm-t-fast)}
.gm-tab:hover{color:var(--gm-text)}
.gm-tab[aria-selected="true"]{color:var(--gm-text);border-bottom-color:var(--gm-accent)}
.gm-tab:focus-visible{outline:2px solid var(--gm-accent);outline-offset:-2px}

/* ---------- forms ---------- */
.gm-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--gm-text-2)}
.gm-input{font:inherit;font-size:var(--gm-fs-md);font-weight:400;width:100%;box-sizing:border-box;padding:11px 14px;border-radius:var(--gm-r-md);border:1px solid var(--gm-border);background:var(--gm-surface-2);color:var(--gm-text);min-height:44px}
.gm-input::placeholder{color:var(--gm-text-2)}
.gm-input:focus{outline:2px solid var(--gm-accent);outline-offset:1px}
.gm-field--error .gm-input{border-color:var(--gm-err)}
.gm-help{font-size:var(--gm-fs-sm);font-weight:400;color:var(--gm-text-2)}
.gm-error-text{font-size:var(--gm-fs-sm);font-weight:600;color:var(--gm-err)}
.gm-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;min-height:44px;font-weight:600}

/* ---------- data ---------- */
.gm-table-box{overflow-x:auto;border:1px solid var(--gm-border);border-radius:var(--gm-r-lg);background:var(--gm-surface)}
.gm-table{width:100%;border-collapse:collapse;font-size:var(--gm-fs-base)}
.gm-table th{text-align:left;font-family:var(--gm-font-mono);font-size:var(--gm-fs-sm);font-weight:600;color:var(--gm-text-2);padding:10px 14px;border-bottom:1px solid var(--gm-border);white-space:nowrap}
.gm-table td{padding:11px 14px;border-bottom:1px solid var(--gm-border);vertical-align:middle}
.gm-table tr:last-child td{border-bottom:none}
.gm-kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:13px}
.gm-kv dt{font-family:var(--gm-font-mono);color:var(--gm-text-2)}
.gm-kv dd{margin:0}
.gm-code{font-family:var(--gm-font-mono);font-size:var(--gm-fs-sm);line-height:1.7;background:var(--gm-code-bg);color:var(--gm-code-text);border-radius:var(--gm-r-md);padding:14px 16px;white-space:pre-wrap;overflow-x:auto}
.gm-diff{font-family:var(--gm-font-mono);font-size:var(--gm-fs-sm);line-height:1.7;border:1px solid var(--gm-border);border-radius:var(--gm-r-md);overflow:hidden}
.gm-diff div{padding:0 12px;white-space:pre}
.gm-diff .add{background:var(--gm-diff-add)}
.gm-diff .del{background:var(--gm-diff-del)}
.gm-diff .hunk{background:var(--gm-surface-2);color:var(--gm-text-2)}
.gm-progress{height:8px;border-radius:var(--gm-r-pill);background:var(--gm-surface-2);overflow:hidden}
.gm-progress > span{display:block;height:100%;border-radius:var(--gm-r-pill);background:var(--gm-accent)}
.gm-progress--warn > span{background:var(--gm-coral)}
.gm-ring circle.track{stroke:var(--gm-ring-track)}
.gm-ring circle.fill{stroke:var(--gm-ring-fill)}
.gm-ring--warn circle.fill{stroke:var(--gm-ring-warn)}
.gm-shot{aspect-ratio:16 / 9;border-radius:var(--gm-r-md);border:1px dashed var(--gm-border-strong);background:var(--gm-surface-2);display:flex;align-items:center;justify-content:center;color:var(--gm-text-2);font-size:var(--gm-fs-sm);text-align:center;padding:6px}

/* ---------- feedback ---------- */
.gm-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;border-radius:var(--gm-r-lg);border:1px solid var(--gm-border);background:var(--gm-surface)}
.gm-banner--warn{background:var(--gm-warn-bg);border-color:transparent;color:var(--gm-warn)}
.gm-banner--err{background:var(--gm-err-bg);border-color:transparent;color:var(--gm-err)}
.gm-banner--info{background:var(--gm-info-bg);border-color:transparent;color:var(--gm-info)}
.gm-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--gm-r-md);background:var(--gm-text);color:var(--gm-bg);box-shadow:var(--gm-shadow-modal);font-size:var(--gm-fs-base);max-width:420px}
.gm-overlay{background:var(--gm-overlay);display:flex;align-items:center;justify-content:center;padding:24px}
.gm-modal{background:var(--gm-surface-solid);border:1px solid var(--gm-border);border-radius:var(--gm-r-lg);box-shadow:var(--gm-shadow-modal);width:100%;max-width:640px;display:flex;flex-direction:column}
.gm-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--gm-border)}
.gm-modal__body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.gm-modal__foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--gm-border)}
.gm-tip{position:relative;display:inline-flex}
.gm-tip > [role="tooltip"]{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--gm-text);color:var(--gm-bg);font-size:var(--gm-fs-sm);padding:6px 10px;border-radius:var(--gm-r-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--gm-t-fast)}
.gm-tip:hover > [role="tooltip"],.gm-tip:focus-within > [role="tooltip"]{opacity:1}
.gm-skel{border-radius:var(--gm-r-sm);background:linear-gradient(90deg,var(--gm-surface-2) 0%,var(--gm-border) 50%,var(--gm-surface-2) 100%);background-size:200% 100%;animation:gm-shimmer 1.4s linear infinite}
@keyframes gm-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}

/* ---------- KNOWN WIRING panel (one per surface, collapsed) ---------- */
.gm-wiring{border:1px solid var(--gm-border);border-radius:var(--gm-r-md);background:var(--gm-surface);font-size:13px}
.gm-wiring > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-family:var(--gm-font-mono);font-size:var(--gm-fs-sm);color:var(--gm-text-2)}
.gm-wiring > summary::-webkit-details-marker{display:none}
.gm-wiring[open] > summary{border-bottom:1px solid var(--gm-border)}
.gm-wiring ul{margin:0;padding:10px 14px 12px 30px;display:flex;flex-direction:column;gap:6px}

/* ---------- layout + brand (S271 T2: sign-in page and status shell; GM-030 - added here first) ---------- */
.gm-page{min-height:100vh;box-sizing:border-box;margin:0;padding:24px 32px;display:flex;flex-direction:column;gap:20px}
.gm-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.gm-row--end{justify-content:flex-end}
.gm-row--spread{justify-content:space-between}
.gm-stack{display:flex;flex-direction:column;gap:14px}
.gm-login{margin:64px auto;width:100%;max-width:420px;box-sizing:border-box;padding:32px;display:flex;flex-direction:column;gap:16px}
.gm-panel{padding:20px;display:flex;flex-direction:column;gap:14px}
.gm-brand{display:flex;align-items:center;gap:12px}
.gm-brand-name{font-size:var(--gm-fs-xxl);font-weight:700;line-height:1.1}
.gm-brand-sub{font-size:13px;color:var(--gm-text-2)}
.gm-logo-ring{fill:none;stroke:var(--gm-accent-soft)}
.gm-logo-dot{fill:var(--gm-accent-strong)}
.gm-logo-apply{fill:var(--gm-coral)}
.gm-logo-play{fill:var(--gm-text)}
.gm-hidden{display:none !important}
@media (max-width:560px){.gm-page{padding:16px}.gm-login{margin:24px auto;padding:22px}}

/* ---------- dashboard layout (S271 T20, from the Round 4 boards; GM-030 - added here first) ---------- */
.gm-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.gm-brand-name--sm{font-size:var(--gm-fs-xl);line-height:1}
.gm-split{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.gm-main{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:12px}
.gm-side{flex:1 1 340px;min-width:0}
.gm-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.gm-tile{padding:16px;display:flex;flex-direction:column;gap:4px}
.gm-tile-value{font-weight:700;font-size:var(--gm-fs-lg)}
.gm-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.gm-col{display:flex;flex-direction:column;gap:10px}
.gm-colh--gate{color:var(--gm-coral)}
.gm-gatebar{padding:12px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.gm-spacer{flex:1}
.gm-tabs--inset{padding:8px 12px 0}
.gm-tabpanel{padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.gm-note{margin:0;font-size:13px;line-height:1.5;color:var(--gm-text-2)}
.gm-code--tall{min-height:300px}

/* ---------- mobile view (S271 T20b: measured on iPhone SE / 15 / 15 Pro Max and Pixel 7 emulation; GM-041) ----------
   Not a web app: the same pages, sized for a thumb. Rules that cost a round trip are named in gmehub_decisions.md. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.gm{-webkit-tap-highlight-color:transparent}
.gm-day,.gm:not(.gm-night){color-scheme:light}.gm-night{color-scheme:dark}
.gm-page{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}
.gm-nav a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
.gm-kv dd{overflow-wrap:anywhere}
.gm-show-sm{display:none}
@media (max-width:640px){
  .gm-page{padding:12px max(14px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));gap:14px}
  .gm-input{font-size:16px}
  .gm-header{display:grid;grid-template-columns:1fr auto;gap:10px 8px}
  .gm-header > .gm-nav{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;border-radius:var(--gm-r-lg)}
  .gm-header > .gm-nav::-webkit-scrollbar{display:none}
  .gm-header > .gm-nav.gm-fade-r,.gm-tabs.gm-fade-r{-webkit-mask-image:linear-gradient(to right,black 84%,transparent);mask-image:linear-gradient(to right,black 84%,transparent)}
  .gm-header > .gm-nav.gm-fade-l,.gm-tabs.gm-fade-l{-webkit-mask-image:linear-gradient(to right,transparent,black 16%);mask-image:linear-gradient(to right,transparent,black 16%)}
  .gm-header > .gm-nav.gm-fade-l.gm-fade-r,.gm-tabs.gm-fade-l.gm-fade-r{-webkit-mask-image:linear-gradient(to right,transparent,black 16%,black 84%,transparent);mask-image:linear-gradient(to right,transparent,black 16%,black 84%,transparent)}
  .gm-nav a{flex:none;scroll-snap-align:start;padding:0 14px}
  .gm-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .gm-tabs::-webkit-scrollbar{display:none}
  .gm-tab{flex:none}
  .gm-hide-sm{display:none}
  .gm-show-sm{display:inline-flex}
  .gm-brand svg{width:34px;height:34px}
  .gm-kv{grid-template-columns:1fr;gap:2px}
  .gm-kv dd{margin-bottom:8px}
  .gm-gatebar{padding:12px 14px}
  .gm-table-box--stack{border:none;background:transparent;overflow:visible}
  .gm-table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gm-table--stack tbody tr{display:block;margin-bottom:10px;border:1px solid var(--gm-border);border-radius:var(--gm-r-lg);background:var(--gm-surface)}
  .gm-table--stack td{display:grid;grid-template-columns:7.5em 1fr;gap:10px;align-items:baseline;border:none;padding:8px 14px;overflow-wrap:anywhere}
  .gm-table--stack td::before{content:attr(data-label);font-family:var(--gm-font-mono);font-size:var(--gm-fs-sm);color:var(--gm-text-2)}
}

@media (prefers-reduced-motion: reduce){.gm,.gm-btn,.gm-tab,.gm-nav a,.gm-tip > [role="tooltip"]{transition:none}.gm-btn:hover{transform:none}.gm-skel{animation:none}}