/* Content pages of voice.emable.ai (how it works, use cases, governance). Tokens and fonts come from base.css.
 * Same reading layout as the Validator content pages (apps/vbe-web/article.css), plus page navigation, the app link and
 * the language links. */
.ar-top{position:sticky;top:0;z-index:20;background:rgba(252,252,253,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.ar-top-in{display:flex;align-items:center;gap:20px;height:64px}
.ar-lock{display:inline-flex;align-items:center;gap:9px;flex:none;text-decoration:none;color:var(--ink)}
.ar-lock b{font-weight:600;font-size:16px}
.ar-nav{display:flex;gap:2px;margin-left:auto}
.ar-nav a{padding:8px 12px;border-radius:999px;font-size:14px;line-height:1.4;color:var(--body);text-decoration:none;white-space:nowrap}
.ar-nav a:hover,.ar-nav a[aria-current="page"]{color:var(--ink);background:rgba(12,21,41,.045)}
.ar-act{display:flex;align-items:center;gap:6px;flex:none}
.ar-app{padding:8px 12px;border-radius:999px;font-size:14px;line-height:1.4;font-weight:500;color:var(--ink);text-decoration:none;white-space:nowrap}
.ar-app:hover{background:rgba(12,21,41,.045)}
.ar{max-width:calc(760px + var(--gutter) * 2);padding-top:56px;padding-bottom:96px}
.ar-crumb{font-size:13px;color:var(--muted);margin-bottom:28px}
.ar-crumb a{color:var(--muted)}
.ar-h1{font-size:clamp(32px,2.6vw + 14px,48px);margin-bottom:20px}
.ar-lead{font-size:19px;line-height:1.65;color:var(--body);margin-bottom:12px}
.ar section{margin-top:44px}
.ar h2{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.02em;margin-bottom:12px}
.ar p,.ar li{font-size:16.5px;line-height:1.75;color:var(--body)}
.ar p+p{margin-top:12px}
.ar ul,.ar ol{padding-left:22px;margin:10px 0;list-style:disc}
.ar ol{list-style:decimal}
.ar li{margin-top:8px}
.ar li b,.ar p b{color:var(--ink);font-weight:600}
.ar a{color:var(--blue-ink)}
.ar-more{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.ar-more h2{font-size:18px}
.ar-more ul{list-style:none;padding:0}
.ar-cta{margin-top:40px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ar-cta p{font-weight:600;color:var(--ink);font-size:18px}
.ar-cta .pill{color:#fff}
.ar-foot{border-top:1px solid var(--line-soft);padding:28px 0;font-size:13.5px;color:var(--muted)}
.ar-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}
.ar-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.ar-foot a{color:var(--muted)}
.ar-lang a[aria-current="true"]{color:var(--ink);font-weight:600;text-decoration:none}
@media (max-width:900px){.ar-nav{display:none}.ar-act{margin-left:auto}}
@media (max-width:720px){:root{--gutter:20px}.ar{padding-top:36px}.ar-lead{font-size:17.5px}}
@media (max-width:480px){.ar-app{display:none}.ar-top-in{gap:10px}}