/* Base de ajuda estática (/ajuda, /ajuda/<id>) · gerada por articles/build_ajuda.py.
 * Em cima do article.css (herói escuro, coluna de leitura, chamada final, .sg-steps para passos).
 * Herói curto sem capa; corpo na coluna de 720px; listas agrupadas no estilo iOS. */
.aj-page{overflow-x:clip}

/* ---------- herói curto ---------- */
/* mesma coluna do corpo (.ar-body 720px): o .wrap tem 20px de recuo, 40px a partir de 768 */
.aj-head{max-width:760px;padding-top:56px;padding-bottom:56px}
@media (min-width:768px){.aj-head{max-width:800px}}
.aj-crumb{flex-wrap:wrap;gap:4px 8px;margin-bottom:14px}
.aj-crumb a{flex:none}
.aj-crumb__cur{display:inline-flex;gap:8px;min-width:0;color:rgba(255,255,255,.92)}
.aj-crumb__cur>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:44ch}
.aj-title{font-size:clamp(36px,4.2vw,56px);line-height:1.06;margin:0 0 16px;overflow-wrap:anywhere}
.aj-dek{max-width:60ch}
.aj-meta{margin:22px 0 0}
.aj-meta time{color:#fff;font-weight:500}

/* ---------- corpo ---------- */
.aj-post{padding-top:clamp(36px,5vw,64px)}
.aj-body{overflow-wrap:anywhere}
.aj-body a{color:var(--bright);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.aj-body a:hover{text-decoration-thickness:2px}
.aj-steps{margin:8px 0 1.4em}
.aj-steps li{color:var(--ink)}
.aj-note{margin:8px 0 1.4em;padding:16px 20px;border-radius:16px;background:var(--bright-soft);border-left:3px solid var(--bright);font-size:17px;line-height:1.55;color:var(--ink)}

/* ---------- listas de links (relacionados e índice) ---------- */
.aj-rel{margin-top:clamp(48px,6vw,72px);padding-top:32px;border-top:1px solid var(--line)}
.aj-rel__t{font-family:var(--font);font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ink);margin:0 0 14px}
.aj-list{list-style:none;margin:0;padding:0;border-radius:16px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.aj-list li+li{box-shadow:inset 0 1px 0 var(--line)}
.aj-body .aj-link,.aj-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 16px 12px 18px;font-size:17px;line-height:1.35;font-weight:500;color:var(--ink);text-decoration:none;transition:background var(--dur) var(--ease-out)}
.aj-link span{min-width:0}
.aj-link__chev{flex:none;width:18px;height:18px;stroke:var(--ink-3);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur) var(--ease-out)}
@media (hover:hover){.aj-link:hover{background:var(--bright-soft)}.aj-link:hover .aj-link__chev{transform:translateX(3px);stroke:var(--bright)}}
.aj-link:active{background:var(--bright-soft)}
.aj-link:focus-visible{outline:2px solid var(--bright);outline-offset:-2px}

/* ---------- chamada final ---------- */
.aj-cta{padding-top:56px}
.aj-cta .ar-cta__btns{margin-top:28px}
.aj-cta .ar-btn--primary svg{width:19px;height:19px}

/* ---------- índice /ajuda ---------- */
.aj-hero--idx .aj-head{max-width:1120px}
.aj-hero--idx .aj-title{font-size:clamp(38px,4.8vw,64px);text-wrap:balance}
.aj-idx{display:grid;gap:20px;padding-top:clamp(36px,5vw,56px)}
@media (min-width:760px){.aj-idx{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}
.aj-cat{display:flex;flex-direction:column;scroll-margin-top:88px;padding:20px 8px 8px;border-radius:20px;background:var(--paper);border:1px solid var(--line)}
.aj-cat__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 12px 14px}
.aj-cat__i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--bright-soft)}
.aj-cat__i svg{width:21px;height:21px;stroke:var(--bright);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.aj-cat__t{font-family:var(--font);font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ink);margin:0}
.aj-cat__n{font-size:14px;color:var(--ink-3);white-space:nowrap}
.aj-cat .aj-list{border:0;border-radius:12px;background:transparent}
.aj-cat .aj-link{border-radius:12px;padding-left:12px}

/* ---------- celular: tela de app (HIG) ---------- */
@media (max-width:640px){
  .aj-head{padding:8px 16px 28px}
  .aj-crumb{margin-bottom:6px}
  .aj-crumb__cur{display:none}
  .aj-title,.aj-hero--idx .aj-title{font-size:30px;line-height:36px;margin:8px 0 10px}
  .aj-meta{display:block;margin-top:14px;font-size:14px}
  .aj-post{padding-top:28px}
  .aj-steps li{padding:14px}
  .aj-note{padding:14px 16px;font-size:16px;border-radius:12px}
  .aj-rel{margin-top:40px;padding-top:24px}
  .aj-rel__t{font-size:20px}
  .aj-list{border-radius:12px}
  .aj-link{min-height:52px;padding:12px 14px;font-size:16px}
  .aj-idx{gap:16px;padding-top:24px}
  .aj-cat{border-radius:14px;padding:14px 4px 4px}
  .aj-cat__head{padding:0 10px 10px}
  .aj-cat__i{width:36px;height:36px;border-radius:10px}
  .aj-cat__t{font-size:18px}
  .aj-cta{padding-top:40px}
}
@media (prefers-reduced-motion:reduce){.aj-link,.aj-link__chev{transition:none}}
@media print{.aj-cta{display:none!important}.aj-list{border:0}}