.help-center { display:grid; grid-template-columns:minmax(190px,245px) minmax(0,1fr); gap:24px; align-items:start; }
.help-index,.help-article { background:var(--paper); border:1px solid var(--line); border-radius:14px; min-width:0; }
.help-index { padding:20px 12px; }
.help-index>h2,.help-index>p { padding:0 10px; }
.help-index h2 { font-size:1rem; line-height:1.5; }
.help-index p { color:var(--muted); font-size:.875rem; margin-top:4px; }
.help-index nav h3 { color:var(--muted); font-size:.6875rem; letter-spacing:.1em; text-transform:uppercase; margin:20px 10px 7px; }
.help-index nav button { display:flex; align-items:center; gap:9px; width:100%; border:1px solid transparent; border-radius:7px; padding:10px; background:transparent; color:var(--muted); text-align:left; font-size:.875rem; line-height:1.5; }
.help-index nav button .icon { width:16px; height:16px; flex:none; }
.help-index nav button span { overflow-wrap:anywhere; }
.help-index nav button:hover { background:var(--tint); color:var(--ink); }
.help-index nav button[aria-current] { background:var(--tint); border-color:var(--accent); color:var(--accent); }
.help-article { padding:clamp(20px,3vw,40px); scroll-margin-top:95px; color:var(--ink); }
.help-kicker { display:block; color:var(--accent); font-size:.6875rem; font-weight:700; line-height:1.6; letter-spacing:.07em; }
.help-article>h2 { font-size:1.7rem; line-height:1.35; margin:10px 0 24px; }
.help-article h3,.release-history h3 { font-size:1.125rem; line-height:1.5; margin:24px 0 10px; }
.help-article p,.release-history p { font-size:1rem; line-height:1.75; color:var(--muted); margin:10px 0; }
.help-article,.release-history { overflow-wrap:anywhere; }
.help-section { margin:25px 0; }
.help-tour-actions { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0; }
.help-tour-actions .btn { white-space:normal; line-height:1.5; min-height:44px; }
.help-steps,.help-checks,.help-stage-list { list-style:none; padding:0; margin:25px 0; counter-reset:help-step; }
.help-steps>li,.help-checks>li,.help-stage-list>li { position:relative; padding:0 0 22px 44px; counter-increment:help-step; border-bottom:1px solid var(--line); margin-bottom:22px; }
.help-steps>li::before,.help-checks>li::before,.help-stage-list>li::before { content:counter(help-step,decimal-leading-zero); position:absolute; left:0; top:0; color:var(--accent); font-size:.875rem; font-weight:700; line-height:1.8; }
.help-steps>li h3 { margin:0 0 10px; }
.help-stage-list>li { padding-bottom:16px; margin-bottom:16px; font-size:1rem; }
.help-checks strong { line-height:1.6; }
.help-details { border:1px solid var(--line); border-radius:10px; padding:14px 18px; margin:20px 0; }
.help-details summary { cursor:pointer; color:var(--ink); font-size:.9375rem; line-height:1.6; }
.help-article-footer { border-top:1px solid var(--line); margin-top:36px; padding-top:18px; color:var(--muted); font-size:.8125rem; line-height:1.6; }
.help-sla-example { display:flex; gap:16px; padding:20px; border:1px solid currentColor; border-radius:12px; margin:20px 0; }
.help-sla-example.is-attention { background:var(--sla-attention-bg); color:var(--sla-attention); }
.help-sla-example.is-emergency { background:var(--sla-emergency-bg); color:var(--sla-emergency); }
.help-sla-example>.sla-icon { width:40px; height:40px; flex:none; }
.help-sla-example h3 { margin:0; color:inherit; font-size:1rem; }
.help-sla-example p { color:inherit; margin-bottom:0; font-size:.875rem; }
.release-notice { padding:10px 12px; border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line)); border-radius:10px; background:var(--tint); color:var(--ink); margin-bottom:7px; }
.release-notice>div { display:flex; align-items:center; gap:7px; }
.release-notice strong { font-size:.75rem; font-weight:650; line-height:1.5; flex:1; }
.release-spark .icon { width:15px; height:15px; color:var(--accent); }
.release-dismiss { background:transparent; color:var(--muted); border:0; display:flex; align-items:center; justify-content:center; min-width:26px; min-height:26px; padding:3px; }
.release-dismiss .icon { width:14px; height:14px; }
.release-link { display:flex; align-items:center; gap:6px; border:0; padding:6px 0; background:transparent; color:var(--accent); font-size:.8125rem; text-align:left; }
.release-link .icon { width:15px; height:15px; }
.release-history>p { margin-top:0; }
.release-history ul { list-style:none; padding:0; margin:25px 0 0; }
.release-history li { padding:0 0 20px 16px; border-left:2px solid var(--accent); margin-bottom:20px; }
.release-history h4 { font-size:1rem; line-height:1.5; color:var(--ink); }
.release-history li p { font-size:.9375rem; }
.release-history .help-role-note { background:var(--tint); padding:12px 16px; border-radius:8px; color:var(--ink); font-size:.875rem; }
@media(max-width:760px) { .help-center { grid-template-columns:1fr; gap:16px; }.help-index nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; }.help-index nav h3 { grid-column:1/-1; }.help-index { padding:16px 10px; }.help-article>h2 { font-size:1.45rem; }.help-sla-example { padding:16px; gap:10px; } }
@media(max-width:380px) { .help-index nav { grid-template-columns:1fr; }.help-article { padding:18px 15px; }.help-steps>li,.help-checks>li { padding-left:32px; } }