/* Static guide pages (guides/, ar/guides/). They reuse app.css; this file only adds what the app builds with JS.
   Generated pages come from build/build_guides.py. */
.gtext > *{max-width:820px}
.gtext .kicker{margin-bottom:.6rem}
.gtext .callout{margin:1rem 0 1.4rem}
.phase h2{display:flex;align-items:center;gap:.6rem;margin:1.2rem 0 .2rem;border-bottom:1px solid var(--rule);padding-bottom:.4rem;font-size:1.35rem}
.steps{list-style:none;margin:0;padding:0}
.steps li{position:relative;padding:.75rem .1rem;padding-inline-start:1.9rem;border-bottom:1px solid var(--hair)}
.steps li::before{content:"";position:absolute;inset-inline-start:.15rem;top:1.05rem;width:1.05rem;height:1.05rem;border:2px solid var(--ink);border-radius:3px}
html[lang="ar"] .steps li::before{top:1.25rem}
.pn{justify-content:space-between;margin-top:1.2rem}
.pn .btn{max-width:100%;text-align:start}
.toc a.tr .mt{font-variant-numeric:tabular-nums}
@media print{
  .betabar,.bnav{display:none!important}
  .steps li{padding-block:.4rem}
  .steps li::before{border-color:#000}
  .phase{break-inside:avoid-page}
}