/* Blog post body (9 Nov 2026, owner: blog posts "too thin and dull"): lead, TL;DR callout (trial-pages.css tp-tldr), "Nesta página" chips,
   sections with a Plump heading glyph and guide blocks (trial-pages.css), FAQ panel (platform-tail.css cpt-faq), explore band.
   Colours from theme tokens only; no divider lines between blocks. */
.ar-body,.ar-faq,.ar-explore{--tp-link:color-mix(in srgb,hsl(var(--primary)) 58%,hsl(var(--foreground)))}
.dark .ar-body,.dark .ar-faq,.dark .ar-explore{--tp-link:hsl(var(--primary))}
.ar-lead{margin:0 0 32px;font-size:18px;line-height:1.7;color:hsl(var(--foreground)/.85)}
.ar-lead p{margin:0}.ar-lead p+p{margin-top:14px}
.ar-lead a{color:var(--tp-link);font-weight:600;text-decoration:underline;text-decoration-color:hsl(var(--primary)/.55);text-decoration-thickness:2px;text-underline-offset:3px}
.ar-body .tp-tldr{margin-bottom:28px}

/* "Nesta página" chips. */
.ar-toc{margin:0 0 40px;padding:20px;border-radius:20px;background:hsl(var(--muted)/.5)}
.ar-toc p{margin:0 0 12px;font-size:12.5px;line-height:18px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--foreground)/.72)}
.ar-toc ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.ar-toc a{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border-radius:999px;background:hsl(var(--card));font-size:14px;line-height:20px;font-weight:600;color:hsl(var(--foreground));text-decoration:none;box-shadow:0 0 0 1px hsl(var(--border)/.8);transition:background-color .15s,color .15s}
.ar-toc a:hover{background:hsl(var(--primary)/.1);color:var(--tp-link)}
.ar-toc a:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}

/* Sections. */
.ar-section{scroll-margin-top:7rem;margin-top:44px}
.ar-section-icon{display:flex;margin-bottom:10px;color:hsl(var(--primary))}
.ar-section-glyph{display:block;width:40px;height:40px}
.ar-section-body{min-width:0}
.ar-section h2{margin:0 0 12px;font-size:24px;line-height:32px;font-weight:800;letter-spacing:-.015em;color:hsl(var(--foreground))}
.ar-prose{font-size:17px;line-height:1.75;color:hsl(var(--foreground)/.82)}
.ar-prose>:first-child{margin-top:0}.ar-prose>:last-child{margin-bottom:0}
.ar-prose h3{margin-top:28px;font-size:19px;line-height:27px}

/* FAQ and explore band. */
.ar-faq{margin-top:56px}
.ar-explore{margin-top:56px;padding:26px 22px;border-radius:24px;background:hsl(var(--accent))}
.ar-explore>p{color:hsl(var(--foreground)/.8)}

@media(min-width:768px){
  .ar-section{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:24px;margin-top:52px}
  .ar-section-icon{margin:0;padding-top:4px}
  .ar-section-glyph{width:44px;height:44px}
  .ar-section h2{font-size:28px;line-height:36px}
  .ar-explore{padding:30px 32px}
  .ar-toc{padding:22px 24px}
}
@media(prefers-reduced-motion:reduce){.ar-toc a{transition:none}}