.csqhelp { --navy:#0f2a43; --ink:#1d2733; --muted:#5b6775; --rule:#e3e7ec; --wash:#f5f7fa; --accent:#0b7a75; color:var(--ink); background:#fff; font-size:17px; line-height:1.65; }
.csqhelp * { box-sizing:border-box; }
.csqhelp-wrap { max-width:1080px; margin:0 auto; padding:0 20px; }
.csqhelp a { color:var(--accent); }

.csqhelp-hero { background:var(--navy); color:#fff; padding:72px 0 64px; text-align:center; }
.csqhelp-hero h1 { color:#fff; font-size:clamp(30px,5vw,44px); line-height:1.15; margin:0 0 28px; }

.csqhelp-search { display:flex; gap:8px; max-width:560px; margin:0 auto; }
.csqhelp-search input { flex:1; min-width:0; height:52px; padding:0 18px; border:0; border-radius:10px; font-size:16px; color:var(--ink); background:#fff; }
.csqhelp-search button { height:52px; padding:0 22px; border:0; border-radius:10px; background:var(--accent); color:#fff; font-weight:600; cursor:pointer; }
.csqhelp-side .csqhelp-search input { border:1px solid var(--rule); height:46px; }
.csqhelp-side .csqhelp-search button { height:46px; padding:0 16px; }

.csqhelp-index { padding-top:48px; padding-bottom:72px; }
.csqhelp-topic { margin-bottom:44px; }
.csqhelp-h { font-size:24px; margin:0 0 6px; color:var(--navy); }
.csqhelp-topic__sum { color:var(--muted); margin:0 0 14px; }
.csqhelp-list, .csqhelp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; margin-top:14px; }
.csqhelp-link { display:flex; flex-direction:column; gap:4px; padding:18px 20px; border:1px solid var(--rule); border-radius:12px; background:#fff; text-decoration:none; color:var(--ink); transition:box-shadow .15s, border-color .15s; }
.csqhelp-link:hover { border-color:var(--accent); box-shadow:0 6px 18px rgba(15,42,67,.08); }
.csqhelp-link__title { font-weight:600; line-height:1.35; }
.csqhelp-link__sum { color:var(--muted); font-size:15px; line-height:1.5; }

.csqhelp-article { padding-top:28px; padding-bottom:72px; }
.csqhelp-crumbs { display:flex; flex-wrap:wrap; gap:8px; font-size:14px; color:var(--muted); margin-bottom:28px; }
.csqhelp-crumbs a { text-decoration:none; }
.csqhelp-cols { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:56px; align-items:start; }
.csqhelp-kind { font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin:0 0 8px; }
.csqhelp-article h1 { font-size:clamp(28px,4vw,38px); line-height:1.2; color:var(--navy); margin:0 0 14px; }
.csqhelp-lede { font-size:19px; color:var(--muted); margin:0 0 24px; }
.csqhelp-toc { border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:16px 0; margin:0 0 28px; }
.csqhelp-toc h2 { font-size:16px; margin:0 0 8px; }
.csqhelp-toc ul { list-style:none; margin:0; padding:0; }
.csqhelp-toc li { margin:4px 0; }
.csqhelp-body h2 { font-size:24px; color:var(--navy); margin:36px 0 10px; scroll-margin-top:90px; }
.csqhelp-body p, .csqhelp-body ul, .csqhelp-body ol { margin:0 0 16px; }
.csqhelp-body ul, .csqhelp-body ol { padding-left:24px; }
.csqhelp-vote { margin-top:44px; padding:20px; background:var(--wash); border-radius:12px; }
.csqhelp-vote p { margin:0 0 10px; }
.csqhelp-vote__btns { display:flex; gap:10px; }
.csqhelp-vote__btns button { padding:8px 22px; border:1px solid var(--rule); background:#fff; border-radius:999px; cursor:pointer; font-weight:600; }
.csqhelp-vote__btns button:hover { border-color:var(--accent); }
.csqhelp-vote [hidden] { display:none; }
.csqhelp-updated { color:var(--muted); font-size:14px; margin-top:20px; }
.csqhelp-side { position:sticky; top:100px; }
.csqhelp-contact { margin-top:16px; font-size:15px; color:var(--muted); }
.csqhelp-related { margin-top:56px; padding-top:32px; border-top:1px solid var(--rule); }
.csqhelp-related h2 { font-size:24px; color:var(--navy); margin:0; }

@media (max-width:820px) {
	.csqhelp-cols { grid-template-columns:1fr; gap:28px; }
	.csqhelp-side { position:static; order:-1; }
	.csqhelp-hero { padding:48px 0 40px; }
	.csqhelp-list, .csqhelp-grid { grid-template-columns:1fr; }
}

.csqhelp { width:100%; }
.csqhelp .csqhelp-wrap { width:100%; }
.csqhelp .csqhelp-search { width:100%; }
.csqhelp .csqhelp-search input[type=search] { width:auto; flex:1 1 auto; font-family:inherit; }

/* Index: topic on the left, articles as clean rows on the right */
.csqhelp-hero { padding:84px 0 76px; background:linear-gradient(160deg,#0f2a43 0%,#14405f 100%); }
.csqhelp-hero h1 { margin-bottom:12px; }
.csqhelp-hero__sub { color:#c5d3e0; margin:0 0 28px; font-size:18px; }
.csqhelp .csqhelp-search { box-shadow:0 10px 30px rgba(0,0,0,.25); border-radius:12px; background:#fff; padding:6px; gap:6px; max-width:620px; }
.csqhelp .csqhelp-search input[type=search] { border:0; box-shadow:none; outline:0; height:48px; border-radius:8px; background:transparent; }
.csqhelp .csqhelp-search button { height:48px; border-radius:8px; }
.csqhelp-side .csqhelp-search { box-shadow:none; border:1px solid var(--rule); max-width:none; }
.csqhelp-index { padding-top:24px; }
.csqhelp-topic { grid-template-rows:auto 1fr; align-items:start; display:grid; grid-template-columns:300px minmax(0,1fr); column-gap:56px; padding:40px 0; border-bottom:1px solid var(--rule); margin:0; }
.csqhelp-topic:last-child { border-bottom:0; }
.csqhelp-topic .csqhelp-h { grid-column:1; margin:0 0 8px; }
.csqhelp-topic .csqhelp-topic__sum { grid-column:1; margin:0; }
.csqhelp-topic .csqhelp-list { grid-column:2; grid-row:1 / span 2; display:block; margin:0; }
.csqhelp-topic .csqhelp-link { border:0; border-radius:0; border-bottom:1px solid var(--rule); padding:16px 28px 16px 0; position:relative; background:none; }
.csqhelp-topic .csqhelp-link:first-child { padding-top:0; }
.csqhelp-topic .csqhelp-link:last-child { border-bottom:0; }
.csqhelp-topic .csqhelp-link:hover { box-shadow:none; }
.csqhelp-topic .csqhelp-link:hover .csqhelp-link__title { text-decoration:underline; }
.csqhelp-topic .csqhelp-link::after { content:"\203A"; position:absolute; right:4px; top:50%; transform:translateY(-50%); font-size:26px; color:var(--muted); }
.csqhelp-topic .csqhelp-link:first-child::after { top:calc(50% - 8px); }
.csqhelp-link__title { font-size:18px; }
@media (max-width:820px) {
	.csqhelp-topic { grid-template-columns:1fr; padding:28px 0; }
	.csqhelp-topic .csqhelp-list { grid-column:1; grid-row:auto; margin-top:16px; }
	.csqhelp-hero { padding:56px 0 48px; }
}

/* Banner photo */
.csqhelp-hero { position:relative; overflow:hidden; isolation:isolate; background:#0f2a43 var(--csqhelp-hero-img) center/cover no-repeat; }
.csqhelp-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(15,42,67,.78) 0%,rgba(15,42,67,.62) 55%,rgba(15,42,67,.88) 100%); }
.csqhelp-hero h1 { text-shadow:0 2px 18px rgba(0,0,0,.35); }
.csqhelp-hero__sub { color:#e6eef6; }

/* Help Center: topic cards, all-topics tabs, topic page */
.csqhelp-hero--slim { padding: 56px 0 48px; }
.csqhelp-hero--slim h1 { margin: 0; }
.csqhelp-headrow { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 18px; }
.csqhelp-headrow a { font-weight: 600; text-decoration: none; }
.csqhelp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-bottom: 24px; }
.csqhelp-card { display: flex; flex-direction: column; gap: 6px; padding: 22px; border: 1px solid var(--rule); border-radius: 14px; background: #fff; text-decoration: none; color: var(--ink); transition: box-shadow .15s, border-color .15s; }
.csqhelp-card:hover { border-color: var(--accent); box-shadow: 0 8px 22px rgba(15,42,67,.1); }
.csqhelp-card strong { font-size: 19px; color: var(--navy); line-height: 1.3; }
.csqhelp-card span { color: var(--muted); font-size: 15px; line-height: 1.5; }
.csqhelp-card em { margin-top: auto; padding-top: 8px; font-style: normal; font-size: 13px; color: var(--accent); font-weight: 600; }
.csqhelp-h a { color: inherit; text-decoration: none; }
.csqhelp-h a:hover { text-decoration: underline; }
.csqhelp-tabs { display: flex; gap: 8px; margin: 8px 0 28px; border-bottom: 1px solid var(--rule); }
.csqhelp-tabs button { border: 0; background: none; padding: 12px 18px; font: 600 16px/1 inherit; color: var(--muted); cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.csqhelp-tabs button[aria-selected="true"] { color: var(--navy); border-bottom-color: var(--navy); }
.csqhelp-alltopics { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px 32px; }
.csqhelp-topiclink { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--rule); text-decoration: none; color: var(--ink); }
.csqhelp-topiclink strong { font-weight: 600; }
.csqhelp-topiclink:hover strong { text-decoration: underline; }
.csqhelp-topiclink span { color: var(--muted); font-size: 14px; white-space: nowrap; }
.csqhelp-topiclink[hidden] { display: none; }
.csqhelp-topicpage h1 { font-size: clamp(28px, 4vw, 38px); color: var(--navy); margin: 0 0 12px; }
.csqhelp-rows { margin-top: 24px; }
.csqhelp-rows .csqhelp-link { border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; padding: 18px 0; }
.csqhelp-rows .csqhelp-link:hover { box-shadow: none; }
.csqhelp-rows .csqhelp-link:hover .csqhelp-link__title { text-decoration: underline; }