/* w-help, docs/design/site-system.html. Reuses the public site's tokens,
   title/prose, links, buttons, header and footer. The website stays light. */
.help-page { padding-bottom:48px; color:var(--gf-t1); font:400 17px/1.6 var(--gf-font); overflow-wrap:anywhere; }
.help-page h2 { margin:0; font:600 24px/32px var(--gf-font); }
.help-page h3 { margin:0; font:600 18px/26px var(--gf-font); }
.help-page p { margin:12px 0 0; }
.help-page a { color:var(--gf-accent); text-underline-offset:3px; }
.help-page a:hover { text-decoration-thickness:2px; }
.help-page .gf-eyebrow { margin:0 0 12px; }
.help-page .gf-display-l { margin:0; }
.help-page .gf-lede { margin:16px 0 0; }
.help-hero { max-width:760px; margin:auto; padding:48px 0 32px; }
.help-search { margin-top:24px; position:relative; }
.help-search label { display:block; margin-bottom:8px; font:500 15px/22px var(--gf-font); }
.help-search__row { display:flex; gap:8px; }
.help-search input { min-width:0; flex:1; width:100%; min-height:52px; border:1px solid var(--gf-t2); border-radius:10px; background:var(--gf-surface); color:var(--gf-t1); padding:12px 14px; font:400 17px/24px var(--gf-font); }
.help-search input::placeholder { color:var(--gf-t2); opacity:1; }
.help-search .gf-meta { margin-top:8px; color:var(--gf-t2); }
.help-common { border-top:1px solid var(--gf-divider); padding:24px 0 32px; }
.help-common ul { list-style:none; padding:0; margin:16px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
.help-common li { border-bottom:1px solid var(--gf-divider); }
.help-common a { display:flex; gap:16px; align-items:center; justify-content:space-between; min-height:52px; padding:12px 0; color:var(--gf-t1); text-decoration:none; }
.help-common a::after { content:'→'; flex:none; color:var(--gf-t2); }
.help-topics__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.help-topic { padding:20px; border:1px solid var(--gf-border); border-radius:12px; background:var(--gf-surface); }
.help-topic h3 a { display:flex; gap:12px; justify-content:space-between; color:var(--gf-t1); text-decoration:none; min-height:44px; }
.help-topic h3 span { flex:none; }
.help-topic p { color:var(--gf-t2); font:400 15px/23px var(--gf-font); margin-top:8px; }
.help-topic ul,.help-related ul { list-style:none; padding:0; margin:12px 0 0; }
.help-topic li a,.help-related li a { display:block; min-height:44px; padding:10px 0; font:400 15px/24px var(--gf-font); }
.help-contact { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--gf-divider); padding-top:28px; margin-top:32px; }
.help-contact p { color:var(--gf-t2); margin-top:8px; }
.help-contact>a { flex:none; }
.help-live { margin-top:12px; padding:16px 20px; border:1px solid var(--gf-border); border-radius:12px; background:var(--gf-surface); }
.help-live>p { margin-top:0; font-size:15px; }
.help-live>a { display:inline-flex; min-height:44px; align-items:center; margin-top:8px; }
.help-results { list-style:none; padding:0; margin:16px 0 0; }
.help-results li { border-top:1px solid var(--gf-divider); padding:16px 0; }
.help-results li>a { display:inline-flex; align-items:center; min-height:44px; font-weight:500; }
.help-results p { color:var(--gf-t2); margin-top:4px; }
.help-live .help-results { font:400 15px/24px var(--gf-font); }
.help-breadcrumbs { padding:24px 0; font:400 14px/22px var(--gf-font); color:var(--gf-t2); }
.help-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
.help-breadcrumbs li:not(:last-child)::after { content:'/'; margin-left:8px; }
.help-breadcrumbs a { display:inline-flex; min-height:44px; align-items:center; }
.help-breadcrumbs li { display:flex; align-items:center; }
.help-topic-intro,.help-search-page { max-width:800px; }
.help-search-page { padding-top:24px; margin:auto; }
.help-back { display:inline-flex; min-height:44px; align-items:center; margin:8px 0 24px; }
.help-article-search { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 0; border-bottom:1px solid var(--gf-divider); }
.help-article-search>a { min-height:44px; display:flex; align-items:center; font:400 15px/22px var(--gf-font); }
.help-article-search .help-search { margin:0; width:420px; max-width:100%; }
.help-article-search input { min-height:44px; padding:8px 12px; }
.help-article-layout { display:grid; grid-template-columns:minmax(0,720px) minmax(180px,240px); gap:64px; justify-content:space-between; }
.help-article { min-width:0; }
.help-meta { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:20px; color:var(--gf-t2); font:400 14px/22px var(--gf-font); }
.help-meta>span:last-child { flex-basis:100%; }
.help-prose { margin-top:32px; max-width:100%; }
.help-prose h2 { margin:36px 0 16px; }
.help-prose h3,.help-prose h4 { margin:24px 0 12px; }
.help-prose>:first-child { margin-top:0; }
.help-prose :is(h2,h3,h4) { scroll-margin-top:100px; }
.help-prose img { display:block; max-width:100%; height:auto; }
.help-prose table { display:block; max-width:100%; overflow-x:auto; }
.help-contents { align-self:start; position:sticky; top:100px; padding-top:8px; }
.help-contents h2 { font:600 16px/24px var(--gf-font); }
.help-contents ul,.help-contents-inline ul { list-style:none; padding:0; margin:12px 0 0; }
.help-contents a,.help-contents-inline a { display:block; min-height:44px; padding:10px 0; font:400 15px/24px var(--gf-font); }
.help-contents a { color:var(--gf-t2); }
.help-contents-inline { display:none; border-block:1px solid var(--gf-divider); margin-top:24px; }
.help-contents-inline summary { min-height:44px; padding:12px 0; font-weight:500; cursor:pointer; }
.help-contents-inline ul { padding-bottom:12px; }
.help-feedback,.help-related { margin-top:32px; padding-top:24px; border-top:1px solid var(--gf-divider); }
.help-feedback h2 { font:500 18px/26px var(--gf-font); }
.help-feedback [data-help-feedback-buttons] { display:flex; gap:8px; margin-top:12px; }
.help-feedback [aria-pressed=true] { outline:2px solid var(--gf-accent); outline-offset:2px; }
.help-feedback button:disabled { cursor:default; }
.help-feedback>a { display:inline-flex; min-height:44px; align-items:center; }
.help-feedback [role=status] { font-size:15px; }
.help-pagination { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; }
.help-pagination a { display:flex; align-items:center; min-height:44px; }
.help-search label.help-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:1100px) { .help-article-layout { gap:40px; grid-template-columns:minmax(0,1fr) 200px; } }
@media(max-width:899px) { .help-topics__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.help-article-layout { grid-template-columns:minmax(0,1fr); }.help-contents { display:none; }.help-contents-inline { display:block; }.help-article { max-width:760px; margin:auto; width:100%; } }
@media(max-width:599px) { .help-hero { padding-top:32px; }.help-common ul,.help-topics__grid { grid-template-columns:minmax(0,1fr); }.help-topic { padding:16px; }.help-contact { flex-direction:column; align-items:flex-start; gap:16px; }.help-article-search { flex-direction:column; align-items:stretch; gap:12px; }.help-article-search .help-search { width:100%; }.help-search__row .gf-button { padding-inline:12px; font-size:16px; }.help-breadcrumbs li:last-child:not(:first-child) { display:none; }.help-breadcrumbs li:nth-last-child(2)::after { content:none; }.help-page .gf-display-l { font-size:32px; line-height:38px; }.help-page .gf-lede { font-size:17px; line-height:26px; }.help-results li>a { font-size:17px; } }