/* The facts format keeps the reading path separate from practice lessons. */
.facts-page .lesson-facts{color:var(--muted);white-space:nowrap}
.facts-page .facts-reading-time{font-size:11px;margin:14px 8px;color:var(--muted)}
.facts-page .contents nav>a>span{min-width:35px;opacity:1;color:var(--accent);font-variant-numeric:tabular-nums}
.facts-page .facts-intro{padding-bottom:12px}
.facts-page .facts-intro p:first-child{font-size:18px;color:var(--ink)}
.facts-page .article-section{padding-top:27px;margin-top:27px;border-top:1px solid var(--line)}
.facts-page .article-section h2{align-items:flex-start;gap:15px;font-size:27px;line-height:1.3;margin-bottom:12px;letter-spacing:-.035em}
.facts-page .section-index{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--tint);color:var(--accent);font-size:12px;font-weight:750;letter-spacing:0;padding:0;line-height:1;flex-shrink:0}
.facts-page .article-section [lang=ar]{unicode-bidi:isolate;font-size:1.16em}
.facts-page .article-section bdi{unicode-bidi:isolate}
.facts-page .facts-closing{background:var(--tint);padding:26px 29px;border-radius:18px;margin:38px 0 28px;scroll-margin-top:115px}
.facts-page .facts-closing h2{font-size:28px;line-height:1.25;margin-bottom:16px}
.facts-page .facts-closing p{font-size:15px}
@media(max-width:800px){
 .facts-page .facts-reading-time{margin:6px 0 2px}
 .facts-page .facts-intro{padding-bottom:0}
}
@media(max-width:580px){
 .facts-page .facts-intro p:first-child{font-size:16px}
 .facts-page .article-section{padding-top:24px;margin-top:25px}
 .facts-page .article-section h2{font-size:23px;gap:12px}
 .facts-page .section-index{width:31px;height:31px;border-radius:9px;font-size:11px}
 .facts-page .facts-closing{padding:21px 22px;margin-top:28px}
 .facts-page .facts-closing h2{font-size:25px}
 .facts-page .facts-closing p{font-size:14px}
}