/* Help Center. Clearwave tokens, light + dark. */
.hc { --hc-hero-a: #0b3d36; --hc-hero-b: #0f766e; --hc-r: 16px; }

/* Hero */
.hc-hero { position: relative; color: #fff; background: radial-gradient(800px 380px at 85% -10%, rgba(45, 212, 191, .35), transparent 60%), radial-gradient(700px 360px at 0% 110%, rgba(20, 184, 166, .25), transparent 60%), linear-gradient(135deg, var(--hc-hero-a), var(--hc-hero-b)); z-index: 1; }
.hc-hero:focus-within { z-index: 5; }  /* lets the instant results drop over the cards below */
.hc-hero::after { content: ""; position: absolute; inset: 0; z-index: 0; background-image: radial-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(to bottom, #000, transparent); pointer-events: none; }
.hc-hero > .cw-container { position: relative; z-index: 1; }
.hc-hero--home { padding: 4.2rem 0 6.5rem; text-align: center; }
.hc-hero--page { padding: 1.8rem 0 2.2rem; }
.hc-eyebrow { display: inline-flex; gap: .45rem; align-items: center; font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #ccfbf1; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); padding: .35rem .85rem; border-radius: 999px; }
.hc-hero h1 { font-size: clamp(2.1rem, 4.8vw, 3.3rem); font-weight: 800; letter-spacing: -.03em; margin: 1rem 0 .55rem; color: #fff; }
.hc-hero--page h1 { font-size: clamp(1.6rem, 3.4vw, 2.2rem); margin: .6rem 0 .3rem; }
.hc-hero p.hc-lead { color: rgba(255, 255, 255, .82); font-size: 1.08rem; margin: 0 auto 1.8rem; max-width: 640px; }
.hc-hero p.hc-lead a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.hc-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; font-size: .84rem; color: rgba(255, 255, 255, .7); margin: 0 0 .2rem; }
.hc-crumbs a { color: rgba(255, 255, 255, .9); text-decoration: none; font-weight: 600; }
.hc-crumbs a:hover { color: #fff; text-decoration: underline; }
.hc-crumbs i { font-size: .65rem; }
.hc-hero__row { display: flex; flex-wrap: wrap; gap: 1.2rem; justify-content: space-between; align-items: flex-end; }
.hc-hero__row .hc-search { margin: 0; flex: 0 1 460px; }

/* Search */
.hc-search { position: relative; max-width: 680px; margin: 0 auto; text-align: left; }
.hc-search form { position: relative; }
.hc-search__icon { position: absolute; left: 1.15rem; top: 50%; transform: translateY(-50%); color: #64748b; font-size: 1.15rem; pointer-events: none; }
.hc-search input { width: 100%; padding: 1.05rem 6.4rem 1.05rem 3.1rem; border-radius: 14px; border: 0; background: #fff; color: #0f172a; font-size: 1.05rem; box-shadow: 0 18px 40px rgba(2, 44, 38, .35); }
.hc-hero--page .hc-search input { padding-top: .8rem; padding-bottom: .8rem; font-size: .98rem; }
.hc-search input::placeholder { color: #94a3b8; }
.hc-search input:focus { outline: 0; box-shadow: 0 0 0 4px rgba(153, 246, 228, .55), 0 18px 40px rgba(2, 44, 38, .35); }
.hc-search__go { position: absolute; right: .45rem; top: 50%; transform: translateY(-50%); border: 0; border-radius: 10px; background: #0f766e; color: #fff; font-weight: 800; padding: .55rem 1rem; font-size: .9rem; cursor: pointer; }
.hc-search__go:hover { background: #115e59; }
.hc-results { position: absolute; left: 0; right: 0; top: calc(100% + .5rem); z-index: 30; background: var(--cw-surface); border: 1px solid var(--cw-line); border-radius: 14px; box-shadow: 0 24px 50px rgba(15, 23, 42, .22); overflow: hidden; text-align: left; }
.hc-results ul { list-style: none; margin: 0; padding: .35rem; max-height: 420px; overflow-y: auto; }
.hc-results li a { display: flex; gap: .75rem; padding: .7rem .8rem; border-radius: 10px; text-decoration: none; color: var(--cw-ink); }
.hc-results li a.on, .hc-results li a:hover { background: var(--cw-seafoam-soft); }
.hc-results li i { color: var(--cw-teal); font-size: 1.05rem; margin-top: .1rem; }
.hc-results b { display: block; font-size: .93rem; }
.hc-results small { display: block; color: var(--cw-ink-soft); font-size: .8rem; line-height: 1.4; margin-top: .15rem; }
.hc-results em { display: inline-block; font-style: normal; font-size: .7rem; font-weight: 800; color: var(--cw-teal); text-transform: uppercase; letter-spacing: .05em; }
.hc-results mark, .hc-hl mark { background: color-mix(in srgb, #facc15 45%, transparent); color: inherit; padding: 0 .1em; border-radius: 3px; }
.hc-results__foot { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 1rem; border-top: 1px solid var(--cw-line); font-size: .8rem; color: var(--cw-ink-faint); background: var(--cw-bg-tint); }
.hc-results__foot a { color: var(--cw-teal); font-weight: 700; text-decoration: none; }
.hc-results__none { padding: 1.1rem 1rem; color: var(--cw-ink-soft); font-size: .9rem; }
.hc-results__none a { color: var(--cw-teal); font-weight: 700; }
.hc-kbd { display: inline-block; border: 1px solid var(--cw-line); border-bottom-width: 2px; border-radius: 5px; padding: 0 .3rem; font-size: .7rem; font-family: inherit; background: var(--cw-surface); color: var(--cw-ink-soft); }
.hc-popular { margin-top: 1.1rem; display: flex; flex-wrap: wrap; gap: .45rem; justify-content: center; align-items: center; font-size: .86rem; color: rgba(255, 255, 255, .75); }
.hc-popular a { color: #fff; text-decoration: none; font-weight: 700; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); padding: .28rem .75rem; border-radius: 999px; }
.hc-popular a:hover { background: rgba(255, 255, 255, .2); }

/* Layout */
.hc-main { padding: 2.2rem 0 4rem; display: grid; gap: 2.6rem; }
.hc-main--lift { margin-top: -4.4rem; position: relative; z-index: 2; }
.hc-h2 { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin: 0 0 1rem; }
.hc-h2 h2 { font-size: 1.4rem; font-weight: 800; color: var(--cw-ink); letter-spacing: -.01em; margin: 0; }
.hc-h2 p { margin: .25rem 0 0; color: var(--cw-ink-soft); font-size: .92rem; }
.hc-card { background: var(--cw-surface); border: 1px solid var(--cw-line); border-radius: var(--hc-r); box-shadow: var(--cw-shadow-sm); }

/* Support channels */
.hc-channels { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.hc-channel { display: flex; flex-direction: column; gap: .35rem; padding: 1.25rem; border-radius: var(--hc-r); border: 1px solid var(--cw-line); background: var(--cw-surface); box-shadow: 0 10px 30px rgba(15, 23, 42, .08); text-decoration: none; color: var(--cw-ink); text-align: left; font: inherit; cursor: pointer; transition: transform .2s, border-color .2s; }
.hc-channel:hover { transform: translateY(-3px); border-color: var(--c, var(--cw-teal)); color: var(--cw-ink); }
.hc-channel > i { width: 44px; height: 44px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--c, var(--cw-teal)); background: color-mix(in srgb, var(--c, var(--cw-teal)) 12%, transparent); margin-bottom: .4rem; }
.hc-channel b { font-size: 1rem; }
.hc-channel span { color: var(--cw-ink-soft); font-size: .86rem; line-height: 1.45; }
.hc-channel small { margin-top: auto; padding-top: .5rem; font-size: .76rem; font-weight: 700; color: var(--c, var(--cw-teal)); display: flex; gap: .35rem; align-items: center; }

/* Topics */
.hc-topics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.hc-topic { --c: var(--cw-teal); display: flex; flex-direction: column; padding: 1.25rem; border-radius: var(--hc-r); border: 1px solid var(--cw-line); background: var(--cw-surface); transition: border-color .2s, box-shadow .2s; }
.hc-topic:hover { border-color: color-mix(in srgb, var(--c) 55%, var(--cw-line)); box-shadow: var(--cw-shadow-md); }
.hc-topic__head { display: flex; gap: .8rem; align-items: center; text-decoration: none; color: var(--cw-ink); margin-bottom: .8rem; }
.hc-topic__head > i { width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--c); background: color-mix(in srgb, var(--c) 12%, transparent); }
.hc-topic__head b { display: block; font-size: 1rem; }
.hc-topic__head small { color: var(--cw-ink-soft); font-size: .82rem; }
.hc-topic ul { list-style: none; padding: 0; margin: 0 0 .8rem; display: grid; gap: .1rem; }
.hc-topic li a { display: flex; gap: .5rem; padding: .35rem 0; color: var(--cw-ink-soft); font-size: .88rem; text-decoration: none; line-height: 1.35; }
.hc-topic li a:hover { color: var(--c); }
.hc-topic li i { color: var(--cw-ink-faint); font-size: .8rem; margin-top: .2rem; }
.hc-topic__all { margin-top: auto; font-size: .84rem; font-weight: 800; color: var(--c); text-decoration: none; }
.hc-topic__all:hover { text-decoration: underline; }

/* Popular + getting started */
.hc-split { display: grid; grid-template-columns: 1.3fr 1fr; gap: 1.2rem; }
.hc-panel { padding: 1.4rem; }
.hc-panel h3 { font-size: 1.08rem; font-weight: 800; color: var(--cw-ink); margin: 0 0 .9rem; display: flex; gap: .5rem; align-items: center; }
.hc-panel h3 i { color: var(--cw-teal); }
.hc-ranked { list-style: none; counter-reset: r; padding: 0; margin: 0; }
.hc-ranked li { counter-increment: r; border-top: 1px solid var(--cw-line); }
.hc-ranked li:first-child { border-top: 0; }
.hc-ranked a { display: flex; gap: .9rem; align-items: center; padding: .75rem 0; text-decoration: none; color: var(--cw-ink); }
.hc-ranked a::before { content: counter(r, decimal-leading-zero); font-weight: 800; font-size: .8rem; color: var(--cw-ink-faint); width: 1.6rem; }
.hc-ranked a span { flex: 1; font-weight: 600; font-size: .93rem; }
.hc-ranked a em { font-style: normal; font-size: .72rem; font-weight: 800; color: var(--cw-ink-faint); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.hc-ranked a:hover span { color: var(--cw-teal); }
.hc-steps { list-style: none; padding: 0; margin: 0; display: grid; gap: .2rem; }
.hc-steps li { position: relative; display: flex; gap: .9rem; padding-bottom: 1rem; }
.hc-steps li:not(:last-child)::after { content: ""; position: absolute; left: 15px; top: 34px; bottom: 2px; width: 2px; background: var(--cw-line); }
.hc-steps li > span { flex: 0 0 32px; height: 32px; border-radius: 50%; background: var(--cw-teal); color: #fff; font-weight: 800; font-size: .85rem; display: inline-flex; align-items: center; justify-content: center; }
.hc-steps b { display: block; color: var(--cw-ink); font-size: .95rem; }
.hc-steps p { margin: .1rem 0 .2rem; color: var(--cw-ink-soft); font-size: .86rem; }
.hc-steps a { font-size: .82rem; font-weight: 700; color: var(--cw-teal); text-decoration: none; }

/* Recent requests */
.hc-recent { padding: 1.1rem 1.3rem; }
.hc-recent h3 { font-size: 1rem; font-weight: 800; margin: 0 0 .7rem; color: var(--cw-ink); display: flex; justify-content: space-between; align-items: center; }
.hc-recent h3 a { font-size: .82rem; color: var(--cw-teal); text-decoration: none; }
.hc-reqs { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.hc-reqs li { display: flex; flex-wrap: wrap; gap: .4rem .9rem; align-items: center; padding: .6rem .75rem; border-radius: 10px; background: var(--cw-bg-tint); font-size: .86rem; color: var(--cw-ink-soft); }
.hc-reqs code { font-weight: 800; color: var(--cw-ink); background: none; padding: 0; }
.hc-reqs .hc-reqs__s { flex: 1; min-width: 160px; color: var(--cw-ink); }
.hc-pill { display: inline-flex; align-items: center; gap: .3rem; font-size: .72rem; font-weight: 800; padding: .18rem .55rem; border-radius: 999px; background: rgba(37, 99, 235, .1); color: #1d4ed8; }
.hc-pill--answered { background: rgba(22, 163, 74, .12); color: #15803d; }
.hc-pill--closed { background: var(--cw-line); color: var(--cw-ink-soft); }

/* CTA band */
.hc-cta { display: grid; grid-template-columns: 1.3fr 1fr; gap: 1.5rem; align-items: center; padding: 2rem; border-radius: 22px; color: #fff; background: radial-gradient(500px 240px at 100% 0%, rgba(45, 212, 191, .35), transparent 60%), linear-gradient(135deg, #0b3d36, #0f766e); }
.hc-cta h2 { font-size: 1.6rem; font-weight: 800; margin: 0 0 .4rem; color: #fff; }
.hc-cta p { margin: 0 0 1.1rem; color: rgba(255, 255, 255, .82); }
.hc-cta__btns { display: flex; flex-wrap: wrap; gap: .6rem; }
.hc-btn { display: inline-flex; align-items: center; gap: .45rem; padding: .7rem 1.15rem; border-radius: 12px; border: 1px solid transparent; font-weight: 800; font-size: .92rem; text-decoration: none; cursor: pointer; font-family: inherit; }
.hc-btn--light { background: #fff; color: #0f766e; }
.hc-btn--light:hover { color: #115e59; background: #f0fdfa; }
.hc-btn--ghost { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .3); }
.hc-btn--ghost:hover { background: rgba(255, 255, 255, .2); color: #fff; }
.hc-btn--primary { background: var(--cw-teal); color: #fff; }
.hc-btn--primary:hover { filter: brightness(1.07); color: #fff; }
.hc-btn--outline { background: var(--cw-surface); color: var(--cw-ink); border-color: var(--cw-line); }
.hc-btn--outline:hover { border-color: var(--cw-teal); color: var(--cw-teal); }
.hc-facts { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; }
.hc-facts li { display: flex; gap: .7rem; align-items: flex-start; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .15); border-radius: 12px; padding: .7rem .85rem; font-size: .88rem; }
.hc-facts i { font-size: 1.1rem; color: #99f6e4; }
.hc-facts b { display: block; color: #fff; }
.hc-facts span { color: rgba(255, 255, 255, .78); }
.hc-legal { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; justify-content: center; font-size: .86rem; color: var(--cw-ink-soft); }
.hc-legal a { color: var(--cw-ink-soft); text-decoration: none; font-weight: 600; }
.hc-legal a:hover { color: var(--cw-teal); }

/* Topic / article / search pages */
.hc-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 2rem; align-items: start; }
.hc-side { position: sticky; top: 90px; display: grid; gap: 1rem; }
.hc-side nav { padding: .6rem; }
.hc-side nav b { display: block; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--cw-ink-faint); padding: .45rem .6rem; }
.hc-side nav a { display: flex; gap: .6rem; align-items: center; padding: .5rem .6rem; border-radius: 10px; text-decoration: none; color: var(--cw-ink-soft); font-size: .88rem; font-weight: 600; line-height: 1.3; }
.hc-side nav a:hover { background: var(--cw-bg-tint); color: var(--cw-ink); }
.hc-side nav a.on { background: var(--cw-seafoam-soft); color: var(--cw-teal); font-weight: 800; }
.hc-side nav a em { margin-left: auto; font-style: normal; font-size: .72rem; color: var(--cw-ink-faint); font-weight: 800; }
.hc-side__pick { display: none; }
.hc-help-box { padding: 1rem; font-size: .86rem; color: var(--cw-ink-soft); display: grid; gap: .5rem; }
.hc-help-box b { color: var(--cw-ink); font-size: .95rem; }
.hc-list { display: grid; gap: .7rem; }
.hc-item { display: flex; gap: 1rem; align-items: center; padding: 1.05rem 1.2rem; border-radius: 14px; border: 1px solid var(--cw-line); background: var(--cw-surface); text-decoration: none; color: var(--cw-ink); transition: border-color .2s, transform .2s; }
.hc-item:hover { border-color: var(--cw-teal); transform: translateX(3px); color: var(--cw-ink); }
.hc-item > i:first-child { color: var(--cw-teal); font-size: 1.15rem; }
.hc-item div { flex: 1; min-width: 0; }
.hc-item b { display: block; font-size: .97rem; }
.hc-item small { display: block; margin-top: .2rem; color: var(--cw-ink-soft); font-size: .85rem; line-height: 1.45; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hc-item em { font-style: normal; font-size: .7rem; font-weight: 800; color: var(--cw-teal); text-transform: uppercase; letter-spacing: .05em; }
.hc-item > .bi-chevron-right { color: var(--cw-ink-faint); }
.hc-article { padding: 2rem 2.2rem; }
.hc-chip { display: inline-flex; gap: .4rem; align-items: center; font-size: .76rem; font-weight: 800; color: var(--c, var(--cw-teal)); background: color-mix(in srgb, var(--c, var(--cw-teal)) 12%, transparent); padding: .3rem .7rem; border-radius: 999px; text-decoration: none; }
.hc-article h1 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: var(--cw-ink); letter-spacing: -.02em; margin: .8rem 0 1rem; }
.hc-article__body { font-size: 1.04rem; line-height: 1.75; color: var(--cw-ink-soft); }
.hc-article__body p { margin: 0 0 1rem; }
.hc-article__tools { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: space-between; align-items: center; margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid var(--cw-line); }
.hc-fb { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; font-weight: 700; font-size: .9rem; color: var(--cw-ink); }
.hc-fb button { border: 1px solid var(--cw-line); background: var(--cw-surface); color: var(--cw-ink-soft); border-radius: 999px; padding: .38rem .9rem; font-weight: 700; font-size: .85rem; cursor: pointer; font-family: inherit; }
.hc-fb button:hover { border-color: var(--cw-teal); color: var(--cw-teal); }
.hc-fb__more { width: 100%; display: grid; gap: .5rem; margin-top: .6rem; }
.hc-fb__more textarea { width: 100%; border-radius: 10px; border: 1px solid var(--cw-line); background: var(--cw-bg); color: var(--cw-ink); padding: .6rem .75rem; font: inherit; font-size: .9rem; }
.hc-fb__thanks { color: #15803d; font-weight: 700; font-size: .9rem; }
.hc-fb__thanks a { color: var(--cw-teal); }
.hc-share { display: flex; gap: .4rem; }
.hc-share button, .hc-share a { border: 1px solid var(--cw-line); background: var(--cw-surface); color: var(--cw-ink-soft); border-radius: 10px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; }
.hc-share button:hover, .hc-share a:hover { border-color: var(--cw-teal); color: var(--cw-teal); }
.hc-related { margin-top: 1.6rem; }
.hc-related h2 { font-size: 1.05rem; font-weight: 800; color: var(--cw-ink); margin: 0 0 .7rem; }
.hc-mini { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.hc-mini a { display: flex; gap: .6rem; padding: .8rem .9rem; border-radius: 12px; border: 1px solid var(--cw-line); background: var(--cw-surface); text-decoration: none; color: var(--cw-ink); font-size: .9rem; font-weight: 600; line-height: 1.35; }
.hc-mini a:hover { border-color: var(--cw-teal); color: var(--cw-teal); }
.hc-mini i { color: var(--cw-teal); }
.hc-stuck { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; align-items: center; padding: 1.2rem 1.4rem; margin-top: 1.6rem; border-radius: 16px; background: color-mix(in srgb, var(--cw-teal) 7%, var(--cw-surface)); border: 1px solid color-mix(in srgb, var(--cw-teal) 25%, var(--cw-line)); }
.hc-stuck b { display: block; color: var(--cw-ink); font-size: 1.02rem; }
.hc-stuck span { color: var(--cw-ink-soft); font-size: .88rem; }
.hc-empty { text-align: center; padding: 2.5rem 1rem; color: var(--cw-ink-soft); }
.hc-empty > i { font-size: 2.4rem; color: var(--cw-ink-faint); }
.hc-empty h2 { font-size: 1.2rem; color: var(--cw-ink); margin: .6rem 0 .3rem; }

/* Contact */
.hc-contact { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.hc-form { position: relative; display: grid; gap: 1rem; padding: 1.7rem; }
.hc-form h2 { font-size: 1.3rem; font-weight: 800; color: var(--cw-ink); margin: 0; }
.hc-form > p { margin: -.6rem 0 0; color: var(--cw-ink-soft); font-size: .9rem; }
.hc-topics-pick { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
.hc-topics-pick label { position: relative; cursor: pointer; }
.hc-topics-pick input { position: absolute; opacity: 0; pointer-events: none; }
.hc-topics-pick span { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 44px; padding: .45rem .5rem; border-radius: 10px; border: 1px solid var(--cw-line); background: var(--cw-bg); color: var(--cw-ink-soft); font-size: .84rem; font-weight: 700; line-height: 1.2; }
.hc-topics-pick input:checked + span { border-color: var(--cw-teal); background: var(--cw-seafoam-soft); color: var(--cw-teal); box-shadow: 0 0 0 1px var(--cw-teal) inset; }
.hc-topics-pick input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--cw-teal) 35%, transparent); }
.hc-row { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.hc-field { display: grid; gap: .35rem; }
.hc-field label, .hc-legend { font-weight: 700; font-size: .84rem; color: var(--cw-ink); }
.hc-field label small { color: var(--cw-ink-faint); font-weight: 600; }
.hc-field input, .hc-field textarea { width: 100%; padding: .7rem .85rem; border-radius: 10px; border: 1px solid var(--cw-line); background: var(--cw-bg); color: var(--cw-ink); font: inherit; font-size: .95rem; }
.hc-field input:focus, .hc-field textarea:focus { outline: 0; border-color: var(--cw-teal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--cw-teal) 18%, transparent); }
.hc-count { justify-self: end; font-size: .74rem; color: var(--cw-ink-faint); }
.hc-err { color: #b91c1c; font-size: .8rem; font-weight: 600; }
.hc-err-box { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; border-radius: 10px; padding: .7rem .9rem; font-size: .9rem; }
.hc-suggest { border-radius: 12px; border: 1px dashed color-mix(in srgb, var(--cw-teal) 45%, var(--cw-line)); background: color-mix(in srgb, var(--cw-teal) 5%, var(--cw-surface)); padding: .8rem 1rem; }
.hc-suggest b { display: flex; gap: .4rem; align-items: center; font-size: .86rem; color: var(--cw-ink); margin-bottom: .4rem; }
.hc-suggest b i { color: var(--cw-teal); }
.hc-suggest ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .2rem; }
.hc-suggest a { color: var(--cw-teal); font-weight: 700; font-size: .88rem; text-decoration: none; }
.hc-suggest a:hover { text-decoration: underline; }
.hc-secure { display: flex; gap: .5rem; align-items: center; justify-content: center; margin: 0; color: var(--cw-ink-faint); font-size: .8rem; }
.hc-aside { display: grid; gap: 1rem; }
.hc-aside .hc-card { padding: 1.2rem 1.3rem; }
.hc-aside h3 { font-size: 1rem; font-weight: 800; color: var(--cw-ink); margin: 0 0 .8rem; }
.hc-ways { list-style: none; padding: 0; margin: 0; display: grid; gap: .8rem; }
.hc-ways li { display: flex; gap: .75rem; align-items: flex-start; }
.hc-ways li > i { width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: var(--cw-seafoam-soft); color: var(--cw-teal); }
.hc-ways b { display: block; color: var(--cw-ink); font-size: .92rem; }
.hc-ways span, .hc-ways a { font-size: .86rem; color: var(--cw-ink-soft); }
.hc-ways a { color: var(--cw-teal); font-weight: 700; text-decoration: none; word-break: break-all; }
.hc-warn { display: flex; gap: .7rem; font-size: .86rem; color: #422006; background: #fffbeb; border: 1px solid #fcd34d; border-radius: 12px; padding: .85rem 1rem; }
.hc-warn i { color: #b45309; font-size: 1.1rem; }
.hc-sent { text-align: center; padding: 2.6rem 1.6rem; }
.hc-sent__icon { width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; color: #16a34a; background: rgba(22, 163, 74, .12); }
.hc-sent h2 { font-size: 1.5rem; font-weight: 800; color: var(--cw-ink); margin: 0 0 .4rem; }
.hc-sent p { color: var(--cw-ink-soft); margin: 0 auto .4rem; max-width: 460px; }
.hc-ref { display: inline-flex; gap: .6rem; align-items: center; margin: 1rem 0 1.4rem; padding: .7rem 1.1rem; border-radius: 12px; background: var(--cw-bg-tint); border: 1px solid var(--cw-line); font-weight: 800; font-size: 1.15rem; letter-spacing: .06em; color: var(--cw-ink); }
.hc-ref small { font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; color: var(--cw-ink-faint); }
.hc-ref button { border: 0; background: none; color: var(--cw-teal); cursor: pointer; font-size: 1rem; }

[data-theme="dark"] .hc-search input, [data-theme="dark"] .hc-search__icon { color: #0f172a; }

@media (max-width: 1100px) { .hc-topics { grid-template-columns: 1fr 1fr; } .hc-channels { grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px) {
  .hc-split, .hc-cta, .hc-contact, .hc-layout { grid-template-columns: 1fr; }
  .hc-side { position: static; }
  .hc-side nav, .hc-side .hc-help-box { display: none; }
  .hc-side__pick { display: block; width: 100%; padding: .7rem .8rem; border-radius: 12px; border: 1px solid var(--cw-line); background: var(--cw-surface); color: var(--cw-ink); font-weight: 700; }
  .hc-article { padding: 1.4rem; }
}
@media (max-width: 600px) {
  .hc-hero--home { padding: 3rem 0 5.5rem; }
  .hc-topics, .hc-channels, .hc-row, .hc-mini { grid-template-columns: 1fr; }
  .hc-topics-pick { grid-template-columns: 1fr 1fr; }
  .hc-search input { padding-right: 3.2rem; }
  .hc-search__go span { display: none; }
  .hc-results__foot .hc-keys { display: none; }
  .hc-cta { padding: 1.4rem; }
}
@media print { .hc-hero, .hc-side, .hc-article__tools, .hc-related, .hc-stuck { display: none !important; } }