/* ==== Gas Station (8 Sep 2026) ====================================
   Only new rules, prefix gq- throughout (grepped free before writing;
   the pay-* classes app-gas.js still uses live in theme.css). Written
   against tokens.css. Glass tier is expressed by the rim and the light
   inside, never by a lighter fill: rows and tiles are data glass with
   the masked 1px gradient ring from theme.css, buttons are utility
   glass that lights on hover. No outer shadows anywhere, no transforms.
   Amber is pending and overdue only; cyan is the one primary verb per
   surface; the muted red is Withdraw and nothing else.

   Load after theme.css, so the .nf-bub marker rules below win at equal
   specificity. */

/* ---- shared ------------------------------------------------------- */
.gq-lab{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--t3);font-weight:500}
.gq-m{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--t3)}
.gq-dim{color:var(--t3)}
.gq-amt{color:var(--amber-text)}
.gq-note{font-size:11.5px;color:var(--t3);line-height:1.55;margin:var(--s2) 0 0}
.gq-fine{display:block;font-size:11.5px;color:var(--t3);line-height:1.5;margin-top:var(--s2)}
.gq-err{font-size:11.5px;color:var(--red);line-height:1.5;margin:var(--s2) 0 0}
.gq-span{grid-column:1/-1}

/* the state chip: mono, neutral. Overdue is the only amber; Reported is
   the quiet sage of a thing that landed. */
.gq-st{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;
  border-radius:var(--r-pill);color:var(--t2);white-space:nowrap;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.gq-st.gq-am{color:var(--amber-text);background:rgba(197,164,105,.08);box-shadow:inset 0 0 0 1px rgba(197,164,105,.42)}
.gq-st.gq-ok{color:var(--teal-text);box-shadow:inset 0 0 0 1px rgba(111,179,151,.3)}

/* glass surfaces: near-black interior, seat, and the 1px masked ring */
.gq-tile,.gq-qrow,.gq-row,.gq-lead{position:relative;background:var(--glass-1);box-shadow:var(--inner-hi),var(--seat)}
.gq-tile::before,.gq-qrow::before,.gq-row::before,.gq-lead::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  border-radius:inherit;padding:1px;
  background:linear-gradient(180deg,var(--rim-2-top),var(--rim-2-side-hi) 18%,var(--rim-2-side-lo) 62%,var(--rim-2-bot));
  -webkit-mask:var(--rim-mask);mask:var(--rim-mask);
  -webkit-mask-composite:xor;mask-composite:exclude;
}

/* ---- buttons -------------------------------------------------------
   Utility glass, unlit until hover; hover is light inside the glass. */
.gq-b{font-family:inherit;font-size:12.5px;line-height:1.3;padding:6px 12px;border:0;cursor:pointer;
  border-radius:var(--r-pill);color:var(--t2);background:transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);white-space:nowrap;
  transition:color var(--t-hover),background var(--t-hover),box-shadow var(--t-hover)}
.gq-b:hover{color:var(--t1);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.gq-b:focus-visible{outline:none;box-shadow:inset 0 0 0 2px rgba(53,201,214,.45)}
.gq-b:disabled{opacity:.42;cursor:default}
.gq-b.gq-pri{color:var(--cyan-text);background:rgba(53,201,214,.10);box-shadow:inset 0 0 0 1px rgba(53,201,214,.26)}
.gq-b.gq-pri:hover{color:#A8E2F0;background:rgba(53,201,214,.15);box-shadow:inset 0 0 0 1px rgba(53,201,214,.34)}
.gq-b.gq-on{color:var(--t1);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.gq-b.gq-red{color:var(--red);box-shadow:inset 0 0 0 1px rgba(199,123,123,.3)}
.gq-b.gq-red:hover{color:var(--red);background:var(--hover-wash-danger);box-shadow:inset 0 0 0 1px var(--hover-rim-danger)}
/* the quiet text verb, the door's sign-in idiom */
.gq-quiet{font-family:inherit;font-size:12.5px;color:var(--t3);background:none;border:0;padding:0;cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;white-space:nowrap;
  transition:color var(--t-hover),border-color var(--t-hover)}
.gq-quiet:hover{color:var(--t1);border-bottom-color:rgba(255,255,255,.3)}
.gq-quiet:focus-visible{outline:none;color:var(--t1)}
.gq-quiet.gq-mini{font-size:11px}
.gq-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ---- inputs --------------------------------------------------------- */
.gq-in{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--t1);
  padding:5px 9px;border:0;border-radius:var(--r-ctrl);background:rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);outline:none;min-width:0;
  transition:box-shadow var(--t-hover),background var(--t-hover)}
.gq-in::placeholder{color:var(--t3)}
.gq-in:focus{box-shadow:inset 0 0 0 2px rgba(53,201,214,.45);background:rgba(255,255,255,.055)}
.gq-nt{font-family:inherit;font-size:12.5px;width:100%;margin-top:10px}
.gq-hashin{width:100%;font-size:11.5px;margin-top:2px}
.gq-ta{font-family:inherit;font-size:13px;color:var(--t1);width:100%;box-sizing:border-box;resize:vertical;
  padding:8px 10px;border:0;border-radius:var(--r-ctrl);background:rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);outline:none;line-height:1.5}
.gq-ta::placeholder{color:var(--t3)}
.gq-ta:focus{box-shadow:inset 0 0 0 2px rgba(53,201,214,.45)}
/* a select hands its background to the OS option list, so the list is
   painted opaquely a step above the glass (the date-picker lesson) */
.gq-sel{font-family:inherit;font-size:12px;color:var(--t2);padding:5px 10px;border:0;border-radius:var(--r-ctrl);
  background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);outline:none;cursor:pointer;
  max-width:100%;transition:color var(--t-hover),box-shadow var(--t-hover)}
.gq-sel:hover{color:var(--t1)}
.gq-sel:focus{box-shadow:inset 0 0 0 2px rgba(53,201,214,.45);color:var(--t1)}
.gq-sel option{background-color:#0E1114;color:var(--t1)}
.gq-cb{display:flex;align-items:flex-start;justify-content:center;padding-top:3px}
.gq-cb input{width:14px;height:14px;margin:0;accent-color:var(--cyan);cursor:pointer}
.gq-rs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px;font-size:12.5px;color:var(--t2)}
.gq-rs label{display:flex;gap:7px;align-items:center;cursor:pointer;min-width:0}
.gq-rs input{margin:0;accent-color:var(--cyan);flex:none}
.gq-rs label:hover{color:var(--t1)}

/* ==== A · the team page ============================================= */
.gq-sub{font-size:12.5px;color:var(--t3);margin:0 0 var(--s4);line-height:1.5}
.gq-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);margin-bottom:var(--s5)}
.gq-tile{border-radius:var(--r-card);padding:12px 14px}
.gq-tile .gq-lab{display:block;margin-bottom:6px}
.gq-tile .gq-n{font-size:22px;font-weight:500;line-height:1.1;color:var(--t1);font-variant-numeric:tabular-nums}
.gq-tile .gq-n small{font-size:12px;color:var(--t3);font-weight:400;margin-left:6px}
.gq-tile.gq-am .gq-n{color:var(--amber-text)}

/* the last action's result, kept until the next one */
.gq-flash{font-size:12.5px;color:var(--t2);line-height:1.55;padding:var(--s3) var(--s4);margin-bottom:var(--s4);
  border-radius:var(--r-ctrl);background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.gq-flash.gq-bad{box-shadow:inset 0 0 0 1px rgba(197,164,105,.3);background:rgba(197,164,105,.04)}
.gq-flash .gq-quiet{margin-top:6px}

.gq-sec{margin-top:var(--s5)}
.gq-sec-h{display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--s3);flex-wrap:wrap}
.gq-sec-h h3{margin:0;font-size:14px;font-weight:500;color:var(--t1)}
.gq-sec-h>span{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.gq-sec-h .gq-rt{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.gq-sec .pay-bar{margin-bottom:var(--s3)}

/* one grid per row: tick, who, the request, the wallet, the decision */
.gq-qrow{display:grid;grid-template-columns:18px 170px minmax(0,1fr) 150px 210px;gap:var(--s4);align-items:start;
  padding:13px 15px;border-radius:var(--r-card);margin-bottom:8px;font-size:13px}
.gq-qrow>*{position:relative;z-index:1;min-width:0}
.gq-qrow.gq-picked{background:linear-gradient(180deg,rgba(53,201,214,.04),var(--glass-1) 70%)}
.gq-orow{grid-template-columns:170px minmax(0,1fr) 120px 250px}
.gq-who b{display:block;font-size:14px;font-weight:500;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gq-who span{display:block;font-size:11.5px;color:var(--t3);line-height:1.45}
.gq-who .gq-rec{color:var(--t2)}
.gq-who .gq-rec.gq-bad{color:var(--amber-text)}
.gq-req b{display:block;font-size:14px;font-weight:500;color:var(--t1)}
.gq-req .gq-meta{font-size:11.5px;color:var(--t3);margin-top:2px;line-height:1.5}
/* "N days over", mono amber. NOT .gq-over: that is the room's overdue ROW
   modifier, and one name on both turned a whole row monospace. */
.gq-late{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--amber-text)}
/* the plan, two lines until it is clicked */
.gq-plan{margin-top:6px;font-size:12.5px;color:var(--t2);font-weight:300;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.gq-plan.gq-open{display:block;-webkit-line-clamp:unset;overflow:visible;cursor:default}
.gq-plan[data-gq-plan].gq-open{cursor:pointer}
.gq-plan.gq-dim{color:var(--t3)}
.gq-plan.gq-amt{color:var(--amber-text)}
.gq-wal{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--t2)}
.gq-wal b{display:block;font-family:inherit;font-weight:500;color:var(--t1);font-size:12px}
.gq-adr{display:flex;align-items:center;gap:6px}
.gq-walnote{display:block;color:var(--t3);font-family:inherit;font-size:11px;margin-top:3px}
.gq-walnote.gq-amt{color:var(--amber-text)}
.gq-decide{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.gq-usd{display:flex;align-items:center;gap:8px}
.gq-usd .gq-in{width:78px}
.gq-eth{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--t3);white-space:nowrap}

/* the inline panel a row opens: fund, decline, restore */
.gq-dc{grid-column:3/-1;margin-top:4px;padding:12px 14px;border-radius:var(--r-ctrl);
  background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.gq-orow .gq-dc{grid-column:2/-1}
.gq-dc .gq-lab{display:block;margin-bottom:8px}
.gq-dc .gq-btns{margin-top:10px}
.gq-dc .gq-fine{margin-top:8px}

/* the batch bar: cyan wash because Mark sent is the one primary verb */
.gq-bulk{display:flex;align-items:center;gap:var(--s4);padding:10px 15px;border-radius:var(--r-card);margin-top:4px;
  background:rgba(53,201,214,.05);box-shadow:inset 0 0 0 1px rgba(53,201,214,.16);font-size:12.5px;color:var(--t2);flex-wrap:wrap}
.gq-bulk .gq-n{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--t1)}
.gq-bulk .gq-tx{margin-left:auto;font-size:11px;min-width:210px;flex:1 1 210px}
.gq-pre{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--t2);
  margin:var(--s2) 0 0;padding:var(--s2) var(--s3);white-space:pre-wrap;word-break:break-all;
  border-radius:var(--r-ctrl);background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}

/* Closed: chips, search, month headers, the table */
.gq-chip{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;padding:4px 9px;border:0;border-radius:var(--r-pill);color:var(--t2);background:transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);cursor:pointer;transition:color var(--t-hover),box-shadow var(--t-hover),background var(--t-hover)}
.gq-chip:hover{color:var(--t1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.gq-chip.gq-on{color:var(--cyan-text);background:rgba(53,201,214,.08);box-shadow:inset 0 0 0 1px rgba(53,201,214,.34)}
.gq-srch{font-family:inherit;font-size:12px;color:var(--t1);padding:4px 10px;border:0;border-radius:var(--r-pill);
  background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);min-width:140px;outline:none}
.gq-srch::placeholder{color:var(--t3)}
.gq-srch:focus{box-shadow:inset 0 0 0 2px rgba(53,201,214,.45)}
.gq-mh{display:flex;align-items:baseline;gap:var(--s3);width:100%;padding:10px 4px;border:0;border-top:1px solid var(--divider);
  background:none;font-family:inherit;font-size:13px;color:var(--t2);cursor:pointer;text-align:left;
  transition:color var(--t-hover)}
.gq-mh:hover{color:var(--t1)}
.gq-mh:focus-visible{outline:none;color:var(--t1)}
.gq-mh b{color:var(--t1);font-weight:500}
.gq-mh .gq-sum{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--t3)}
.gq-mh .gq-car{margin-left:auto;font-size:10px;color:var(--t3)}
.gq-scroll{overflow-x:auto}
.gq-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.gq-table th{text-align:left;font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-weight:500;padding:0 var(--s3) var(--s2) 0;
  border-bottom:1px solid var(--divider);white-space:nowrap}
.gq-table th button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:0;
  padding:0;cursor:pointer;transition:color var(--t-hover)}
.gq-table th button:hover,.gq-table th.gq-on button{color:var(--t1)}
.gq-table th .gq-car{font-size:8px;margin-left:4px}
.gq-table td{padding:8px var(--s3) 8px 0;border-bottom:1px solid rgba(255,255,255,.03);color:var(--t2);vertical-align:top}
.gq-table td b{color:var(--t1);font-weight:500}
.gq-table tr:last-child td{border-bottom:none}
.gq-txl{color:var(--cyan-text);text-decoration:none;border-bottom:1px solid rgba(111,220,230,.3);transition:border-color var(--t-fast)}
.gq-txl:hover{border-bottom-color:rgba(111,220,230,.6)}
.gq-table .gq-txl{font-family:inherit;color:var(--t2);border-bottom-color:rgba(255,255,255,.14)}
.gq-table .gq-txl:hover{color:var(--t1)}

/* ==== B · the room ==================================================== */
.gq-room{display:flex;flex-direction:column;min-width:0}
/* the lead pill: utility glass, rim, a wash that says which state.
   Cyan is the ordinary state; amber only when a report is owed. */
.gq-lead{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;
  margin-bottom:var(--s4);padding:11px 18px;border-radius:var(--r-pill);
  background:linear-gradient(90deg,rgba(53,201,214,.075),rgba(53,201,214,.015) 70%,var(--glass-1))}
.gq-lead.gq-am{background:linear-gradient(90deg,rgba(197,164,105,.10),rgba(197,164,105,.02) 70%,var(--glass-1))}
.gq-lead>*{position:relative;z-index:1}
.gq-lead p{margin:0;font-size:15px;font-weight:400;color:var(--t1);min-width:0;line-height:1.5}
.gq-tt{display:inline-block;max-width:34ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-weight:500}
.gq-first{font-size:12.5px;color:var(--t2);line-height:1.6;margin:0 0 var(--s4)}
.gq-blocked{font-size:12px;color:var(--t3);line-height:1.5;margin:calc(-1 * var(--s2)) 0 var(--s4) 18px}
.gq-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:start;
  padding:13px 15px;border-radius:var(--r-card);margin-bottom:8px}
.gq-row>*{position:relative;z-index:1}
.gq-row.gq-over{background:linear-gradient(180deg,rgba(197,164,105,.05),var(--glass-1) 60%)}
.gq-ti{min-width:0}
.gq-ti>b{display:block;font-size:14.5px;font-weight:500;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gq-row .gq-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--t3);margin-top:4px;flex-wrap:wrap}
.gq-row .gq-meta b{color:var(--t2);font-weight:500;font-size:12px}
.gq-why{margin-top:6px;font-size:13px;color:var(--t2);line-height:1.5}
.gq-why i{font-style:normal;color:var(--t3)}
.gq-act{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:2px}
.gq-verbs{display:flex;gap:14px;font-size:12.5px;white-space:nowrap;flex-wrap:wrap;justify-content:flex-end}
/* the verbs are text with a hairline under, lit by colour only: cyan for
   the step forward, the muted red for Withdraw */
.gq-v{font-family:inherit;font-size:12.5px;color:var(--t2);background:none;border:0;padding:0;cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;transition:color var(--t-hover),border-color var(--t-hover)}
.gq-v:hover{color:var(--t1);border-bottom-color:rgba(255,255,255,.3)}
.gq-v:focus-visible{outline:none;color:var(--t1)}
.gq-v:disabled{opacity:.42;cursor:default}
.gq-v.gq-go{color:var(--cyan-text);border-bottom-color:rgba(111,220,230,.3)}
.gq-v.gq-go:hover{color:#A8E2F0;border-bottom-color:rgba(111,220,230,.6)}
.gq-v.gq-red{color:var(--red);border-bottom-color:rgba(199,123,123,.3)}
.gq-v.gq-red:hover{color:var(--red);border-bottom-color:rgba(199,123,123,.6)}
.gq-v.gq-plain{cursor:default;color:var(--t3);border-bottom-color:transparent}
/* the inline confirm and the date picker */
.gq-conf{margin-top:10px;padding:10px 12px;border-radius:var(--r-ctrl);background:rgba(255,255,255,.025);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);font-size:12.5px;color:var(--t2);line-height:1.5}
.gq-conf p{margin:0 0 6px}
.gq-conf .gq-lab{display:block;margin-bottom:6px}
.gq-conf .gq-ta{margin-top:4px}
.gq-conf .gq-btns{margin-top:10px}
/* earlier requests */
.gq-disc{margin-top:var(--s4);border-top:1px solid var(--divider);padding-top:var(--s3)}
.gq-disc-h{display:flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;color:var(--t2);background:none;border:0;
  padding:0;cursor:pointer;transition:color var(--t-hover)}
.gq-disc-h:hover{color:var(--t1)}
.gq-disc-h:focus-visible{outline:none;color:var(--t1)}
.gq-car{font-size:10px;color:var(--t3)}
.gq-mon{font-family:"SST Typewriter",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--t3);margin:12px 0 6px}

/* ---- the droplet marker, in the .nf-bub pill Messages already wears --
   New is lit from inside and takes one breath on arrival, then holds
   still. Amber ignores reading. The rail-min rules in theme.css turn a
   .nf-bub into a 7px dot; the svg hides there and amber wins. */
.nf-bub.gq-dp{padding:0 3px}
.nf-bub.gq-dp svg{width:11px;height:11px;display:block}
.nf-bub.gq-new{box-shadow:inset 0 0 0 1px rgba(53,201,214,.5),inset 0 0 8px rgba(53,201,214,.30);
  animation:gq-breathe 1.4s ease-out 1}
.nf-bub.gq-am{background:rgba(197,164,105,.16);color:var(--amber-text);
  box-shadow:inset 0 0 0 1px rgba(197,164,105,.5),inset 0 0 8px rgba(197,164,105,.26)}
@keyframes gq-breathe{0%{background:rgba(53,201,214,.04)}45%{background:rgba(53,201,214,.34)}100%{background:rgba(53,201,214,.16)}}
@media (prefers-reduced-motion:reduce){.nf-bub.gq-new{animation:none}}
body.rail-min .tabs#nav button .ni .nf-bub.gq-dp svg{display:none}
body.rail-min .tabs#nav button .ni .nf-bub.gq-am{background:var(--amber);box-shadow:none}
body.rail-min .tabs#nav button .ni .nf-bub.gq-new{animation:none;box-shadow:none}

/* ==== C · the per-person table, and the strip beside a thread ========= */
.gq-stats td:nth-child(n+2){white-space:nowrap}
.gq-strip{display:flex;flex-direction:column;gap:4px;margin:var(--s2) 0}
.gq-sl{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t3);min-width:0;flex-wrap:wrap}
.gq-sl b{color:var(--t2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32ch}

/* ---- narrow ----------------------------------------------------------- */
@media (max-width:960px){
  .gq-tiles{grid-template-columns:1fr 1fr}
  .gq-qrow{grid-template-columns:18px minmax(0,1fr)}
  .gq-qrow>*{grid-column:2}
  .gq-qrow .gq-cb{grid-column:1;grid-row:1}
  .gq-qrow .gq-dc,.gq-qrow .gq-span{grid-column:1/-1}
  .gq-orow{grid-template-columns:minmax(0,1fr)}
  .gq-orow>*{grid-column:1}
  .gq-bulk .gq-tx{margin-left:0;min-width:0;flex:1 1 100%}
  .gq-rs{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .gq-tiles{grid-template-columns:1fr}
  .gq-row{grid-template-columns:minmax(0,1fr)}
  .gq-act{align-items:flex-start}
  .gq-verbs{justify-content:flex-start}
  .gq-rs{grid-template-columns:1fr}
  .gq-sec-h .gq-rt{margin-left:0;width:100%}
}