/* As atividades preservam seu próprio desenho dentro de um documento separado. */
.cl-pedagogico { padding: 30px 0 60px; }
.cl-pedagogico .cl-back { color: var(--cl-blue); }
.cl-pedagogico-heading { margin: 0 0 24px; }
.cl-pedagogico-heading h1 { margin: 10px 0 0; color: var(--cl-navy); font-size: clamp(28px,4vw,46px); font-weight: 900; letter-spacing: -.04em; }
.cl-pedagogico-frame { display: block; width: 100%; height: 1000px; border: 1px solid var(--cl-line); border-radius: 24px 8px; background: #fff; }
.cl-pedagogico .cl-back:focus-visible { outline: 3px solid var(--cl-violet); outline-offset: 4px; }
html[data-ri-theme="dark"] .cl-pedagogico-heading h1 { color: var(--cl-ink); }
html[data-ri-theme="dark"] .cl-pedagogico .cl-back { color: #a9ccff; }
@media (max-width: 620px) {
    .cl-pedagogico .cl-shell { width: calc(100% - 16px); }
    .cl-pedagogico-frame { border-radius: 16px 6px; }
}