/*
---
tags: [template, EDU, editor, padroes]
criado: 2026-09-24
dominio: EDU
status: em-construcao
autoria: gerado-com-Codex
prd: null
solicitacao: "Conversa — próxima etapa: padrões reutilizáveis de ensino"
---
Estilos compartilhados entre o editor e o conteúdo publicado.
*/
.jj-learning-pattern.wp-block-group {
 --jj-pattern-accent:var(--jj-color-primary,#244b3b);
 box-sizing:border-box;
 min-width:0;
 max-width:100%;
 padding:clamp(20px,3vw,30px);
 margin-block:24px;
 border:1px solid var(--jj-color-border,#d9d5ca);
 border-inline-start:4px solid var(--jj-pattern-accent);
 border-radius:12px;
 background:var(--jj-color-surface-1,#fffdf8);
 color:var(--jj-color-text,#202820);
 font-family:var(--jj-font-body,Arial,sans-serif);
 font-size:16px;
 line-height:1.8;
 overflow-wrap:anywhere;
}
.jj-learning-pattern.wp-block-group::before { content:none; }
.jj-learning-pattern > :first-child { margin-top:0; }
.jj-learning-pattern > :last-child { margin-bottom:0; }
.jj-learning-pattern :is(h2,h3) {
 color:var(--jj-color-text,#202820);
 font-family:var(--jj-font-display,Georgia,serif);
 font-weight:400;
 line-height:1.25;
 text-wrap:balance;
 margin-block:0 16px;
}
.jj-learning-pattern h2 { font-size:clamp(1.5rem,2.8vw,2rem); }
.jj-learning-pattern h3 { font-size:1.3rem; }
.jj-learning-pattern p { margin-block:12px; }
.jj-learning-pattern :is(ul,ol) { padding-inline-start:1.5em; }
.jj-learning-pattern li { padding-inline-start:4px; }
.jj-learning-pattern li + li { margin-top:10px; }
.jj-learning-pattern li::marker { color:var(--jj-pattern-accent); font-weight:700; }
.jj-learning-pattern a { color:var(--jj-color-primary,#244b3b); text-underline-offset:4px; }
.jj-learning-pattern :is(img,video,iframe) { max-width:100%; height:auto; }
.jj-learning-pattern :is(pre,.wp-block-table) { max-width:100%; overflow-x:auto; }
.jj-learning-pattern.wp-block-group.jj-learning-pattern--roteiro {
 padding:0;
 border:0;
 border-radius:0;
 background:transparent;
}
.jj-learning-pattern--roteiro > .jj-learning-pattern { margin-block:28px; }
.jj-learning-pattern.wp-block-group.jj-learning-pattern--passos,
.jj-learning-pattern.wp-block-group.jj-learning-pattern--exercicio {
 --jj-pattern-accent:var(--jj-color-accent,#a9573f);
}
.jj-learning-pattern.wp-block-group.jj-learning-pattern--referencias {
 border-inline-start-width:1px;
 font-size:15px;
}
.jj-learning-pattern .jj-learning-pattern__solution {
 margin-block:22px 0;
 border:1px solid var(--jj-color-border,#d9d5ca);
 border-radius:8px;
 background:var(--jj-color-background,#f4f0e6);
 padding:0 18px;
}
.jj-learning-pattern .jj-learning-pattern__solution > summary {
 min-height:48px;
 padding-block:12px;
 cursor:pointer;
 font-weight:600;
 font-size:14px;
 line-height:1.7;
 color:var(--jj-color-primary,#244b3b);
}
.jj-learning-pattern .jj-learning-pattern__solution[open] > summary {
 border-bottom:1px solid var(--jj-color-border,#d9d5ca);
 margin-bottom:16px;
}
.jj-learning-pattern :is(a,summary):focus-visible {
 outline:2px solid var(--jj-color-primary,#244b3b);
 outline-offset:4px;
 border-radius:3px;
}
@media(max-width:480px) {
 .jj-learning-pattern.wp-block-group { padding:20px 18px; font-size:15px; }
 .jj-learning-pattern.wp-block-group.jj-learning-pattern--roteiro { padding:0; }
 .jj-learning-pattern .jj-learning-pattern__solution { padding-inline:12px; }
}
@media print {
 .jj-learning-pattern.wp-block-group { break-inside:avoid; box-shadow:none; }
}