/* Managed article layout only. Header/footer tokens and behavior belong to the theme. */
.koala-managed-reader { background: var(--cloud, #f5f7f8); padding-top: 88px; }
.koala-managed-reader .site-header:not(.is-scrolled):not(.menu-open) { background: var(--ink, #061421); }
/* Native focus must be possible immediately when the dialog becomes visible. */
.koala-managed-reader .mobile-menu,
.koala-managed-reader .mobile-menu * { transition: none !important; }
.koala-managed-reader .article-shell { max-width: 960px; margin: 0 auto; padding: 64px 32px 96px; }
.koala-managed-reader .breadcrumb { margin: 0 0 28px; color: var(--graphite, #586776); font-size: 14px; line-height: 1.7; }
.koala-managed-reader .breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }
.koala-managed-reader .article-kicker { margin: 0 0 16px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.koala-managed-reader h1 { max-width: 100%; margin: 0; font-family: var(--font-display); font-size: clamp(30px, 4.2vw, 56px); line-height: 1.22; letter-spacing: -.035em; overflow-wrap: anywhere; }
.koala-managed-reader .article-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 24px 0 32px; color: var(--graphite, #586776); font-size: 14px; line-height: 1.7; }
.koala-managed-reader .article-meta span { padding: 0; border: 0; color: inherit; font-size: inherit; font-weight: 400; letter-spacing: normal; }
.koala-managed-reader .article-summary { margin: 0 0 36px; padding: 0 0 0 24px; border-left: 3px solid var(--blue, #1769ff); font-size: 18px; line-height: 1.8; }
.koala-managed-reader .article-body { width: 100%; max-width: none; margin: 0; padding: 40px; background: #fff; border: 1px solid var(--line, #dfe6f1); border-radius: 8px; overflow-wrap: anywhere; }
.koala-managed-reader:lang(en) .article-body { max-width: 80ch; }
.koala-managed-reader .article-body h2 { margin: 44px 0 18px; font-size: clamp(24px, 3vw, 30px); line-height: 1.4; }
.koala-managed-reader .article-body h2:first-child { margin-top: 0; }
.koala-managed-reader .article-body h3 { margin: 32px 0 14px; font-size: 22px; line-height: 1.5; }
.koala-managed-reader .article-body p, .koala-managed-reader .article-body li { font-size: 17px; line-height: 1.9; }
.koala-managed-reader .article-body ul, .koala-managed-reader .article-body ol { padding-left: 1.5em; }
.koala-managed-reader .article-body a { text-decoration: underline; text-underline-offset: 4px; }
.koala-managed-reader .article-body img, .koala-managed-reader .article-body video { max-width: 100%; height: auto; }
.koala-managed-reader .article-body pre { max-width: 100%; overflow: auto; }
.koala-managed-reader .article-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.koala-managed-reader .article-body th, .koala-managed-reader .article-body td { padding: 10px; border: 1px solid var(--line, #dfe6f1); }
.koala-managed-reader .article-body th { min-width: 10ch; overflow-wrap: normal; }
.koala-managed-reader .article-body td { min-width: 28ch; }
.koala-managed-reader .article-links { margin-top: 36px; padding: 28px 0 0; border-top: 1px solid var(--line, #dfe6f1); }
.koala-managed-reader .article-links h2 { margin: 0 0 18px; font-size: 22px; }
.koala-managed-reader .article-links ul { list-style: none; margin: 0; padding: 0; }
.koala-managed-reader .article-links a { display: inline-block; padding: 10px 0; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 700px) {
  .koala-managed-reader .article-shell { padding: 36px 20px 56px; }
  .koala-managed-reader .article-body { padding: 24px 0; border: 0; background: transparent; }
  .koala-managed-reader .article-summary { padding-left: 16px; font-size: 17px; }
}