/* Materials only. Other pages and the shared header keep their styles. */
.reader-article .knowledge-main{max-width:960px}
.reader-article :is(.breadcrumbs,.article-intro,.article-layout,.conversion-section){max-width:760px;margin-inline:auto}
.reader-article .article-intro{padding:48px 0 28px}
.reader-article .article-intro h1{font-size:clamp(32px,3.5vw,46px);line-height:1.2;max-width:none;margin-bottom:22px;letter-spacing:-.03em}
.reader-article .article-intro>p{font-size:18px;line-height:1.75;max-width:70ch}
.reader-article .article-layout{display:block}
.reader-article .article-toc{position:static;border-block:1px solid var(--line);padding:0;margin:0 0 40px}
.reader-article .article-toc details{padding:0}
.reader-article .article-toc summary{margin:0;padding:16px 0;min-height:52px;font-size:14px;font-weight:600}
.reader-article .article-toc details[open] summary{margin:0}
.reader-article .article-toc ol{padding:0 0 20px;columns:1;display:grid;gap:4px;list-style:none}
.reader-article .article-toc li{margin:0}
.reader-article .article-toc a{padding:6px 0;min-height:36px;line-height:1.6;text-decoration-color:#a3a9a9}
.reader-article .article-body{max-width:72ch;font-size:17px;line-height:1.8;overflow-wrap:break-word}
.reader-article .article-body section{margin-bottom:44px}
.reader-article .article-body section h2{font-size:28px;line-height:1.3;max-width:33ch;margin-bottom:18px;text-wrap:pretty}
.reader-article .article-body p{margin:0 0 18px}
.reader-article .article-body :is(ul,ol){margin-block:16px 24px}
.reader-article .article-body li{padding-left:2px;margin-bottom:10px}
.reader-article .fragment-alias{display:block;scroll-margin-top:28px}
.reader-article .article-body .table-scroll{max-width:100%;margin-block:24px;scrollbar-color:#636d63 #f0f2ee}
.reader-article .article-body table{min-width:520px;font-size:14px}
.reader-article .article-body caption{text-align:left;font-weight:650;line-height:1.5;margin:0;padding:16px}
.reader-article .article-body :is(th,td){padding:14px 16px;line-height:1.65}
.reader-article .article-body th{background:#f0f2ee}
.reader-article .example-note{background:#f3f5ef;margin:26px 0;padding:22px 24px;border-radius:12px}
.reader-article .process-map{background:#f3f5ef}
.reader-article .case-reference{background:transparent;border-radius:0;border-block:1px solid var(--line);padding:26px 0;margin:38px 0 44px}
.reader-article .case-reference h2{font-size:23px;line-height:1.4;max-width:34ch}
.reader-article .case-reference p{font-size:16px;line-height:1.75}
.reader-article .case-reference .case-reference-metric{font-size:21px;font-weight:650;margin-block:18px 8px}
.reader-article .case-reference-metric span{font-size:14px;font-weight:400}
.reader-article .case-reference .text-link{font-size:15px;font-weight:600;line-height:1.6;min-height:44px;max-width:100%}
.reader-article .article-related{margin-top:0;padding-top:26px}
.reader-article .article-related h2{font-size:20px!important;margin-bottom:8px!important}
.reader-article .article-related ul{margin:0;list-style:none;padding:0}
.reader-article .article-related li{padding:0;margin:0;border:0}
.reader-article .article-related a{font-size:16px;padding:10px 0;line-height:1.6}
.reader-article .conversion-section{grid-template-columns:1fr;padding:30px 32px;gap:24px;margin-top:48px;border-radius:16px;background:#f1f3ee}
.reader-article .conversion-section h2{font-size:28px;line-height:1.3}
.reader-article .conversion-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;max-width:none}
.reader-article .conversion-actions .cta{min-height:52px;padding:14px 20px}
.reader-article .conversion-actions .home-route{min-height:52px;justify-content:center;font-size:14px;gap:8px;padding:12px 8px;text-align:center}
.reader-catalog .catalog-intro{padding-bottom:30px}
.reader-catalog :is(.service-topics a[href="#sales"],#sales){--topic-color:#c9fe6e;--topic-border:#acd85b}
.reader-catalog :is(.service-topics a[href="#support"],#support){--topic-color:#e0edff;--topic-border:#c3d7f2}
.reader-catalog :is(.service-topics a[href="#booking"],#booking){--topic-color:#ffead4;--topic-border:#edcfad}
.reader-catalog :is(.service-topics a[href="#shared"],#shared){--topic-color:#ebe5fa;--topic-border:#d4c9ec}
.reader-catalog .service-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;padding-bottom:28px}
.reader-catalog .service-topics a{background:var(--topic-color);border:1px solid var(--topic-border);border-radius:8px;padding:12px 16px;min-height:48px;font-size:14px;font-weight:600;text-decoration:none;gap:12px}
.reader-catalog .service-topics a:hover{background:var(--topic-color);border-color:#626c5b;text-decoration:underline;text-decoration-thickness:1px}
.reader-catalog .service-topics a span{font-size:12px;color:var(--muted)}
.reader-catalog .topic-heading{grid-template-columns:240px 1fr;gap:32px;align-items:center;margin-bottom:24px}
.reader-catalog .topic-heading h2{background:var(--topic-color);padding:7px 12px;font-size:29px;line-height:1.3;border-radius:6px}
.reader-catalog .topic-heading>p{margin:0;font-size:15px;max-width:60ch}
.reader-catalog .article-row{grid-template-columns:minmax(0,1fr);gap:28px;padding:26px 0}
.reader-catalog .article-row h3{font-size:23px;line-height:1.4;max-width:43ch;margin-bottom:10px}
.reader-catalog .article-row h3 a{text-decoration:none}
.reader-catalog .article-row h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.reader-catalog .article-row p{max-width:76ch;font-size:15px}
.reader-catalog #solutions>h2{width:fit-content;max-width:26ch;margin-bottom:26px;padding:7px 12px;border-radius:6px;background:var(--lime)}
.reader-catalog .solution-entry h3{font-size:20px}
.reader-catalog .solution-entry p{line-height:1.75}
.reader-catalog .conversion-actions .cta{min-width:240px}
@media(max-width:900px){
 .reader-catalog .service-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reader-catalog .topic-heading{grid-template-columns:1fr;gap:12px}
 .reader-article .article-intro{padding-top:36px}
}
@media(max-width:600px){
 .reader-article .knowledge-main{padding-inline:22px}
 .reader-article .article-intro{padding:30px 0 24px}
 .reader-article .article-intro h1{font-size:32px;line-height:1.22;letter-spacing:-.025em}
 .reader-article .article-intro>p{font-size:17px;line-height:1.75}
 .reader-article .article-toc{margin-bottom:30px}
 .reader-article .article-body{font-size:16px;line-height:1.8}
 .reader-article .article-body section{margin-bottom:34px}
 .reader-article .article-body section h2{font-size:25px;line-height:1.35}
 .reader-article .case-reference{margin:30px 0 34px;padding-block:22px}
 .reader-article .case-reference h2{font-size:22px}
 .reader-article .case-reference p{font-size:15px}
 .reader-article .case-reference .case-reference-metric{font-size:20px}
 .reader-article .case-reference .text-link{font-size:14px}
 .reader-article .example-note{padding:18px}
 .reader-article .table-hint{font-size:12px;line-height:1.6;margin:20px 0 8px}
 .reader-article .conversion-section{padding:24px 20px;gap:20px;margin-top:36px}
 .reader-article .conversion-section h2{font-size:25px}
 .reader-article .conversion-actions{grid-template-columns:1fr;gap:8px}
 .reader-article .conversion-actions .home-route{min-height:52px}
 .reader-catalog .service-topics{gap:8px}
 .reader-catalog .service-topics a{padding:11px 12px;font-size:13px;line-height:1.5}
 .reader-catalog .topic-heading h2{font-size:26px}
 .reader-catalog .article-row{grid-template-columns:1fr;gap:10px;padding:23px 0}
 .reader-catalog .article-row h3{font-size:21px}
 .reader-catalog .conversion-actions .cta{min-width:0;width:100%}
}