/* /blog/[slug] — template de artigo. Conceito: página de leitura.
   Coluna de texto central (~68 caracteres), cabeçalho alinhado à coluna, sumário lateral à direita só em artigos longos,
   CTA contextual discreto no fim do texto, relacionados reais. Sem motion decorativo. */

/* Grade de leitura: margem | coluna de texto | lateral */
.ba-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,700px) minmax(200px,1fr);column-gap:clamp(32px,4vw,64px)}
.ba-cols > *{grid-column:2}
@media (max-width:1080px){.ba-cols{grid-template-columns:minmax(0,1fr) minmax(0,700px) minmax(0,1fr);column-gap:0}}

/* ---------- Cabeçalho ---------- */
.ba-top{padding-block:clamp(32px,4vw,72px) clamp(40px,4vw,64px)}
.ba-head{display:flex;flex-direction:column;align-items:flex-start}
.ba-model{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;padding:6px 12px;border-radius:999px;background:var(--wash);font-family:var(--f-ui);font-size:12px;color:var(--ink-2)}
.ba-crumbs ol{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-family:var(--f-ui);font-size:12.5px;color:var(--ink-3)}
.ba-crumbs li{display:inline-flex;align-items:center}
.ba-crumbs li + li::before{content:"/";margin:0 10px;color:var(--neutral)}
.ba-crumbs a{color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;min-height:28px}
.ba-crumbs a:hover{color:var(--blue-text);text-decoration:underline;text-underline-offset:3px}
.ba-cat{margin-bottom:18px}
.ba-h1{font-size:clamp(2.1rem,1.3rem + 2.4vw,3.5rem);line-height:1.08;letter-spacing:-.034em}
.ba-deck{margin-top:22px;font-size:var(--fs-lead);line-height:1.55;color:var(--ink-2);letter-spacing:-.005em}
.ba-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:28px;padding-top:18px;border-top:1px solid var(--line-2);width:100%;font-family:var(--f-ui);font-size:13px;color:var(--ink-2)}
.ba-meta > span + span::before{content:"·";margin:0 10px;color:var(--neutral)}
.ba-meta [data-m="author"]{color:var(--ink);font-weight:500}
.ba-cover-wrap{margin-top:clamp(40px,4vw,56px)}
.ba-cover{margin:0;max-width:1040px;margin-inline:auto}
.ba-cover img{width:100%;border-radius:20px;aspect-ratio:16/9;object-fit:cover;background:#E6E6EA}

/* ---------- Leitura ---------- */
.ba-read{padding-block:clamp(56px,5vw,88px) clamp(72px,6vw,120px)}
.ba-read .ba-cols{align-items:start}
.ba-body{grid-row:1;font-size:1.075rem;line-height:1.75;color:var(--ink);min-width:0}
.ba-body > * + *{margin-top:1.25em}
.ba-body p{color:rgba(29,29,31,.84)}
.ba-body h2{font-size:clamp(1.5rem,1.2rem + .9vw,2rem);line-height:1.2;letter-spacing:-.024em;margin-top:2.2em;scroll-margin-top:calc(var(--header-h) + 16px)}
.ba-body h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.014em;margin-top:1.8em}
.ba-body h2 + *,.ba-body h3 + *{margin-top:.8em}
.ba-body > :first-child{margin-top:0}
.ba-body a{color:var(--blue-text);text-underline-offset:3px;text-decoration-thickness:1px}
.ba-body ul,.ba-body ol{padding-left:1.3em}
.ba-body li + li{margin-top:.45em}
.ba-body li::marker{color:var(--ink-3)}
.ba-body blockquote{margin-inline:0;padding:4px 0 4px 24px;border-left:2px solid var(--ink);font-size:1.25rem;line-height:1.5;letter-spacing:-.012em}
.ba-body blockquote p{color:var(--ink)}
.ba-body blockquote cite,.ba-body blockquote footer{display:block;margin-top:10px;font-style:normal;font-family:var(--f-ui);font-size:12.5px;color:var(--ink-2)}
.ba-body figure{margin-inline:0}
.ba-body figure img{border-radius:14px;width:100%}
.ba-body figcaption{margin-top:10px;font-family:var(--f-ui);font-size:12.5px;color:var(--ink-2)}
.ba-body .ba-tablewrap{overflow-x:auto}
.ba-body table{width:100%;border-collapse:collapse;font-family:var(--f-ui);font-size:14px;line-height:1.5}
.ba-body th,.ba-body td{text-align:left;padding:11px 14px 11px 0;border-bottom:1px solid var(--line-2);vertical-align:top}
.ba-body th{font-weight:600;color:var(--ink);border-bottom-color:var(--ink)}
.ba-body pre{margin-inline:0;padding:18px 20px;border-radius:12px;background:var(--ink);color:var(--paper);overflow-x:auto;font-size:13.5px;line-height:1.6}
.ba-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}
.ba-body :not(pre) > code{padding:2px 6px;border-radius:6px;background:var(--wash)}
.ba-body .ba-callout{padding:20px 22px;border-radius:14px;background:var(--blue-wash);color:var(--ink)}
.ba-body .ba-callout p{color:var(--ink)}
.ba-body .ba-callout strong:first-child{display:block;margin-bottom:4px;font-weight:500}
.ba-body .ba-note{padding-top:14px;border-top:1px solid var(--line-2);font-family:var(--f-ui);font-size:13.5px;line-height:1.6;color:var(--ink-2)}
.ba-body .ba-note p{color:var(--ink-2)}
.ba-ph{display:grid;place-items:center;aspect-ratio:16/9;border-radius:14px;background:#E6E6EA;font-family:var(--f-ui);font-size:13px;color:var(--ink-2)}

/* Sumário lateral (artigos longos) */
.ba-toc{grid-column:3;grid-row:1;position:sticky;top:calc(var(--header-h) + 24px);max-width:240px;font-family:var(--f-ui)}
.ba-toc-t{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500;margin-bottom:12px}
.ba-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line-2)}
.ba-toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:1px solid transparent;font-size:13px;line-height:1.4;color:var(--ink-2);text-decoration:none}
.ba-toc a:hover{color:var(--ink)}
.ba-toc a[aria-current="true"]{color:var(--ink);border-left-color:var(--blue)}
@media (max-width:1080px){
  .ba-toc{grid-column:2;grid-row:1;position:static;max-width:none;margin-bottom:40px;padding:18px 20px;border-radius:14px;background:var(--paper)}
  .ba-toc ol{border-left:0}
  .ba-toc a{padding:8px 0;margin:0;border:0;min-height:36px}
  .ba-body{grid-row:2}
}

/* CTA contextual: fim do texto, sem interromper a leitura */
.ba-cta{grid-row:2;margin-top:56px;padding-top:24px;border-top:1px solid var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px}
.ba-cta-t{font-size:1.1rem;letter-spacing:-.012em;max-width:42ch}
@media (max-width:1080px){.ba-cta{grid-row:3}}

/* ---------- Relacionados ---------- */
.ba-rel-h{font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.018em;margin-bottom:24px}
.ba-rel-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--ink)}
.ba-rel-list a{display:flex;flex-direction:column;gap:8px;padding:22px 0;text-decoration:none;border-bottom:1px solid var(--line-2);height:100%}
.ba-rel-list .ba-rel-c{font-size:var(--fs-label);letter-spacing:.09em;text-transform:uppercase;color:var(--blue-text);font-weight:500}
.ba-rel-list .ba-rel-t{font-size:1.1rem;line-height:1.35;letter-spacing:-.012em}
.ba-rel-list a:hover .ba-rel-t{color:var(--blue-text)}
@media (max-width:820px){.ba-rel-list{grid-template-columns:minmax(0,1fr)}}

/* Botão do sumário recolhível: existe só no telefone (display:none fora do bloco mobile). */
.ba-toc-btn{display:none}

/* ================= MOBILE (≤720) — desktop/tablet intocados =================
   Artigo integral, só leitura melhor: cabeçalho (categoria, título, resumo, meta) cabe numa tela; sumário vira gaveta
   recolhível no topo; corpo 17px / 1.7 com gutter; headings com scroll-margin; tabelas e código rolam dentro do bloco;
   CTA discreto no fim; relacionados em 1 coluna (≤820 já). */
@media (max-width:720px){
  .ba-top{padding-block:24px 32px}
  .ba-model{margin-bottom:18px}
  .ba-crumbs ol{margin-bottom:18px}
  .ba-crumbs a{min-height:40px}
  .ba-cat{margin-bottom:12px}
  .ba-h1{font-size:clamp(1.95rem,8.4vw,2.4rem);line-height:1.1}
  .ba-deck{margin-top:16px}
  .ba-meta{margin-top:20px;padding-top:14px}
  .ba-cover-wrap{margin-top:28px}
  .ba-cover img{border-radius:14px;aspect-ratio:3/2}

  .ba-read{padding-block:28px 72px}
  .ba-toc{margin-bottom:32px;padding:0;overflow:hidden}
  .ba-toc-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 18px;border:0;background:none;cursor:pointer;text-align:left;font-family:var(--f-ui);color:var(--ink)}
  .ba-toc-btn-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
  .ba-toc-btn-n{flex:1;font-size:.9rem}
  .ba-toc-btn svg{width:11px;height:11px;flex:none;opacity:.6;transition:transform .2s}
  .ba-toc-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
  .ba-toc > .ba-toc-t{display:none}
  .ba-toc ol{padding:0 18px 10px}
  .ba-toc:not(.is-open) ol{display:none}
  .ba-toc a{min-height:44px;display:flex;align-items:center;font-size:.95rem}

  .ba-body{font-size:1.0625rem;line-height:1.7}
  .ba-body h2{font-size:clamp(1.4rem,6vw,1.6rem);margin-top:1.9em}
  .ba-body h2,.ba-body h3{scroll-margin-top:calc(var(--header-h) + 16px)}
  .ba-body h3{font-size:1.18rem;margin-top:1.6em}
  .ba-body blockquote{padding-left:18px;font-size:1.15rem}
  .ba-body .ba-tablewrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .ba-body th,.ba-body td{min-width:6.5rem}
  .ba-body pre{padding:16px;font-size:13px;overscroll-behavior-x:contain}
  .ba-body .ba-callout{padding:18px}
  .ba-cta{margin-top:44px;padding-top:20px}
  .ba-cta .link{min-height:44px}
  .ba-rel-list a{padding:18px 0}
}


/* MINFONT:INICIO — celular: textos com no mínimo 12px (gerado) */
@media (max-width:640px){.ba-toc-t,.ba-toc-btn-k{font-size:12px}}
/* MINFONT:FIM */
/* quem escreveu (cabeçalho) */
.ba-meta [data-m="author"]{display:inline-flex;align-items:center;gap:8px}
.ba-au{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--ink);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em}
.ba-au img{width:100%;height:100%;object-fit:cover}
.ba-au-role{color:var(--ink-2);font-weight:400}
.ba-au-role::before{content:"·";margin-right:8px;color:var(--neutral)}

/* ---- shared/blocks.css ---- */
/* AGGU · blocos visuais de artigo (blog). Mesmo CSS no site (/blog/[slug]) e no ADM (prévias do editor).
   Tudo dentro de .bk, com tokens próprios (não depende do CSS da página). Gerado com src/shared/blocks.js. */
.bk{--bk-blue:#007AFF;--bk-blue-t:#0060C9;--bk-ink:#1D1D1F;--bk-ink2:rgba(29,29,31,.7);--bk-ink3:rgba(29,29,31,.55);--bk-line:rgba(29,29,31,.12);
  --bk-paper:#F5F5F7;--bk-white:#fff;--bk-wash:rgba(0,122,255,.08);--bk-ok:#1F7A3A;--bk-okw:rgba(52,199,89,.12);--bk-warn:#8A5300;--bk-warnw:rgba(255,170,0,.15);
  --bk-alert:#B4231B;--bk-alertw:rgba(255,59,48,.09);--bk-r:18px;--bk-brand:var(--f-brand,"Sora",ui-sans-serif,system-ui,sans-serif);--bk-ui:var(--f-ui,"Inter",ui-sans-serif,system-ui,sans-serif);
  font-size:1.075rem;line-height:1.75;color:var(--bk-ink)}
.bk :where(p,ul,ol,figure,blockquote,h2,h3,hr,details){margin:0}
.bk > * + *{margin-top:1.3em}
.bk > :is(.bk-callout,.bk-hl,.bk-cards,.bk-steps,.bk-check,.bk-stats,.bk-cmp,.bk-table,.bk-sum,.bk-cta,.bk-it,.bk-fig,.bk-quote){margin-top:2.2em}
.bk > :is(.bk-callout,.bk-hl,.bk-cards,.bk-steps,.bk-check,.bk-stats,.bk-cmp,.bk-table,.bk-sum,.bk-cta,.bk-it,.bk-fig,.bk-quote) + *{margin-top:2.2em}
.bk > :first-child{margin-top:0}
.bk > p:not([class]){color:rgba(29,29,31,.84)}
.bk h2{font-family:var(--bk-brand);font-weight:400;font-size:clamp(1.5rem,1.2rem + .9vw,2rem);line-height:1.2;letter-spacing:-.024em;margin-top:2.4em}
.bk h3{font-family:var(--bk-brand);font-weight:400;font-size:1.28rem;line-height:1.3;letter-spacing:-.014em;margin-top:1.9em}
.bk h2 + *,.bk h3 + *{margin-top:.8em !important}
.bk strong{font-weight:600;color:var(--bk-ink)}
.bk mark{background:linear-gradient(transparent 52%,rgba(0,122,255,.2) 52%);color:inherit;padding:0 .08em;border-radius:2px}
.bk a{color:var(--bk-blue-t);text-underline-offset:3px;text-decoration-thickness:1px}
.bk ul:not([class]),.bk ol:not([class]){padding-left:1.3em}
.bk li + li{margin-top:.45em}

/* ícones (máscara CSS: herdam a cor do texto) */
.bk .bk-tile{display:inline-grid;place-items:center;flex:none;box-sizing:border-box}
.bk .bk-tile > .bk-ic{width:100%;height:100%}
.bk .bk-ic{display:inline-block;flex:none;width:1em;height:1em;background:currentColor;-webkit-mask:var(--bk-m) center/contain no-repeat;mask:var(--bk-m) center/contain no-repeat;vertical-align:-.12em}

/* abertura */
.bk .bk-lead{font-family:var(--bk-brand);font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.5;letter-spacing:-.016em;color:var(--bk-ink)}

/* destaque com ícone */
.bk .bk-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:22px 24px;border-radius:var(--bk-r);background:var(--bk-wash);color:var(--bk-ink)}
.bk .bk-callout-ic{width:40px;height:40px;padding:10px;border-radius:12px;background:var(--bk-white);color:var(--bk-blue);box-sizing:border-box}
.bk .bk-callout-b{font-size:1rem;line-height:1.65}
.bk .bk-callout-b p + p{margin-top:.7em}
.bk .bk-callout-t{font-family:var(--bk-ui);font-weight:600;font-size:1rem;margin-bottom:4px !important}
.bk .bk-callout[data-tone="tip"]{background:var(--bk-okw)}.bk .bk-callout[data-tone="tip"] .bk-callout-ic{color:var(--bk-ok)}
.bk .bk-callout[data-tone="warn"]{background:var(--bk-warnw)}.bk .bk-callout[data-tone="warn"] .bk-callout-ic{color:var(--bk-warn)}
.bk .bk-callout[data-tone="alert"]{background:var(--bk-alertw)}.bk .bk-callout[data-tone="alert"] .bk-callout-ic{color:var(--bk-alert)}
.bk .bk-callout[data-tone="neutral"]{background:var(--bk-paper)}.bk .bk-callout[data-tone="neutral"] .bk-callout-ic{color:var(--bk-ink)}
.bk .bk-callout[data-tone="dark"]{background:var(--bk-ink);color:#F5F5F7}.bk .bk-callout[data-tone="dark"] .bk-callout-ic{background:rgba(255,255,255,.1);color:#fff}
.bk .bk-callout[data-tone="dark"] strong{color:#fff}

/* frase em destaque */
.bk .bk-hl{padding:clamp(28px,4vw,44px);border-radius:22px;background:var(--bk-paper);position:relative;overflow:hidden}
.bk .bk-hl-t{font-family:var(--bk-brand);font-size:clamp(1.45rem,1.1rem + 1.3vw,2.15rem);line-height:1.25;letter-spacing:-.026em;color:var(--bk-ink);max-width:28ch}
.bk .bk-hl-c{margin-top:16px !important;font-family:var(--bk-ui);font-size:13px;color:var(--bk-ink2)}
.bk .bk-hl[data-tone="blue"]{background:var(--bk-blue)}.bk .bk-hl[data-tone="blue"] :is(.bk-hl-t,strong){color:#fff}.bk .bk-hl[data-tone="blue"] .bk-hl-c{color:rgba(255,255,255,.85)}
.bk .bk-hl[data-tone="dark"]{background:var(--bk-ink)}.bk .bk-hl[data-tone="dark"] :is(.bk-hl-t,strong){color:#F5F5F7}.bk .bk-hl[data-tone="dark"] .bk-hl-c{color:rgba(245,245,247,.72)}
.bk .bk-hl[data-tone="blue"] mark,.bk .bk-hl[data-tone="dark"] mark{background:linear-gradient(transparent 55%,rgba(255,255,255,.25) 55%)}
.bk .bk-hl::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:currentColor;opacity:.05;color:var(--bk-blue)}
.bk .bk-hl[data-tone="blue"]::after,.bk .bk-hl[data-tone="dark"]::after{color:#fff;opacity:.08}

/* cards com ícone */
.bk .bk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bk .bk-cards[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.bk .bk-card{padding:22px 20px;border-radius:var(--bk-r);background:var(--bk-white);box-shadow:0 0 0 1px var(--bk-line);display:flex;flex-direction:column;gap:6px}
.bk .bk-card-ic{width:40px;height:40px;padding:10px;border-radius:12px;background:var(--bk-wash);color:var(--bk-blue);box-sizing:border-box;margin-bottom:10px}
.bk .bk-card-t{font-family:var(--bk-ui);font-weight:600;font-size:1rem;line-height:1.35;letter-spacing:-.005em}
.bk .bk-card-x{font-size:.93rem;line-height:1.55;color:var(--bk-ink2)}

/* passo a passo */
.bk .bk-kicker{font-family:var(--bk-ui);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--bk-blue-t);margin-bottom:14px !important}
.bk .bk-steps ol{list-style:none;margin:0;padding:0;counter-reset:none}
.bk .bk-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;position:relative;padding-bottom:22px;margin:0}
.bk .bk-steps li:last-child{padding-bottom:0}
.bk .bk-steps li:not(:last-child)::before{content:"";position:absolute;left:19.5px;top:44px;bottom:4px;width:1px;background:var(--bk-line)}
.bk .bk-steps-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bk-blue);color:#fff;font-family:var(--bk-ui);font-size:15px;font-weight:600}
.bk .bk-steps-t{font-family:var(--bk-ui);font-weight:600;font-size:1.02rem;line-height:1.4;padding-top:8px}
.bk .bk-steps-x{margin-top:4px !important;font-size:.97rem;line-height:1.6;color:var(--bk-ink2)}

/* checklist */
.bk .bk-check{padding:24px;border-radius:var(--bk-r);background:var(--bk-white);box-shadow:0 0 0 1px var(--bk-line)}
.bk .bk-check-t{font-family:var(--bk-ui);font-weight:600;font-size:1rem;margin-bottom:14px !important}
.bk .bk-check ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bk .bk-check li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:1rem;line-height:1.55}
.bk .bk-check-ic{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--bk-okw);color:var(--bk-ok);box-sizing:border-box;margin-top:2px}

/* números */
.bk .bk-stats{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:14px}
.bk .bk-stats[data-n="1"]{--n:1}.bk .bk-stats[data-n="2"]{--n:2}.bk .bk-stats[data-n="3"]{--n:3}.bk .bk-stats[data-n="4"]{--n:4}
.bk .bk-stat{padding:22px 20px;border-radius:var(--bk-r);background:var(--bk-paper)}
.bk .bk-stat-v{font-family:var(--bk-brand);font-size:clamp(2rem,1.5rem + 1.6vw,2.8rem);line-height:1;letter-spacing:-.04em;color:var(--bk-blue-t)}
.bk .bk-stat-l{margin-top:10px !important;font-family:var(--bk-ui);font-size:.9rem;line-height:1.45;color:var(--bk-ink2)}
.bk .bk-src{margin-top:10px !important;font-family:var(--bk-ui);font-size:12.5px;color:var(--bk-ink3)}

/* comparação */
.bk .bk-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bk .bk-cmp-c{padding:22px 22px 24px;border-radius:var(--bk-r);background:var(--bk-paper)}
.bk .bk-cmp-c[data-side="b"]{background:var(--bk-white);box-shadow:0 0 0 2px var(--bk-blue)}
.bk .bk-cmp-t{display:flex;align-items:center;gap:10px;font-family:var(--bk-ui);font-weight:600;font-size:1rem;margin-bottom:12px !important}
.bk .bk-cmp-ic{width:28px;height:28px;padding:6px;border-radius:50%;box-sizing:border-box}
.bk .bk-cmp-c[data-side="a"] .bk-cmp-ic{background:var(--bk-alertw);color:var(--bk-alert)}
.bk .bk-cmp-c[data-side="b"] .bk-cmp-ic{background:var(--bk-okw);color:var(--bk-ok)}
.bk .bk-cmp ul{margin:0;padding-left:1.1em;font-size:.97rem;line-height:1.6;color:var(--bk-ink2)}
.bk .bk-cmp-c[data-side="b"] ul{color:var(--bk-ink)}
.bk .bk-cmp li::marker{color:var(--bk-ink3)}

/* tabela */
.bk .bk-table{margin-inline:0}
.bk .bk-table-w{overflow-x:auto;border-radius:var(--bk-r);box-shadow:0 0 0 1px var(--bk-line);background:var(--bk-white)}
.bk .bk-table table{width:100%;border-collapse:collapse;font-family:var(--bk-ui);font-size:14.5px;line-height:1.5}
.bk .bk-table th,.bk .bk-table td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--bk-line);vertical-align:top}
.bk .bk-table thead th{background:var(--bk-paper);font-weight:600;font-size:13px;letter-spacing:.01em}
.bk .bk-table tbody th{font-weight:600}
.bk .bk-table tbody tr:last-child > *{border-bottom:0}
.bk .bk-table figcaption,.bk .bk-fig figcaption,.bk .bk-it-fig figcaption{margin-top:10px;font-family:var(--bk-ui);font-size:12.5px;color:var(--bk-ink2)}

/* resumo */
.bk .bk-sum{padding:24px 26px;border-radius:var(--bk-r);background:linear-gradient(135deg,rgba(0,122,255,.1),rgba(0,122,255,.03));box-shadow:inset 3px 0 0 var(--bk-blue)}
.bk .bk-sum-t{display:flex;align-items:center;gap:10px;font-family:var(--bk-ui);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--bk-blue-t);margin-bottom:12px !important}
.bk .bk-sum-ic{width:18px;height:18px}
.bk .bk-sum ul{margin:0;padding-left:1.15em;display:grid;gap:8px;font-size:1rem;line-height:1.55}
.bk .bk-sum li{margin:0}.bk .bk-sum li::marker{color:var(--bk-blue)}

/* chamada final */
.bk .bk-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;padding:clamp(26px,3.5vw,36px);border-radius:22px;background:var(--bk-blue);color:#fff}
.bk .bk-cta-b{flex:1 1 280px}
.bk .bk-cta-t{font-family:var(--bk-brand);font-size:clamp(1.3rem,1.1rem + .7vw,1.65rem);line-height:1.25;letter-spacing:-.02em;color:#fff}
.bk .bk-cta-x{margin-top:8px !important;font-size:1rem;line-height:1.55;color:rgba(255,255,255,.88)}
.bk .bk-cta-a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:#fff;color:var(--bk-blue-t) !important;font-family:var(--bk-ui);font-weight:600;font-size:15px;text-decoration:none}
.bk .bk-cta-a:hover{background:#F0F6FF}
.bk .bk-cta[data-tone="dark"]{background:var(--bk-ink)}.bk .bk-cta[data-tone="dark"] .bk-cta-a{color:var(--bk-ink) !important}
.bk .bk-cta[data-tone="light"]{background:var(--bk-paper);color:var(--bk-ink)}.bk .bk-cta[data-tone="light"] .bk-cta-t{color:var(--bk-ink)}.bk .bk-cta[data-tone="light"] .bk-cta-x{color:var(--bk-ink2)}.bk .bk-cta[data-tone="light"] .bk-cta-a{background:var(--bk-blue);color:#fff !important}

/* botão simples */
.bk .bk-btnrow{margin-top:1.6em}
.bk .bk-btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;background:var(--bk-blue);color:#fff !important;font-family:var(--bk-ui);font-weight:600;font-size:15px;text-decoration:none}

/* citação */
.bk .bk-quote{margin-inline:0;padding:4px 0 4px 26px;border-left:3px solid var(--bk-blue)}
.bk .bk-quote p{font-family:var(--bk-brand);font-size:clamp(1.2rem,1.05rem + .6vw,1.45rem);line-height:1.45;letter-spacing:-.014em;color:var(--bk-ink)}
.bk .bk-quote cite{display:block;margin-top:10px;font-style:normal;font-family:var(--bk-ui);font-size:13px;color:var(--bk-ink2)}

/* perguntas */
.bk .bk-faq{border-radius:14px;background:var(--bk-paper);padding:0 20px}
.bk .bk-faq + .bk-faq{margin-top:10px}
.bk .bk-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:17px 0;font-family:var(--bk-ui);font-weight:600;font-size:1rem;line-height:1.45}
.bk .bk-faq summary::-webkit-details-marker{display:none}
.bk .bk-faq summary::after{content:"+";flex:none;font-size:22px;line-height:1;color:var(--bk-blue-t);transition:transform .2s}
.bk .bk-faq[open] summary::after{transform:rotate(45deg)}
.bk .bk-faq-a{padding-bottom:18px;font-size:.98rem;line-height:1.65;color:var(--bk-ink2)}

/* mídia */
.bk .bk-fig{margin-inline:0}
.bk .bk-fig img,.bk .bk-fig video,.bk .bk-it-fig img{display:block;width:100%;border-radius:var(--bk-r);background:#E6E6EA}
.bk .bk-ph{display:grid;place-items:center;aspect-ratio:16/9;border-radius:var(--bk-r);background:#E6E6EA;font-family:var(--bk-ui);font-size:13px;color:var(--bk-ink2)}
.bk .bk-it{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.bk .bk-it[data-side="right"] .bk-it-fig{order:2}
.bk .bk-it-fig{margin:0}.bk .bk-it-fig img{aspect-ratio:4/3;object-fit:cover}
.bk .bk-it-t{font-family:var(--bk-brand);font-size:1.3rem;line-height:1.3;letter-spacing:-.016em;margin-bottom:8px !important}
.bk .bk-it-b p:not(.bk-it-t){font-size:1rem;line-height:1.65;color:var(--bk-ink2)}
.bk .bk-it-b p + p{margin-top:.7em}
.bk .bk-sep{border:0;height:1px;background:var(--bk-line);margin-block:2.4em}

/* blocos largos ganham respiro além da coluna de leitura no computador */
@media (min-width:1100px){
  .ba-body .bk > :is(.bk-hl,.bk-cards,.bk-stats,.bk-cmp,.bk-cta,.bk-it){margin-inline:-48px}
}

/* conversa (WhatsApp/portal) */
.bk .bk-chat{padding:18px;border-radius:22px;background:#EFEAE2;max-width:560px}
.bk .bk-chat-h{display:flex;align-items:center;gap:8px;margin:-2px 0 12px !important;font-family:var(--bk-ui);font-size:13px;font-weight:600;color:var(--bk-ink2)}
.bk .bk-chat-dot{width:8px;height:8px;border-radius:50%;background:#34C759}
.bk .bk-chat-b{display:flex;flex-direction:column;gap:8px}
.bk .bk-msg{max-width:82%;padding:9px 12px 10px;border-radius:14px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.06);align-self:flex-start;border-top-left-radius:4px}
.bk .bk-msg[data-who="office"]{align-self:flex-end;background:#D9FDD3;border-top-left-radius:14px;border-top-right-radius:4px}
.bk .bk-msg-n{font-family:var(--bk-ui);font-size:11.5px;font-weight:600;color:var(--bk-ink3);margin-bottom:2px !important}
.bk .bk-msg[data-who="office"] .bk-msg-n{color:#1F7A3A}
.bk .bk-msg-t{font-family:var(--bk-ui);font-size:.95rem;line-height:1.45;color:var(--bk-ink)}
.bk .bk-chat .bk-src{margin-top:12px !important}

/* calendário do mês */
.bk .bk-cal{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:start;padding:24px;border-radius:var(--bk-r);background:var(--bk-white);box-shadow:0 0 0 1px var(--bk-line)}
.bk .bk-cal-t{font-family:var(--bk-ui);font-weight:600;font-size:1rem;margin-bottom:12px !important}
.bk .bk-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;font-family:var(--bk-ui);font-size:13px;text-align:center}
.bk .bk-cal-w{font-size:11px;font-weight:600;color:var(--bk-ink3);padding-bottom:4px}
.bk .bk-cal-d{display:grid;place-items:center;aspect-ratio:1;border-radius:9px;color:var(--bk-ink2);font-variant-numeric:tabular-nums}
.bk .bk-cal-d[data-tone]{color:#fff;font-weight:600}
.bk .bk-cal-d[data-tone="blue"],.bk .bk-cal-l [data-tone="blue"] b{background:var(--bk-blue)}
.bk .bk-cal-d[data-tone="green"],.bk .bk-cal-l [data-tone="green"] b{background:#25A04B}
.bk .bk-cal-d[data-tone="amber"],.bk .bk-cal-l [data-tone="amber"] b{background:#D98A00}
.bk .bk-cal-d[data-tone="red"],.bk .bk-cal-l [data-tone="red"] b{background:#E0352B}
.bk .bk-cal-d[data-tone="ink"],.bk .bk-cal-l [data-tone="ink"] b{background:var(--bk-ink)}
.bk .bk-cal-l{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-self:center}
.bk .bk-cal-l li{display:flex;align-items:center;gap:12px;margin:0;font-size:.97rem;line-height:1.4}
.bk .bk-cal-l b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;font-family:var(--bk-ui);font-size:13px;font-variant-numeric:tabular-nums}

/* linha do tempo */
.bk .bk-tl ol{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px;position:relative}
.bk .bk-tl ol::before{content:"";position:absolute;left:6px;right:6px;top:6px;height:2px;background:var(--bk-line)}
.bk .bk-tl li{position:relative;margin:0;padding-top:26px}
.bk .bk-tl-dot{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--bk-white);box-shadow:inset 0 0 0 3px var(--bk-blue)}
.bk .bk-tl li:last-child .bk-tl-dot{background:var(--bk-blue)}
.bk .bk-tl-w{font-family:var(--bk-ui);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bk-blue-t)}
.bk .bk-tl-t{margin-top:4px !important;font-family:var(--bk-ui);font-weight:600;font-size:1rem;line-height:1.35}
.bk .bk-tl-x{margin-top:4px !important;font-size:.93rem;line-height:1.55;color:var(--bk-ink2)}

/* glossário */
.bk .bk-gl{padding:22px 24px;border-radius:var(--bk-r);background:var(--bk-paper)}
.bk .bk-gl-h{display:flex;align-items:center;gap:10px;font-family:var(--bk-ui);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--bk-ink2);margin-bottom:12px !important}
.bk .bk-gl dl{margin:0;display:grid;gap:12px}
.bk .bk-gl dl > div{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:16px;padding-top:12px;border-top:1px solid var(--bk-line)}
.bk .bk-gl dl > div:first-child{padding-top:0;border-top:0}
.bk .bk-gl dt{font-family:var(--bk-ui);font-weight:600;font-size:.95rem}
.bk .bk-gl dd{margin:0;font-size:.95rem;line-height:1.55;color:var(--bk-ink2)}

/* autor */
.bk .bk-au{display:flex;gap:16px;align-items:flex-start;padding:22px 0 0;border-top:1px solid var(--bk-line)}
.bk img.bk-au-av{object-fit:cover;background:#E6E6EA}
.bk .bk-au-av{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bk-ink);color:#fff;font-family:var(--bk-brand);font-size:18px;letter-spacing:.02em}
.bk .bk-au-n{font-family:var(--bk-ui);font-weight:600;font-size:1rem;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.bk .bk-au-n span{font-weight:400;font-size:13px;color:var(--bk-ink2)}
.bk .bk-au-x{margin-top:4px !important;font-size:.95rem;line-height:1.55;color:var(--bk-ink2)}

.bk > :is(.bk-chat,.bk-cal,.bk-tl,.bk-gl,.bk-au){margin-top:2.2em}
.bk > :is(.bk-chat,.bk-cal,.bk-tl,.bk-gl,.bk-au) + *{margin-top:2.2em}
@media (min-width:1100px){.ba-body .bk > .bk-cal{margin-inline:-48px}}
@container (max-width:600px){
  .bk .bk-cal{grid-template-columns:minmax(0,1fr);padding:20px}
  .bk .bk-tl ol{grid-auto-flow:row;gap:18px;padding-left:28px}
  .bk .bk-tl ol::before{left:6px;right:auto;top:6px;bottom:6px;width:2px;height:auto}
  .bk .bk-tl li{padding-top:0}
  .bk .bk-tl-dot{left:-28px;top:2px}
  .bk .bk-gl dl > div{grid-template-columns:minmax(0,1fr);gap:2px}
  .bk .bk-msg{max-width:90%}
}

/* coluna estreita (celular, prévia do ADM): regras por largura do próprio bloco */
.bk{container-type:inline-size}
@media (max-width:720px){.bk{font-size:1.02rem}}
@container (max-width:600px){
  .bk .bk-cards,.bk .bk-cards[data-cols="2"],.bk .bk-cmp,.bk .bk-it{grid-template-columns:minmax(0,1fr)}
  .bk .bk-it[data-side="right"] .bk-it-fig{order:0}
  .bk .bk-stats[data-n="3"],.bk .bk-stats[data-n="4"]{--n:2}
  .bk .bk-callout{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}
  .bk .bk-card{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;padding:18px}
  .bk .bk-card-ic{margin-bottom:0}
  .bk .bk-card-t{flex:1 1 0;min-width:0}
  .bk .bk-card-x{flex-basis:100%}
  .bk .bk-cta{padding:24px 22px}
  .bk .bk-cta-a{width:100%;justify-content:center}
  .bk .bk-hl{padding:26px 22px}
}
@container (max-width:340px){.bk .bk-stats[data-n]{--n:1}}
.bk .bk-ic[data-ic="check"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="alert"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9 16H3z'/%3E%3Cpath d='M12 10v4.5M12 17.5v.01'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="info"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="idea"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.6 10.8c.7.5 1.1 1.3 1.1 2.2h5c0-.9.4-1.7 1.1-2.2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="star"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.4 5.9.8-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.8z'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="target"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="clock"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="calendar"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="doc"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="folder"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 7a2 2 0 0 1 2-2h4l2 2.5h7a2 2 0 0 1 2 2V17a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="users"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8.5' r='3.5'/%3E%3Cpath d='M2.5 20c.6-3.4 3.2-5.5 6.5-5.5s5.9 2.1 6.5 5.5'/%3E%3Cpath d='M16 5.2a3.5 3.5 0 0 1 0 6.6M18.5 14.8c1.7.8 2.8 2.6 3 5.2'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="chat"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12a8 8 0 0 1-11.6 7.1L3.5 20.5l1.4-5A8 8 0 1 1 20.5 12z'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="shield"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.6-3.2 8.3-7.5 9.5-4.3-1.2-7.5-4.9-7.5-9.5V6z'/%3E%3Cpath d='M9 12l2.2 2.2L15.5 10'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="lock"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="chart"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16'/%3E%3Cpath d='M7 16v-4M12 16V7M17 16v-7'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="money"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2.5'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v.01M18 14.5v.01'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="link"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4.5 4.5 0 0 0 6.4 0l3-3a4.5 4.5 0 0 0-6.4-6.4l-1 1'/%3E%3Cpath d='M14 10a4.5 4.5 0 0 0-6.4 0l-3 3a4.5 4.5 0 0 0 6.4 6.4l1-1'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="bolt"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L5 13.5h6L10 21l8-10.5h-6z'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="flag"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 4h11l-2 4 2 4H5'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="gear"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.3 5.3l2.1 2.1M16.6 16.6l2.1 2.1M5.3 18.7l2.1-2.1M16.6 7.4l2.1-2.1'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="search"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5L21 21'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="inbox"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 13.5l2.6-7.2A2 2 0 0 1 8 5h8a2 2 0 0 1 1.9 1.3l2.6 7.2V18a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z'/%3E%3Cpath d='M3.5 13.5H8l1.5 2.5h5l1.5-2.5h4.5'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="layers"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="spark"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c.6 4.2 2.8 6.4 7 7-4.2.6-6.4 2.8-7 7-.6-4.2-2.8-6.4-7-7 4.2-.6 6.4-2.8 7-7z'/%3E%3Cpath d='M19 15.5c.2 1.6 1 2.3 2.5 2.5-1.5.2-2.3.9-2.5 2.5-.2-1.6-1-2.3-2.5-2.5 1.5-.2 2.3-.9 2.5-2.5z'/%3E%3C/svg%3E")}
.bk .bk-ic[data-ic="arrow"]{--bk-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.bk .bk-callout[data-tone="dark"] p{color:#F5F5F7}
.bk .bk-callout-b p{color:inherit}

/* ---------- movimento ao rolar (só no site: o JS do artigo liga .is-motion; sem JS ou com movimento reduzido, tudo aparece parado) ---------- */
.bk.is-motion .bk-mo{opacity:0;transform:translateY(14px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.bk.is-motion .bk-mo.is-in{opacity:1;transform:none}
/* itens internos em sequência (--i definido pelo JS) */
.bk.is-motion .bk-mo :is(.bk-card,.bk-steps li,.bk-check li,.bk-msg,.bk-cal-l li,.bk-tl li,.bk-stat,.bk-cmp-c,.bk-gl dl > div,.bk-sum li,.bk-table tbody tr){opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i,0) * 140ms + 150ms)}
.bk.is-motion .bk-mo.is-in :is(.bk-card,.bk-steps li,.bk-check li,.bk-msg,.bk-cal-l li,.bk-tl li,.bk-stat,.bk-cmp-c,.bk-gl dl > div,.bk-sum li,.bk-table tbody tr){opacity:1;transform:none}
/* conversa: mensagens chegam como no celular */
.bk.is-motion .bk-mo .bk-msg{transition-delay:calc(var(--i,0) * 650ms + 250ms);transform:translateY(10px) scale(.97)}
.bk.is-motion .bk-mo .bk-msg[data-who="office"]{transform-origin:right bottom}
.bk.is-motion .bk-mo .bk-msg[data-who="client"]{transform-origin:left bottom}
/* passo a passo: número acende e a linha desce */
.bk.is-motion .bk-mo .bk-steps-n{transform:scale(.6);opacity:.3;transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .3s;transition-delay:calc(var(--i,0) * 140ms + 200ms)}
.bk.is-motion .bk-mo.is-in .bk-steps-n{transform:none;opacity:1}
.bk.is-motion .bk-mo .bk-steps li:not(:last-child)::before{transform:scaleY(0);transform-origin:top;transition:transform .5s ease;transition-delay:calc(var(--i,0) * 140ms + 350ms)}
.bk.is-motion .bk-mo.is-in .bk-steps li:not(:last-child)::before{transform:none}
/* checklist: o visto marca um a um */
.bk.is-motion .bk-mo .bk-check-ic{transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i,0) * 140ms + 380ms)}
.bk.is-motion .bk-mo.is-in .bk-check-ic{transform:none}
/* calendário: dias marcados acendem em ordem */
.bk.is-motion .bk-mo .bk-cal-d[data-tone]{background:transparent !important;color:var(--bk-ink2);box-shadow:inset 0 0 0 1px var(--bk-line);transition:background .35s ease,color .35s ease,box-shadow .35s;transition-delay:calc(var(--d,0) * 260ms + 300ms)}
.bk.is-motion .bk-mo.is-in .bk-cal-d[data-tone]{color:#fff;box-shadow:none}
.bk.is-motion .bk-mo.is-in .bk-cal-d[data-tone="blue"]{background:var(--bk-blue) !important}
.bk.is-motion .bk-mo.is-in .bk-cal-d[data-tone="green"]{background:#25A04B !important}
.bk.is-motion .bk-mo.is-in .bk-cal-d[data-tone="amber"]{background:#D98A00 !important}
.bk.is-motion .bk-mo.is-in .bk-cal-d[data-tone="red"]{background:#E0352B !important}
.bk.is-motion .bk-mo.is-in .bk-cal-d[data-tone="ink"]{background:var(--bk-ink) !important}
.bk.is-motion .bk-mo .bk-cal-l li{transition-delay:calc(var(--i,0) * 260ms + 300ms)}
/* linha do tempo: a linha corre e os pontos acendem */
.bk.is-motion .bk-mo .bk-tl ol::before{transform:scaleX(0);transform-origin:left;transition:transform 1.2s ease .2s}
.bk.is-motion .bk-mo.is-in .bk-tl ol::before{transform:none}
.bk.is-motion .bk-mo .bk-tl li{transition-delay:calc(var(--i,0) * 240ms + 250ms)}
/* comparação: esquerda e depois direita */
.bk.is-motion .bk-mo .bk-cmp-c{transition-delay:calc(var(--i,0) * 350ms + 150ms)}
.bk.is-motion .bk-mo .bk-cmp-c[data-side="b"]{box-shadow:0 0 0 1px var(--bk-line);transition:opacity .5s ease,transform .5s ease,box-shadow .6s ease .9s}
.bk.is-motion .bk-mo.is-in .bk-cmp-c[data-side="b"]{box-shadow:0 0 0 2px var(--bk-blue)}
/* frase em destaque: marca-texto desliza */
.bk.is-motion .bk-mo .bk-hl mark,.bk.is-motion .bk-mo.bk-hl mark{background-size:0% 100%;background-repeat:no-repeat;transition:background-size .9s ease .5s}
.bk.is-motion .bk-mo.is-in mark{background-size:100% 100%}
/* resumo e tabela: itens em sequência (herdam a regra geral) */
@media (prefers-reduced-motion:reduce){.bk.is-motion .bk-mo,.bk.is-motion .bk-mo *{transition:none !important}}
@container (max-width:600px){
  .bk.is-motion .bk-mo .bk-tl ol::before{transform:scaleY(0);transform-origin:top}
  .bk.is-motion .bk-mo.is-in .bk-tl ol::before{transform:none}
}