@media (min-width: 701px) {
  .help-shell { display: grid; gap: 22px; max-width: 1440px; margin: 0 auto; padding: 8px 4px 40px; }
  .help-hero { display: flex; justify-content: space-between; align-items: end; gap: 28px; padding: 28px 30px; border: 1px solid rgba(20, 184, 166, .22); border-radius: 22px; background: radial-gradient(circle at 88% 12%, rgba(45, 212, 191, .19), transparent 33%), linear-gradient(135deg, #102a35, #153e4c); color: #f4fffe; box-shadow: 0 18px 42px rgba(8, 47, 73, .14); }
  .help-hero h2 { margin: 4px 0 10px; font-size: clamp(26px, 3vw, 40px); letter-spacing: -.035em; }
  .help-hero p { max-width: 760px; margin: 0; color: rgba(244,255,254,.82); line-height: 1.55; }
  .help-boundary { display: flex; gap: 14px; align-items: start; padding: 16px 20px; border-left: 4px solid #0d9488; border-radius: 12px; background: rgba(13,148,136,.08); color: var(--text, #17313b); line-height: 1.5; }
  .help-boundary b { white-space: nowrap; }
  .help-screen-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 12px; }
  .help-screen-grid article { padding: 15px; border: 1px solid rgba(15, 56, 71, .11); border-radius: 13px; background: #fff; transition: transform .16s ease, box-shadow .16s ease; }
  .help-screen-grid article:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(15, 56, 71, .08); }
  .help-screen-grid a { color: inherit; text-decoration: none; }
  .help-screen-grid span { display: block; color: #0f766e; font-size:  12px; font-weight: 700; letter-spacing: .035em; }
  .help-screen-grid h4 { margin: 5px 0 8px; font-size: 15px; }
  .help-screen-grid p { color: var(--muted, #64748b); font-size: 13px; line-height: 1.48; }
  .help-ai-flow { display: grid; grid-template-columns: repeat(7, minmax(130px, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 0; counter-reset: flow; }
  .help-ai-flow li { min-height: 180px; padding: 17px; border-radius: 14px; background: linear-gradient(180deg, #fff, #f0fdfa); border: 1px solid rgba(13,148,136,.18); }
  .help-ai-flow b { display: block; margin-bottom: 9px; color: #0f766e; }
  .help-ai-flow span { color: #42616a; font-size: 13px; line-height: 1.45; }
  .help-ai-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .help-ai-grid article { padding: 20px; border-radius: 16px; background: #fff; border: 1px solid rgba(15,56,71,.1); }
  .help-ai-grid h3 { margin: 0 0 10px; }
  .help-ai-grid ul { margin: 0; padding-left: 18px; color: #42616a; line-height: 1.65; }
}

/* Practical guides share the existing Help surface. */
.help-shell:has(.help-workflows) { max-width: 1440px; margin: 0 auto; padding: 8px 4px 32px; display: grid; gap: 18px; }
.help-shell:has(.help-workflows) .help-hero { padding: 20px 24px; border-radius: 16px; }
.help-shell:has(.help-workflows) .help-hero h2 { font-size: clamp(21px, 2vw, 28px); }
.help-workflows { min-width: 0; color: var(--text, #17313b); }
.help-workflows-heading, .help-workflow-section > header { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.help-workflows-heading h3 { font-size:22px; margin:0 0 6px; }
.help-workflows-heading p, .help-workflow-note { color:var(--muted,#64748b); font-size:13px; line-height:1.6; margin:0; }
.help-workflow-count { white-space:nowrap; padding:6px 10px; background:#eaf3ef; border-radius:8px; color:#356756; font-size:12px; }
.help-workflow-tools { display:grid; grid-template-columns:minmax(160px,2fr) minmax(160px,1fr) auto; align-items:end; gap:12px; margin:18px 0 12px; }
.help-workflow-tools label { display:grid; gap:6px; font-size:12px; font-weight:600; }
.help-workflow-tools input, .help-workflow-tools select { width:100%; box-sizing:border-box; min-height:40px; padding:8px 12px; border:1px solid #d8e3dd; border-radius:9px; background:var(--surface,#fff); color:inherit; font:inherit; font-size:14px; }
.help-workflow-tools input:focus-visible, .help-workflow-tools select:focus-visible, .help-workflow-card summary:focus-visible { outline:2px solid #3f7d69; outline-offset:3px; }
.help-workflow-section { margin-top:14px; }
.help-workflow-section > header { margin-bottom:10px; }
/* Разделы сценариев и таблица экранов свёрнуты (аудит 16.09: простыня в 45 тыс. знаков). */
.help-workflow-section > summary { display:flex; align-items:center; justify-content:space-between; gap:14px; cursor:pointer; list-style:none; padding:10px 12px; border:1px solid #dce5df; border-radius:10px; background:var(--surface,#fff); }
.help-workflow-section > summary::-webkit-details-marker { display:none; }
.help-workflow-section > summary h4 small { font-weight:500; color:#64748b; margin-left:6px; }
.help-workflow-section[open] > summary { border-radius:10px 10px 0 0; margin-bottom:10px; }
.help-screens-fold { margin:12px 0; }
.help-screens-fold > summary { cursor:pointer; list-style:none; padding:10px 12px; border:1px solid #dce5df; border-radius:10px; background:var(--surface,#fff); font-size:13px; }
.help-screens-fold > summary::-webkit-details-marker { display:none; }
.help-screens-fold[open] > summary { margin-bottom:8px; }
.help-workflow-section h4 { margin:0; font-size:16px; }
.help-workflow-section > header a, .help-workflow-body footer > a:last-child { font-size:12px; color:#356756; }
.help-workflow-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:start; }
.help-workflow-card { min-width:0; border:1px solid #dce5df; border-radius:12px; background:var(--surface,#fff); overflow:hidden; }
.help-workflow-card summary { display:flex; align-items:center; gap:11px; padding:15px; cursor:pointer; list-style:none; min-height:48px; box-sizing:border-box; }
.help-workflow-card summary::-webkit-details-marker { display:none; }
.help-workflow-card summary::after { content:"+"; margin-left:auto; font-size:18px; color:#517467; }
.help-workflow-card[open] summary::after { content:"−"; }
.help-workflow-card summary b { font-size:14px; line-height:1.45; font-weight:600; }
.help-workflow-number { min-width:26px; height:26px; border-radius:7px; display:grid; place-items:center; background:#edf4f0; color:#386954; font-size: 12px; }
.help-workflow-body { padding:0 16px 16px; font-size:13px; line-height:1.6; }
.help-workflow-body ol { margin:12px 0; padding-left:22px; }
.help-workflow-body li + li { margin-top:7px; }
.help-workflow-prerequisites { border-left:3px solid #b7cbbb; padding-left:10px; color:#52645b; }
.help-workflow-outcome { padding:10px 12px; background:#f2f7f4; border-radius:8px; }
.help-workflow-body footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin-top:14px; }
.help-workflow-empty { padding:22px; border:1px dashed #c9d8cf; border-radius:12px; }
.help-workflows [hidden] { display:none !important; }
/* Статьи справки (help-content.json): те же карточки, что у сценариев; тело — абзацы, ярлыки — пилюли. */
.help-articles { margin-top:22px; }
.help-article-body p { margin:10px 0 0; }
.help-article-body p:first-child { margin-top:12px; }
.help-article-tags { display:flex; flex-wrap:wrap; gap:6px; }
.help-article-tags .pill { font-size:11px; }
.help-arm-obzor { font-size:11px; color:#356756; white-space:nowrap; margin-left:6px; }
@media (max-width:700px) {
 .help-shell:has(.help-workflows) .help-hero { padding:16px; }
 .help-workflow-tools { grid-template-columns:1fr; }
 .help-workflow-grid { grid-template-columns:1fr; }
 .help-workflows-heading { align-items:flex-start; }
 .help-workflows-heading h3 { font-size:19px; }
 .help-workflow-count { white-space:normal; }
 .help-workflow-section > header { align-items:baseline; }
 .help-workflow-section > header a { flex-shrink:0; }
}
/* Keep heading and supporting copy readable under global typography overrides. */
.help-shell:has(.help-workflows) .help-hero { background:linear-gradient(110deg,#f8fbf9,#edf5f0); border:1px solid #dce7df; box-shadow:none; color:#17313b; }
.help-shell:has(.help-workflows) .help-hero h2 { color:#17313b; }
.help-shell:has(.help-workflows) .help-hero p { color:#53645c; }
.help-shell:has(.help-workflows) .help-hero .academy-kicker,
.help-shell:has(.help-workflows) .help-hero .academy-secondary { color:#356756; }
.help-workflows-heading p, .help-workflow-note { color:#53645c; }