/* Track G — support centre, service levels and forms (css/support/support.css).
   The header and footer are the site's shell, copied from accessibility.html and left as they are (Track B replaces
   them with one shared partial in Phase 3). Everything here is scoped to .g-main, on the shell's dark theme
   (site-theme.css: canvas #0F1626, ink #E6ECF5). Mobile first: built at 320 px, widened at 640 px. */
.g-main{--g-ink:#E6ECF5;--g-ink2:#C9D8E8;--g-muted:#B8CDE0;--g-card:#131F35;--g-line:rgba(255,255,255,.16);
  --g-link:#00D4AA;--g-btn:#00D4AA;--g-btn-ink:#04121F;--g-err:#FCA5A5;--g-ok:#5EE6C4;--g-input:#0B1322;--g-input-line:#7A9CC0;
  max-width:800px;margin:0 auto;padding:16px 16px 64px;color:var(--g-ink);font-size:17px;line-height:1.6;overflow-wrap:break-word}
.g-main *{box-sizing:border-box}
.g-main p,.g-main li,.g-main dd{color:var(--g-ink2);font-size:17px}
/* the id outranks site-theme.css's `main a:not(...)` rule, which sets #15806B — 3.8:1 on this dark canvas */
#main-content.g-main a{color:var(--g-link);text-decoration:underline;text-underline-offset:2px}
#main-content.g-main a:hover{color:var(--g-ink);text-decoration:none}
#main-content.g-main .g-err-summary a{color:var(--g-err)}
.g-main :focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:3px}
.g-main h1,.g-main h2,.g-main h3{font-family:'Syne','DM Sans',sans-serif;color:var(--g-ink);line-height:1.25;border:0;padding:0}
.g-main h1{font-size:32px;font-weight:800;margin:0}
.g-main h2{font-size:23px;font-weight:700;margin:0 0 10px}
.g-main h3{font-size:19px;font-weight:700;margin:0 0 6px;color:var(--g-ink)}
.g-main section{margin:36px 0 0}
.g-main p{margin:0 0 12px}

.g-crumbs{font-size:16px;margin:0 0 4px}
.g-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.g-crumbs li{color:var(--g-muted);font-size:16px;margin:0}
.g-crumbs li+li::before{content:"›";margin-right:6px}
.g-crumbs a{display:inline-flex;align-items:center;min-height:44px}
.g-crumbs span{display:inline-flex;align-items:center;min-height:44px}
.g-lede{font-size:18px!important;color:var(--g-muted)!important;margin:12px 0 0!important}

.g-cards,.g-topics{list-style:none;margin:0;padding:0}
.g-cards{display:grid;grid-template-columns:1fr;gap:14px}
.g-card{background:var(--g-card);border:1px solid var(--g-line);border-radius:12px;padding:20px;margin:0}
.g-card p:last-child{margin-bottom:0}
.g-go{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.g-topics{display:grid;grid-template-columns:1fr}
.g-topics li{border-bottom:1px solid var(--g-line);margin:0}
.g-topics a{display:flex;align-items:center;min-height:48px;font-weight:600}
.g-mail{font-weight:700;white-space:nowrap}

/* service levels */
.g-facts{margin:0;background:var(--g-card);border:1px solid var(--g-line);border-radius:12px}
.g-facts div{padding:14px 16px;border-bottom:1px solid var(--g-line)}
.g-facts div:last-child{border-bottom:0}
.g-facts dt{font-weight:700;color:var(--g-ink);margin:0 0 2px}
.g-facts dd{margin:0}
.g-sev{width:100%;border-collapse:collapse;background:var(--g-card);border:1px solid var(--g-line);border-radius:12px}
.g-sev caption{text-align:left;font-weight:700;padding:0 0 8px;color:var(--g-ink)}
.g-sev thead{display:none}
.g-sev tr{display:block;border-bottom:1px solid var(--g-line)}
.g-sev tr:last-child{border-bottom:0}
.g-sev tbody th,.g-sev td{display:block;text-align:left;padding:4px 16px;color:var(--g-ink2);font-size:17px}
.g-sev tbody th{padding-top:14px;color:var(--g-ink)}
.g-sev td:last-child{padding-bottom:14px}
.g-sev td::before{content:attr(data-label) ": ";font-weight:700;color:var(--g-muted)}
.g-after-table{margin-top:14px!important}

/* forms */
.g-form-card{background:var(--g-card);border:1px solid var(--g-line);border-radius:12px;padding:20px}
.g-field{margin:0 0 22px;border:0;padding:0;min-width:0}
.g-field>label,.g-field legend{display:block;font-weight:700;color:var(--g-ink);margin:0 0 6px;font-size:17px;padding:0}
.g-hint{display:block;font-size:16px;color:var(--g-muted);margin:0 0 8px}
.g-opt{font-weight:400;color:var(--g-muted)}
.g-main input[type=text],.g-main input[type=email],.g-main input[type=url],.g-main select,.g-main textarea{
  display:block;width:100%;min-height:48px;padding:10px 12px;font:400 17px/1.4 'DM Sans',sans-serif;color:var(--g-ink);
  background:var(--g-input);border:1.5px solid var(--g-input-line);border-radius:7px}
.g-main textarea{min-height:140px;resize:vertical}
.g-main input:focus-visible,.g-main select:focus-visible,.g-main textarea:focus-visible{outline:3px solid #fff;outline-offset:1px;border-color:#fff}
.g-choice{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:8px 0;font-weight:400;color:var(--g-ink2);cursor:pointer;font-size:17px}
.g-choice input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:#00D4AA}
.g-field.has-error input,.g-field.has-error select,.g-field.has-error textarea{border-color:var(--g-err);border-width:2px}
.g-err{display:none;color:var(--g-err)!important;font-weight:700;font-size:16px!important;margin:6px 0 0!important}
.g-field.has-error .g-err{display:block}
.g-err::before{content:"Error: "}
.g-err-summary{display:none;border:2px solid var(--g-err);border-radius:8px;padding:14px 16px;margin:0 0 20px}
.g-err-summary.show{display:block}
.g-err-summary h2{font-size:19px;color:var(--g-err);margin:0 0 6px}
.g-err-summary ul{margin:0;padding-left:20px}
.g-counter{display:block;font-size:16px;color:var(--g-muted);margin-top:4px}
.g-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.g-submit{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.g-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 22px;border:0;border-radius:7px;
  background:var(--g-btn);color:var(--g-btn-ink);font:700 17px/1.2 'DM Sans',sans-serif;cursor:pointer}
.g-btn:hover{opacity:.9}
.g-btn[disabled]{opacity:.6;cursor:wait}
.g-status{font-weight:700;color:var(--g-err)!important;margin:0!important}
.g-status:empty{display:none}
.g-note{background:var(--g-card);border-left:4px solid #00D4AA;border-radius:6px;padding:14px 16px}
.g-success{border:2px solid var(--g-ok);border-radius:12px;padding:22px}
.g-success[hidden]{display:none}
.g-success h2{color:var(--g-ok)}
.g-privacy{font-size:16px!important;color:var(--g-muted)!important;margin-top:14px!important}

@media (min-width:640px){
  .g-main{padding:24px 24px 80px}
  .g-main h1{font-size:40px}
  .g-cards{grid-template-columns:1fr 1fr}
  .g-topics{grid-template-columns:1fr 1fr;column-gap:24px}
  .g-form-card{padding:28px}
  .g-submit{flex-direction:row;align-items:center}
  .g-btn{width:auto}
  .g-sev thead{display:table-header-group}
  .g-sev tr{display:table-row}
  .g-sev thead th,.g-sev tbody th,.g-sev td{display:table-cell;padding:12px 16px;border-bottom:1px solid var(--g-line);text-align:left;vertical-align:top}
  .g-sev thead th{color:var(--g-ink);font-size:17px}
  .g-sev td::before{content:none}
}
@media (prefers-reduced-motion:reduce){.g-main *{animation:none!important;transition:none!important}}
.g-field>label.g-choice{display:flex;font-weight:400;color:var(--g-ink2)}
.g-form-card{margin-top:24px}

/* glossary */
.g-main input[type=search]{display:block;width:100%;min-height:48px;padding:10px 12px;font:400 17px/1.4 'DM Sans',sans-serif;color:var(--g-ink);
  background:var(--g-input);border:1.5px solid var(--g-input-line);border-radius:7px;-webkit-appearance:none;appearance:none}
.g-main input[type=search]:focus-visible{outline:3px solid #fff;outline-offset:1px;border-color:#fff}
.g-find{margin:28px 0 0}
.g-find[hidden],.g-gsec[hidden],.g-term[hidden]{display:none}
.g-count{margin:8px 0 0!important}
.g-count:empty{display:none}
.g-term{background:var(--g-card);border:1px solid var(--g-line);border-radius:12px;padding:18px 18px 16px;margin:0 0 14px;scroll-margin-top:80px}
.g-term:target{border-color:#00D4AA;border-width:2px}
.g-term p{margin:0 0 10px}
.g-term-meta{margin:0}
.g-term-meta div{padding:8px 0 0;border-top:1px solid var(--g-line);margin:8px 0 0}
.g-term-meta dt{font-weight:700;color:var(--g-muted);font-size:16px;margin:0}
.g-term-meta dd{margin:2px 0 0}
.g-gsec{scroll-margin-top:80px}