/*
 * Lâminas do estudo, na página pública (2.23.0).
 *
 * Impressas por LaminaService::prepend_public() no começo do conteúdo, que no modelo do tema
 * fica logo abaixo da capa. Uma faixa que rola de lado, uma lâmina por vez, com as setas e o
 * contador embaixo. A rolagem é da faixa, nunca da página (lição da 2.6.6: nada rola na
 * horizontal no documento). As variáveis apontam para os tokens do tema, com valor de segurança.
 */
.ml-laminas{margin:0 0 28px}
.ml-laminas__faixa{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:var(--mlm-radius,14px)}
.ml-laminas__faixa::-webkit-scrollbar{display:none}
.ml-laminas__faixa:focus-visible{outline:2px solid var(--ml-color-primary,#1F4E45);outline-offset:3px}
.ml-laminas .ml-laminas__item{flex:0 0 100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always}
.ml-laminas .ml-laminas__img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--mlm-radius,14px);background:var(--ml-color-primary-soft,#E7EEEB)}
.ml-laminas figcaption{margin:10px 2px 0;font-size:14px;line-height:1.5;color:var(--ml-color-text-muted,#626764)}
.ml-laminas__nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}
.ml-laminas__seta{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--ml-color-line,#E2E1DA);background:var(--ml-color-surface,#FFFFFF);color:var(--ml-color-ink,#16181A);cursor:pointer;transition:border-color .15s,color .15s}
.ml-laminas__seta:hover{border-color:var(--ml-color-primary,#1F4E45);color:var(--ml-color-primary,#1F4E45)}
.ml-laminas__seta:focus-visible{outline:2px solid var(--ml-color-primary,#1F4E45);outline-offset:2px}
.ml-laminas__seta[disabled]{opacity:.35;cursor:default}
.ml-laminas__conta{min-width:64px;text-align:center;font:500 12px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;color:var(--ml-color-text-muted,#626764)}
@media (prefers-reduced-motion:reduce){.ml-laminas__faixa{scroll-behavior:auto}}
@media print{.ml-laminas__faixa{display:block;overflow:visible}.ml-laminas .ml-laminas__item{margin-bottom:12px;break-inside:avoid}.ml-laminas__nav{display:none}}

/* Tutorial (2.27.0): a lâmina N logo abaixo do título "Passo N". A imagem abre o arquivo inteiro,
   porque print de tela se lê de perto. */
.ml-laminas-passo{margin:14px 0 28px}
.ml-laminas-passo__link{display:block;border:1px solid var(--ml-color-line,#E2E1DA);border-radius:var(--mlm-radius,14px);overflow:hidden;line-height:0}
.ml-laminas-passo__link:focus-visible{outline:2px solid var(--ml-color-primary,#1F4E45);outline-offset:3px}
.ml-laminas-passo .ml-laminas-passo__img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0;border-radius:0;background:var(--ml-color-primary-soft,#E7EEEB)}
.ml-laminas-passo figcaption{margin:10px 2px 0;font-size:14px;line-height:1.5;color:var(--ml-color-text-muted,#626764)}