/* Helix site fixes, 5 November 2026 (draft). Loaded after helix.css, only on the pages changed in this job:
   gtmhelix.com home, about and services; tools.gtmhelix.com hub, /tools/, /connectors/, /plugins/ and plugin pages.
   It adds the "what decision is on your desk today?" list and the decision groups, and removes nested frames
   where a section is already clear. Colours and fonts come from the helix.css tokens, so dark mode follows them. */

/* 1. Decision starting point: a plain two column list, one rule between rows, no boxes */
.hx-decide { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 4vw, 56px); border-top: 1.5px solid var(--line); }
.hx-decide li { display: flex; flex-direction: column; gap: 4px; padding: 16px 0 14px; border-bottom: 1.5px solid var(--line); min-width: 0; }
.hx-decide .q { display: inline-flex; align-items: center; min-height: 44px; font: 800 clamp(19px, 1.5vw, 22px)/1.25 var(--display); color: var(--ink); text-decoration: underline; text-decoration-color: var(--signal); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.hx-decide .q:hover { color: var(--ox); }
.hx-decide .for { margin: 0; font: 500 14px/1.45 var(--mono); color: var(--muted); }
.hx-decide .go { display: flex; flex-wrap: wrap; gap: 0 22px; margin: 2px 0 0; font-size: 16px; }
.hx-decide .go a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 4px; }
.hx-decide .go a:hover { text-decoration-color: var(--signal); }
.hx-decide-more { margin: 22px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.hx-decide-more p { margin: 0; max-width: 60ch; }
@media (max-width: 760px) { .hx-decide { grid-template-columns: minmax(0, 1fr); } }

/* 2. Platform line: said once, plainly */
.hx-where { margin: 16px 0 0; font-size: 17px; line-height: 1.5; max-width: 60ch; }
.hx-where b { font-weight: 700; }

/* 3. Tools grouped by buyer decision: headings and plain lists, no frames */
.hx-groups { margin: 8px 0 0; padding: 0; list-style: none; }
.hx-group { padding: 22px 0 18px; border-top: 1.5px solid var(--line); }
.hx-group:last-child { border-bottom: 1.5px solid var(--line); }
.hx-group h3 { margin: 0 0 6px; font-size: clamp(22px, 2vw, 28px); line-height: 1.2; }
.hx-group > p { margin: 0 0 10px; color: var(--muted); max-width: 72ch; font-size: 16px; }
.hx-group ul { list-style: none; margin: 0; padding: 0; columns: 2 300px; column-gap: clamp(24px, 4vw, 56px); }
.hx-group li { break-inside: avoid; padding: 2px 0; font-size: 16px; line-height: 1.4; }
.hx-group li a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 4px; }
.hx-group .kind { font: 500 13px/1.3 var(--mono); color: var(--muted); }
.hx-divider { padding-top: clamp(40px, 5vw, 72px); }
.hx-divider h2 { margin: 0; }
.hx-divider p { margin: 12px 0 0; color: var(--muted); max-width: 72ch; }

/* 4. When a tool is not enough */
.hx-enough { margin: 28px 0 0; padding: 12px 0 0 16px; border-left: 4px solid var(--signal); max-width: 72ch; font-size: 17px; }
.hx-enough a { color: var(--ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 4px; }

/* 5. Calmer layout on the home page: one frame per card, no second window around examples, no corner marks
      around the numbers, no dotted field behind the two lists */
.hx-calm .hx9-job .hx10-ex { box-shadow: none; border: 0; border-left: 4px solid var(--rose-mid); background: var(--paper); padding: 12px 14px; }
.hx-calm .hx9-job .hx8-sc { box-shadow: none; border: 0; border-left: 4px solid var(--rose-mid); background: var(--paper); padding: 12px 14px; }
.hx-calm .hx9-job .hx10-ex .hx8-sc { border-left: 0; padding: 0; background: none; }
.hx-calm .numbers .stat { border-left-width: 1.5px; }
.hx-calm .duo .win { box-shadow: none; }
.hx-calm .hx-who-lines { margin: 14px 0 0; padding: 0; list-style: none; }
.hx-calm .hx-who-lines li { padding: 4px 0; font-size: 17px; }
@media (prefers-color-scheme: dark) {
  .hx-calm .hx9-job .hx10-ex, .hx-calm .hx9-job .hx8-sc { border-left-color: #F2AAB3; background: #1A0E10; }
}

/* 6. Owner feedback, 5 November 2026, 21:30 IST.
   One background through the page: the hero's soft pink to blue wash carries on in alternate sections.
   Colours are the hero's own (#F8DADD, #EEF1F6, #CFE6F5 light; #3A0F1A, #15182A, #0E1B2B dark), only lighter. */
:root {
  --hx-wash: linear-gradient(165deg, rgba(248, 218, 221, .45) 0%, rgba(238, 241, 246, .70) 55%, rgba(207, 230, 245, .45) 100%);
  --hx-wash-top: linear-gradient(180deg, rgba(207, 230, 245, .45) 0, rgba(207, 230, 245, 0) 320px);
  --hx-gap: clamp(44px, 5.5vw, 88px);
}
@media (prefers-color-scheme: dark) {
  :root {
    --hx-wash: linear-gradient(165deg, rgba(58, 15, 26, .55) 0%, rgba(21, 24, 42, .55) 60%, rgba(14, 27, 43, .55) 100%);
    --hx-wash-top: linear-gradient(180deg, rgba(14, 27, 43, .75) 0, rgba(14, 27, 43, 0) 320px);
  }
}
.hx-wash { background: var(--hx-wash); }
.hx-wash-top { background: var(--hx-wash-top); }

/* 7. One vertical rhythm on every page that loads this file: the same space above and below each section */
.hx-calm > .hx-section:not(.band-rose) { padding-top: var(--hx-gap); padding-bottom: var(--hx-gap); }
.hx-calm > .band-rose { margin-top: 0; }
.hx-calm > .band-rose > .hx-wrap { padding-top: var(--hx-gap); padding-bottom: var(--hx-gap); }
.hx-calm > div.hx-section:last-child { padding-top: 8px; }

/* 8. No widows: headings break evenly, paragraphs avoid a lone last word */
.hx-calm h2, .hx-calm h3, .hx-hero h1, .hx-hero h2 { text-wrap: balance; }
.hx-calm p, .hx-calm li { text-wrap: pretty; }

/* 9. Who runs it: smaller heading, one sentence per line, role line in three parts that never break inside */
#story h2 { font-size: clamp(34px, 4.4vw, 64px); line-height: 1.05; }
#story h2 .ln { display: block; }
#story .who-role { display: flex; flex-wrap: wrap; gap: 2px 0; }
#story .who-role span { white-space: nowrap; }
#story .who-role span:not(:last-child)::after { content: "\00B7"; margin: 0 10px; color: var(--muted); }
@media (min-width: 761px) {
  #story .sh-grid { align-items: center; }
  #story .win.photo { max-width: 440px; }
}
@media (max-width: 760px) {
  #story .win.photo { max-width: 320px; }
}

/* 10. Role picker: picking a role shows only that role's tools; press it again to see all */
.hx9-jobs.has-pick .hx9-job:not(.is-hit) { display: none; }
.hx9-pick-note { margin: 14px 0 0; font: 500 14px/1.5 var(--mono); color: var(--muted); min-height: 21px; }

/* 11. Questions: plain, open text, no boxes */
.hx-plainqa { margin: 8px 0 0; max-width: 980px; }
.hx-plainqa h3 { margin: 0; padding: 22px 0 6px; border-top: 1.5px solid var(--line); font: 700 clamp(18px, 1.6vw, 21px)/1.3 var(--display); }
.hx-plainqa p { margin: 0 0 6px; font-size: 18px; line-height: 1.55; max-width: 64ch; }
.hx-plainqa-more { margin: 26px 0 0; }
.hx-plainqa-more a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--signal); text-underline-offset: 4px; }

/* 12. tools.gtmhelix.com, owner feedback 5 November 2026, 23:45 IST: one light card style, smaller balanced headings */
.hx-calm h3 { line-height: 1.25; }
.hx-calm .card, .hx-calm .hx-card, .hx-calm .hx-card-static { box-shadow: none; border: 1.5px solid var(--line); border-top: 4px solid var(--signal); background: var(--paper); }
.hx-calm .card:hover, .hx-calm .hx-card:hover { box-shadow: none; }
.hx-calm .win { box-shadow: none; border-width: 1.5px; }
.hx-calm .hx9-job .hx10-ex, .hx-calm .hx9-job .hx8-sc { background: transparent; }
@media (prefers-color-scheme: dark) {
  .hx-calm .card, .hx-calm .hx-card, .hx-calm .hx-card-static { background: #1A0E10; border-color: #3A2A2D; border-top-color: #F2AAB3; }
}

/* One logo lockup (6 Nov 2026): the lower case h mark and "Helix GTM", with the site name as a second line */
.hx-lock2 { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: inherit; text-decoration: none; text-transform: none; letter-spacing: 0; }
.hx-lock2 .hx9-mark { flex: none; text-transform: none; }
.hx-lock2 .hx-lock-t { display: flex; flex-direction: column; gap: 5px; }
.hx-lock2 .hx-lock-b { font: 600 14px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.hx-lock2 .hx-lock-s { font: 500 13px/1.1 var(--mono); letter-spacing: .02em; opacity: .8; }

/* Audit fixes, 6 Nov 2026: tap targets of 44 px at every width, and chips that hold a link keep the chip's dark text in both modes */
.hx9-nav a, .hx9-site a, .hx9-crumbs a, .hx-footer a, .hx-footer-bottom a { min-width: 44px; justify-content: center; }
.hx8-awards li:has(> a) { padding: 0; }
.hx8-awards li > a { display: flex; align-items: center; min-height: 44px; padding: 0 12px; color: #1A0E10; text-decoration-color: var(--signal); text-underline-offset: 4px; }
.nm > a { display: inline-flex; align-items: center; min-height: 44px; }