:root { --help-orange:#ff6a00; --help-blue:#4285ff; --help-panel:#0e1218; --help-line:#27313f; }
.help-page { background:#080a0d; color:#f5f7fa; }
.help-hero { padding:104px 0 54px; border-bottom:1px solid var(--help-line); background:radial-gradient(circle at 82% 15%,rgba(66,133,255,.13),transparent 34%); }
.help-hero h1 { max-width:820px; margin:14px 0 18px; font-size:clamp(46px,8vw,94px); line-height:.92; letter-spacing:-.045em; text-transform:uppercase; }
.help-lede { max-width:650px; color:#aeb8c6; font-size:clamp(18px,2vw,22px); line-height:1.55; }
.help-search { position:relative; max-width:820px; margin-top:34px; }
.help-search input { width:100%; padding:20px 22px 20px 54px; border:1px solid #3a4657; border-radius:4px; background:#0d1117; color:white; font:inherit; font-size:17px; outline:none; }
.help-search input:focus { border-color:var(--help-blue); box-shadow:0 0 0 3px rgba(66,133,255,.14); }
.help-search span { position:absolute; left:20px; top:50%; transform:translateY(-50%); color:var(--help-blue); font-size:20px; }
.help-section { padding:70px 0; border-bottom:1px solid var(--help-line); }
.help-kicker { color:var(--help-orange); text-transform:uppercase; letter-spacing:.15em; font-size:12px; font-weight:800; }
.help-heading { margin:10px 0 28px; font-size:clamp(30px,4vw,50px); text-transform:uppercase; letter-spacing:-.025em; }
.popular-grid,.topic-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.topic-grid { grid-template-columns:repeat(4,1fr); }
.help-card { display:block; min-height:150px; padding:24px; border:1px solid var(--help-line); border-top:3px solid var(--help-orange); background:var(--help-panel); color:inherit; text-decoration:none; transition:transform .2s,border-color .2s; }
.help-card:hover { transform:translateY(-3px); border-color:#516175; }
.help-card.blue { border-top-color:var(--help-blue); }
.help-card small { display:block; margin-bottom:28px; color:#7f8b9b; letter-spacing:.12em; text-transform:uppercase; }
.help-card h3 { margin:0 0 8px; font-size:20px; }
.help-card p { margin:0; color:#9ca8b7; line-height:1.55; }
.help-guides { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,340px); gap:42px; align-items:start; }
.guide-list details { border-top:1px solid var(--help-line); }
.guide-list details:last-child { border-bottom:1px solid var(--help-line); }
.guide-list summary { display:flex; justify-content:space-between; gap:20px; padding:24px 4px; cursor:pointer; font-size:19px; font-weight:750; list-style:none; }
.guide-list summary::-webkit-details-marker { display:none; }
.guide-list summary::after { content:"+"; color:var(--help-orange); font-size:26px; font-weight:400; }
.guide-list details[open] summary::after { content:"−"; }
.guide-body { padding:0 34px 28px 4px; color:#b1bbc8; line-height:1.7; }
.guide-body h4 { margin:24px 0 8px; color:white; }
.guide-body ol,.guide-body ul { padding-left:22px; }
.guide-body strong { color:white; }
.sync-note,.support-panel { padding:28px; border:1px solid #315884; background:linear-gradient(145deg,rgba(66,133,255,.12),rgba(14,18,24,.9)); }
.sync-note h3,.support-panel h3 { margin:8px 0 12px; font-size:24px; text-transform:uppercase; }
.sync-note p,.support-panel p { color:#b1bbc8; line-height:1.65; }
.support-panel { margin-top:18px; border-color:#754018; background:linear-gradient(145deg,rgba(255,106,0,.1),rgba(14,18,24,.9)); }
.support-panel a { color:white; }
#help-empty { margin:24px 0 0; padding:24px; border:1px dashed #465263; color:#b1bbc8; }
[hidden] { display:none !important; }
@media (max-width:900px) { .topic-grid { grid-template-columns:repeat(2,1fr); } .help-guides { grid-template-columns:1fr; } }
@media (max-width:650px) { .help-hero { padding:82px 0 42px; } .help-section { padding:50px 0; } .popular-grid,.topic-grid { grid-template-columns:1fr; } .help-card { min-height:0; } }