.help-heading { padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.help-role { padding: 8px 12px; border-radius: 16px; background: #e9e4fc; color: #6552a3; font-size: 9px; font-weight: 800; letter-spacing: .4px; }
.help-role.role-contributor { background: #e2f4ee; color: #25775a; }
.help-role.role-reader { background: #e9edf2; color: #596b7f; }
.help-layout { display: grid; grid-template-columns: 205px minmax(0, 850px); gap: 28px; align-items: start; }
.help-index { position: sticky; top: 92px; padding: 17px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.help-index > b { margin-bottom: 9px; color: #8595a8; font-size: 8px; letter-spacing: 1.2px; }
.help-index a { padding: 8px 7px; border-left: 2px solid transparent; color: #607287; font-size: 10px; }
.help-index a:hover { border-left-color: var(--blue); background: #f4f8fd; color: var(--blue); }
.help-content { min-width: 0; }
.help-intro { margin-bottom: 15px; padding: 20px; display: flex; align-items: center; gap: 15px; border-radius: 9px; background: var(--navy); color: #fff; }
.help-intro > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #235077; font: 700 19px Georgia, serif; }
.help-intro h2 { margin: 0 0 5px; font: 600 19px Georgia, serif; }
.help-intro p { margin: 0; color: #b8c6d4; font-size: 10px; }
.help-section { scroll-margin-top: 95px; margin-bottom: 14px; padding: 25px; display: grid; grid-template-columns: 38px 1fr; gap: 16px; border: 1px solid var(--line); border-radius: 9px; background: #fff; box-shadow: 0 2px 5px #19324c0b; }
.help-section-number { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; background: #eaf0ff; color: var(--blue); font: 700 11px Georgia, serif; }
.help-section h2 { margin: 3px 0 12px; font: 600 20px Georgia, serif; }
.help-section h3 { margin: 21px 0 8px; font-size: 11px; }
.help-section p, .help-section li, .help-section dd { color: #607287; font-size: 11px; line-height: 1.7; }
.help-section ol, .help-section ul { margin: 8px 0; padding-left: 19px; }
.help-section li { padding: 3px 0; }
.help-section dl { margin: 9px 0; }
.help-section dt { margin-top: 12px; color: #283e56; font-size: 11px; font-weight: 800; }
.help-section dd { margin: 3px 0 0; }
.help-note { margin-top: 16px !important; padding: 12px 14px; border-left: 3px solid #4e83d3; border-radius: 0 6px 6px 0; background: #f3f7fc; }
.help-note b { color: #355a83; }
@media (max-width: 900px) { .help-layout { grid-template-columns: 1fr; } .help-index { display: none; } }
@media (max-width: 620px) { .help-section { padding: 18px; grid-template-columns: 1fr; } .help-section-number { width: 30px; height: 30px; } .help-heading { align-items: flex-start; } .help-role { margin-top: 4px; } .help-intro { align-items: flex-start; } }