/* Help article (/help/{category}/{slug}/). From design/resources/clean/help-article.css,
   scoped to .rs. Bar, tree and search styles are in res-help.css. */
.rs .ah{font-size:16px}
.rs .ah h1{font-size:clamp(2rem,3.6vw,2.9rem);margin:14px 0 12px;max-width:22ch;color:var(--ink)}
.rs .ah .row{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px}
.rs .ah .meta{display:inline-flex;gap:6px;align-items:center}
.rs .ah .meta .sbi{width:16px;height:16px;--ic-ink:var(--c-mon);--ic-accent:var(--c-mon)}
.rs .plans{display:flex;gap:6px;flex-wrap:wrap}
.rs .prose>.ah+*{margin-top:0}
.rs .os{margin-top:8px}
.rs .os [data-panel]{margin-top:18px}
.rs .steps .sb{margin-top:4px}
.rs .steps .sb>*+*{margin-top:10px}
.rs .steps .shot{margin:20px 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:color-mix(in srgb,var(--c-inb) 8%,#fff)}
.rs .steps .shot img{width:100%;height:auto}
.rs .trouble summary{font-size:16px}
.rs .vfoot{display:grid;gap:16px;margin-top:48px}
.rs .vfoot .still{font:750 18px var(--fd);color:var(--ink);margin-top:8px;letter-spacing:-.015em}
.rs .stillc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rs .stillc a,.rs .stillc button{display:flex;gap:12px;align-items:center;padding:16px;border-radius:18px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:700;font-size:16px;background:#fff;cursor:pointer;text-align:left}
.rs .stillc a:hover,.rs .stillc button:hover{border-color:var(--ink);color:var(--ink)}
.rs .stillc button.is-calling{border-color:var(--royal);background:var(--royal-soft)}
.rs .rel-card{gap:8px}
.rs .rel-card a,.rs .rel-m a{font-weight:600;text-decoration:none;line-height:1.35;font-size:15px}
.rs .rel-card a:hover,.rs .rel-m a:hover{text-decoration:underline}
.rs .rel-m{display:none;gap:10px;padding:20px;border:1px solid var(--line);border-radius:18px;margin-top:8px}
@media (max-width:1100px){.rs .rel-m{display:grid}}
@media (max-width:900px){.rs .alay>.tree{order:2;margin-top:24px}.rs .stillc{grid-template-columns:minmax(0,1fr)}}
/* site.css draws its own "+" on .faq .pm; the .rs FAQ uses the icon instead. */
.rs .faq summary .pm::before{content:none}