/* Layout da página. Tokens e componentes: RTERA UI 0.2.0 (rtera.tech/design-kit) */
  html,body{margin:0}
  body{background:var(--rt-bg,#faf9f6)}
  .wrap{max-width:860px;margin:0 auto;padding:0 20px}
  .top{border-bottom:1px solid var(--rt-border);background:var(--rt-paper)}
  .top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px}
  .top img{height:44px;width:auto;display:block}
  .hero{padding:56px 0 24px}
  .hero.rt-heading h1{font-size:clamp(32px,6vw,52px);margin:12px 0 16px}
  .hero h1 em{font-style:normal;color:var(--rt-accent-text)}
  .hero .rt-heading-description{font-size:17px}
  .badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
  section{margin-top:24px}
  .rt-card h2{font-size:clamp(24px,3.4vw,32px);font-weight:500;letter-spacing:-.8px;line-height:1.15;margin:8px 0 12px}
  .rt-card p{margin:10px 0 0;color:var(--rt-muted)}
  .rt-card--ink p{color:var(--rt-inverse-muted)}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
  .grid2>section,.steps li>span{min-width:0}
  .steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px;counter-reset:s}
  .steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;color:var(--rt-ink)}
  .steps li:before{content:counter(s,decimal-leading-zero);font-size:12px;font-weight:600;color:var(--rt-accent-text);border:1px solid var(--rt-border);border-radius:4px;text-align:center;padding:4px 0;background:var(--rt-paper)}
  ul.plain{margin:14px 0 0;padding-left:20px;color:var(--rt-ink)}
  ul.plain li{margin-top:8px}
  .shot{width:100%;border-radius:10px;border:1px solid var(--rt-border);margin-top:20px;display:block}
  pre{background:var(--rt-inverse);color:var(--rt-inverse-text);border-radius:10px;padding:16px;overflow-x:auto;font-size:13px;line-height:1.55;margin:16px 0 0}
  code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
  p code{background:var(--rt-sand-soft);padding:2px 6px;border-radius:4px;font-size:13px;color:var(--rt-ink)}
  .repo{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
  .files{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
  .files a{display:block;padding:12px 14px;border:1px solid var(--rt-border);border-radius:6px;background:var(--rt-paper);color:var(--rt-ink);text-decoration:none;font-size:14px}
  .files a:hover{border-color:var(--rt-sand)}
  .files a span{display:block;font-size:11px;color:var(--rt-muted)}
  .rt-card a:not(.rt-button):not(.files a){color:var(--rt-accent-text)}
  footer.foot{margin:48px 0 0;padding:32px 0;border-top:1px solid var(--rt-border);font-size:13px;color:var(--rt-muted)}
  footer.foot a{color:var(--rt-accent-text)}
  @media (max-width:720px){.grid2,.files{grid-template-columns:1fr}.hero{padding-top:36px}}
  .rt-card--ink .steps li{color:var(--rt-inverse-text)}
  .rt-card--ink .steps li:before{background:transparent;border-color:#555650;color:var(--rt-inverse-accent)}
  .rt-card--ink ul.plain{color:var(--rt-inverse-text)}