@import url("/assets/style.css");
body { background: var(--surface-0); }
.help { display: grid; grid-template-columns: 240px minmax(0, 760px); gap: 40px; padding: 32px 40px 80px; }
.help nav { position: sticky; top: 24px; align-self: start; display: flex; flex-direction: column; gap: 2px; }
.help nav a { color: var(--text-secondary); text-decoration: none; padding: 6px 10px; border-radius: 8px; }
.help nav a:hover { background: var(--surface-2); color: var(--text-primary); }
.help nav a.here { background: var(--surface-2); color: var(--text-primary); font-weight: 600; }
.help nav .home { font-weight: 700; color: var(--text-primary); margin-bottom: 8px; }
article { line-height: 1.65; }
article h1 { font-size: 30px; margin-bottom: 14px; }
article h2 { font-size: 20px; margin-top: 34px; }
article table { margin: 12px 0 20px; background: var(--surface-1); border: 1px solid var(--line); border-radius: 8px; }
article blockquote { margin: 14px 0; padding: 12px 16px; background: var(--surface-1); border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0; color: var(--text-secondary); }
article code { background: var(--surface-2); padding: 1px 5px; border-radius: 4px; }
.cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 18px; }
.cards p { margin: 0; background: var(--surface-1); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; color: var(--text-secondary); font-size: 14px; }
.cards p a { display: block; font-size: 16px; margin-bottom: 4px; text-decoration: none; }
@media (max-width: 900px) { .help { grid-template-columns: 1fr; padding: 20px; } .cards { grid-template-columns: 1fr; } }
@media print { .help nav { display: none; } .help { display: block; } }