/* Reference 06: desktop composition. Final responsive and spacing pass deferred. */
.gh-help-reference { position: relative; color: #0a1530; font-family: var(--gh-font-family); }
.gh-help-reference * { box-sizing: border-box; }
.gh-help-container { position: relative; padding-inline: clamp(0px,4.3vw,88px); }
.gh-help-kicker { display: block; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; color: #006dff; margin-bottom: 10px; }
.gh-help-reference h2 { color: #080e2e; font-size: clamp(30px,2.35vw,48px); font-weight: 900; line-height: 1.18; letter-spacing: -.045em; margin: 0 0 8px; }
.gh-help-reference h2 em { color: #0874ff; font-style: normal; }
.gh-help-reference p { color: #607397; font-size: 16px; line-height: 1.5; margin: 0; }
.gh-help-support { padding: 48px 0 26px; overflow: hidden; background: #f0f9ff; isolation: isolate; }
.gh-help-support-heading { position: relative; max-width: 65%; margin-bottom: 23px; }
.gh-help-support-heading h2 { font-size: clamp(32px,2.75vw,56px); }
.gh-help-portrait { position: absolute; right: 0; top: 0; height: 100%; width: 49%; overflow: hidden; border-top-left-radius: 330px; z-index: -1; }
.gh-help-portrait img { height: 100%; width: 100%; object-fit: cover; object-position: right center; display: block; }
.gh-help-portrait::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#f0f9ff,transparent 35%); }
.gh-help-support-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; width: 72%; }
.gh-help-reference :is(.gh-help-support-cards,.gh-help-shortcut-cards,.gh-help-account-cards) > a { --help-accent: #0874ff; --help-tint: #eaf4ff; position: relative; display: block; padding: 17px 20px; background: #fff; border: 1px solid #e0edfa; border-radius: 12px; text-decoration: none; color: #0a1530; box-shadow: 0 5px 16px #1c6bb904; }
.gh-help-icon { display: grid; place-items: center; width: 51px; height: 51px; font-size: 27px; border-radius: 13px; color: var(--help-accent); background: var(--help-tint); margin-bottom: 15px; }
.gh-help-reference :is(.gh-help-support-cards,.gh-help-shortcut-cards,.gh-help-account-cards) .gh-help-card-title { display: block; font-size: 16px; letter-spacing: -.02em; margin-bottom: 6px; line-height: 1.35; }
.gh-help-reference :is(.gh-help-support-cards,.gh-help-shortcut-cards,.gh-help-account-cards) p { font-size: 14px; line-height: 1.45; padding-right: 26px; }
.gh-help-arrow { position: absolute; right: 18px; bottom: 30px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: var(--help-accent); background: var(--help-tint); font-size: 13px; }
.gh-help-support-cards .gh-help-arrow { bottom: 55px; right: 17px; width: 31px; height: 31px; }
.gh-help-reference .gh-help-support-cards > a:nth-child(2) { --help-accent: #00bf92; --help-tint: #e1faf1; }
.gh-help-reference .gh-help-support-cards > a:nth-child(3) { --help-accent: #ff801c; --help-tint: #fff1e5; }
.gh-help-reference .gh-help-support-cards > a:nth-child(4) { --help-accent: #8d40ff; --help-tint: #f3eaff; }
.gh-help-human-badge { position: absolute; top: 18px; right: 22%; display: flex; gap: 12px; align-items: center; padding: 17px 20px; border-radius: 15px; background: #fff; transform: rotate(-4deg); box-shadow: 0 8px 24px #19385820; }
.gh-help-human-badge > span { width: 13px; height: 13px; border-radius: 50%; background: #08cb99; box-shadow: 0 0 0 6px #dcf9ef; }
.gh-help-human-badge .gh-help-badge-title { display: block; font-size: 16px; line-height: 1.1; letter-spacing: -.03em; }
.gh-help-human-badge small { display: block; margin-top: 9px; color: #607397; font-size: 13px; }
.gh-help-handnote { position: absolute; right: 22%; top: 188px; font: italic 17px/1.3 'Segoe Print','Bradley Hand',cursive; transform: rotate(-7deg); color: #183759; }
.gh-help-handnote span { position: absolute; bottom: 100%; left: 30%; font-size: 49px; color: #fff; }
.gh-help-shortcuts { padding: 40px 0 32px; background: linear-gradient(110deg,#fff,#f7fbff); }
.gh-help-heading-row { display: flex; justify-content: space-between; align-items: center; gap: 26px; margin-bottom: 18px; }
.gh-help-client-link { display: inline-flex; align-items: center; justify-content: center; gap: 13px; flex-shrink: 0; padding: 10px 15px; border: 1px solid #dce4fc; border-radius: 9px; background: #fff; color: #0a1530; font-size: 13px; text-decoration: none; box-shadow: 0 4px 12px #204cb508; }
.gh-help-client-link > i { color: #0874ff; }
.gh-help-shortcut-cards,.gh-help-account-cards { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 17px; }
.gh-help-reference .gh-help-shortcut-cards > a { padding: 17px 23px; border-color: var(--help-border); background: linear-gradient(130deg,#fff8,var(--help-tint)); }
.gh-help-reference .gh-help-shortcut-cards > a:nth-child(1) { --help-accent: #00c595; --help-tint: #edfcf7; --help-border: #c9f3e7; }
.gh-help-reference .gh-help-shortcut-cards > a:nth-child(2) { --help-accent: #ff2346; --help-tint: #fff3f5; --help-border: #ffd8df; }
.gh-help-reference .gh-help-shortcut-cards > a:nth-child(3) { --help-accent: #eea000; --help-tint: #fffae9; --help-border: #f9edc7; }
.gh-help-reference .gh-help-shortcut-cards > a:nth-child(4) { --help-accent: #0874ff; --help-tint: #f0f7ff; --help-border: #d0e4ff; }
.gh-help-reference .gh-help-shortcut-cards > a:nth-child(5) { --help-accent: #913fff; --help-tint: #f7f1ff; --help-border: #e7d7ff; }
.gh-help-shortcut-cards .gh-help-icon { background: color-mix(in srgb,var(--help-accent) 10%,white); }
.gh-help-account { padding: 32px 0 40px; background: #eff8ff; }
.gh-help-client-primary { background: #0874ff; color: #fff; border-color: #0874ff; padding: 12px 17px; }
.gh-help-client-primary > i { color: #fff; }
.gh-help-reference .gh-help-account-cards > a { padding: 17px 20px 20px; }
.gh-help-account-cards .gh-help-icon { float: left; margin: 0 17px 9px 0; width: 49px; height: 49px; }
.gh-help-reference .gh-help-account-cards .gh-help-card-title { min-height: 49px; display: flex; align-items: center; font-size: 14px; }
.gh-help-reference .gh-help-account-cards p { clear: both; }
.gh-help-account-cards .gh-help-arrow { bottom: 18px; }
.gh-help-reference a:hover { text-decoration: none; border-color: #8dbaff; }
.gh-help-reference a:focus-visible { outline: 3px solid #ff9500; outline-offset: 4px; }
body.gh-dark-mode .gh-help-reference { background: #0e1b30; color: #eff6ff; }
body.gh-dark-mode .gh-help-reference h2 { color: #eff6ff; }
body.gh-dark-mode .gh-help-reference p { color: #aec2dd; }
body.gh-dark-mode .gh-help-reference :is(.gh-help-support-cards,.gh-help-shortcut-cards,.gh-help-account-cards) > a { background: #172a43; color: #eff6ff; border-color: #2e4562; }
body.gh-dark-mode .gh-help-portrait::after { background: linear-gradient(90deg,#0e1b30,transparent 35%); }