/* Help Centre pages (/help/, sections, articles). Uses the Arcade Punks theme colours. */
.hc{padding:22px 0 40px}
.hc-crumbs{font-family:var(--f-mono);font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
.hc-crumbs a{color:var(--muted);text-decoration:none}
.hc-crumbs a:hover{color:var(--hi)}
.hc-crumbs .sep{margin:0 6px;color:var(--line2)}
.hc-crumbs span[aria-current]{color:var(--ink)}
.hc-hero{margin:0 0 20px}
.hc-title{font-family:var(--f-disp);font-weight:700;font-size:38px;line-height:1.05;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}
.hc-lead{font-size:17px;line-height:1.55;color:var(--muted);max-width:780px;margin:0}
.hc-buddy{margin:0 0 30px}
.hc-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hc-sec,.hc-guides{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.hc-guides{margin-top:16px}
.hc-sec-title{font-family:var(--f-disp);font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
.hc-sec-title a{color:var(--ink);text-decoration:none}
.hc-sec-title a:hover{color:var(--hi)}
.hc-sec-intro{font-size:13px;color:var(--muted);margin:0 0 10px;line-height:1.5}
.hc-list{list-style:none;margin:0;padding:0}
.hc-list li{border-top:1px solid var(--line)}
.hc-list li:first-child{border-top:0}
.hc-list a{display:block;padding:8px 0;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.35}
.hc-list a:hover{color:var(--hi)}
.hc-list a::before{content:"\25B8";color:var(--accent);margin-right:8px}
.hc-list-cols{columns:3;column-gap:24px}
.hc-list-cols li{break-inside:avoid;border-top:0}
.hc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hc-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;color:var(--ink);text-decoration:none;transition:border-color .2s}
.hc-card:hover{border-color:var(--accent)}
.hc-card h2{font-family:var(--f-disp);font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin:0 0 6px}
.hc-card p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 10px}
.hc-more{font-family:var(--f-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--hi)}
.hc-back{margin-top:22px;font-size:14px}
.hc-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.hc-kick{display:inline-block;font-family:var(--f-mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-text,var(--accent));text-decoration:none;margin-bottom:8px}
.hc-short{background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:10px;padding:14px 16px;font-size:16px;line-height:1.55;margin:14px 0 22px}
.hc-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.hc-body th,.hc-body td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.hc-body th{background:var(--panel2);font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.4px;font-size:13px}
.hc-body .hc-tablewrap{overflow-x:auto}
.hc-foot{margin-top:26px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.hc-side{position:sticky;top:calc(var(--ap-adminbar,0px) + var(--ap-nav-h,56px) + 16px)}
.hc-side-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.hc-side-box h2{font-family:var(--f-disp);font-size:16px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}
.hc-side-box ul{list-style:none;margin:0 0 10px;padding:0}
.hc-side-box li a{display:block;padding:6px 0;font-size:13px;line-height:1.35;color:var(--muted);text-decoration:none;border-top:1px solid var(--line)}
.hc-side-box li:first-child a{border-top:0}
.hc-side-box li a:hover,.hc-side-box li.on a{color:var(--hi)}
.hc-side-all{font-family:var(--f-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--hi);text-decoration:none}
@media(max-width:980px){
	.hc-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hc-article-grid{grid-template-columns:minmax(0,1fr)}
	.hc-side{position:static}
	.hc-list-cols{columns:2}
}
@media(max-width:600px){
	.hc-sections,.hc-cards{grid-template-columns:minmax(0,1fr)}
	.hc-list-cols{columns:1}
	.hc-title{font-size:28px}
	.hc-body table{display:block;overflow-x:auto}
}