/* Help centre (/help, articles, FAQ, contact). Chalk tokens from /tokens.css; loaded by help pages only. */ .help-hero{padding:8px 0 4px} .help-grid{list-style:none;padding:0;margin:20px 0 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px} .help-card{position:relative;display:flex;flex-direction:column;gap:6px} .help-card h2{margin:0;font-size:18px;line-height:1.3} .help-card h2 a{color:var(--ink);text-decoration:none} .help-card h2 a:after{content:"";position:absolute;inset:0;border-radius:var(--radius)} .help-card:hover,.help-card:focus-within{border-color:var(--accent)} .help-card h2 a:hover{color:var(--accent)} .help-card p{color:var(--muted);font-size:15px} /* Billing index links (WCAG 2.5.8 / Tester #576). Inline boxes ignore min-height, so these are inline-block. */ [aria-labelledby^=billing-help] a{display:inline-block;min-height:24px;padding:4px 0} .help-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:start} .help-article{min-width:0;max-width:68ch;overflow-wrap:break-word} .help-article h1{margin-top:10px} .prose{font-size:16.5px} .prose h2{font-size:21px;margin:30px 0 8px} .prose h3{font-size:17px;margin:22px 0 6px} .prose p{margin:0 0 14px} .prose ul,.prose ol{margin:0 0 14px;padding-left:24px} .prose li{margin:4px 0} .prose li::marker{color:var(--muted)} .prose a{overflow-wrap:anywhere} .prose blockquote{font-style:normal;margin:12px 0 16px;padding:10px 14px;border-left:3px solid var(--accent);background:var(--card);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink)} .prose blockquote p{margin:0} .prose code{font-size:13.5px} .help-updated{margin-top:24px} .help-more{margin-top:28px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)} .help-more h2{margin:0 0 4px;font-size:17px}.help-more p{margin:0} .help-side{display:block;position:sticky;top:84px;font-size:14.5px;border-left:1px solid var(--line);padding-left:18px} .help-side h2{font:500 12px/1.4 var(--mf);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px} .help-side ul{list-style:none;padding:0;margin:0} .help-side a{display:block;padding:7px 0;color:var(--muted);text-decoration:none;line-height:1.35} .help-side a:hover{color:var(--accent)} .help-side a[aria-current=page]{color:var(--ink);font-weight:600} .help-faq{margin-top:12px} .help-faq details{border-top:1px solid var(--line);padding:2px 0} .help-faq details:last-child{border-bottom:1px solid var(--line)} .help-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 0} .help-faq summary::-webkit-details-marker{display:none} .help-faq summary h2{margin:0;font-size:17.5px;line-height:1.35} .help-faq summary:after{content:"+";flex:none;font:400 22px/1 var(--mf);color:var(--accent)} .help-faq details[open] summary:after{content:"–"} .help-faq .prose{padding:0 0 10px}.help-faq .prose p{color:var(--ink)} .help-form{max-width:560px} .help-form textarea{font:inherit;min-height:160px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;resize:vertical} .help-form textarea:focus{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:1px} .help-form .btn{justify-self:start} .help-form .hint{margin:-4px 0 0} .help-form [aria-invalid=true]{border-color:#a11} .help-error{color:#a11;margin:-4px 0 0;font-size:14px;font-weight:600} .help-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden} @media (max-width:820px){.help-layout{grid-template-columns:1fr;gap:8px}.help-side{position:static;border-left:0;border-top:1px solid var(--line);padding:8px 0 0}} @media (max-width:420px){.help-grid{grid-template-columns:1fr}.prose{font-size:16px}.help-form .btn{justify-self:stretch}} /* Breadcrumb is a