/* Shared topic reading layout. Scoped to Aptitude topic routes. */
body.als-reading-page { background:#f3f5f2; }
body.als-reading-page #als-main-container.als-container-full-width {
  width:100%!important; max-width:100%!important; min-width:0;
  padding:32px 20px!important; background:#f3f5f2!important;
  color:#233b40; font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow-wrap:anywhere;
}
body.als-reading-page #als-main-container *,
body.als-reading-page #als-main-container *::before,
body.als-reading-page #als-main-container *::after { box-sizing:border-box; }
body.als-reading-page #als-main-container > :is(.als-topic-header,.als-featured-image,.als-topic-content-wrapper,.als-topic-navigation,.als-interlinking-section,.als-ad-footer) {
  width:100%; max-width:1080px; min-width:0; margin:0 auto 24px;
}
body.als-reading-page #als-main-container .als-topic-header {
  background:#fff; border:1px solid #dce4df; padding:30px; border-radius:18px;
}
body.als-reading-page #als-main-container .als-topic-header h1 {
  color:#143c40!important; font-size:clamp(26px,3.3vw,42px)!important;
  line-height:1.25!important; letter-spacing:-.7px; text-wrap:balance;
}
body.als-reading-page #als-main-container .als-breadcrumb {line-height:1.7;gap:6px 10px;}
body.als-reading-page #als-main-container .als-breadcrumb a {color:#17665c!important;}
body.als-reading-page #als-main-container .als-topic-meta-info,
body.als-reading-page #als-main-container .als-topic-meta-info strong {color:#50646a!important;}
body.als-reading-page #als-main-container .als-featured-image {max-height:none;box-shadow:none;}
body.als-reading-page #als-main-container .als-featured-image img {display:block;width:100%;height:auto;object-fit:contain;}
body.als-reading-page #als-main-container .als-topic-content-wrapper {
  background:#fff; border:1px solid #dce4df; border-radius:18px;
  padding:clamp(20px,5vw,64px); box-shadow:0 8px 40px #173c4010; color:#233b40;
}
body.als-reading-page #als-main-container .als-topic-main-content {max-width:850px;min-width:0;margin:auto;font-size:18px;line-height:1.85;}
body.als-reading-page #als-main-container .als-topic-main-content :is(p,li) {font-size:17px!important;line-height:1.85!important;color:#30474c!important;}
body.als-reading-page #als-main-container .als-topic-main-content :is(h2,h3,h4) {color:#143c40!important;line-height:1.35!important;scroll-margin-top:90px;}
body.als-reading-page #als-main-container .als-topic-main-content h2 {font-size:clamp(25px,3vw,32px)!important;margin:40px 0 20px;}
body.als-reading-page #als-main-container .als-topic-main-content h3 {font-size:22px!important;}
body.als-reading-page #als-main-container .als-topic-main-content a {color:#116d5c;}
body.als-reading-page #als-main-container .als-topic-main-content :is(.als-concept-box,.als-example-detailed,.als-method-step,.als-option-analysis,.als-symbol-analysis,.als-term-box,.als-tip-card,.als-relation-card,.als-property-card,.als-final-answer) {background:#edf5ef!important;color:#234b43!important;border-color:#cfdfd4;max-width:100%;min-width:0;}
body.als-reading-page #als-main-container .als-related-topics ul {grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));}
body.als-reading-page #als-main-container #ict-blood-lesson .br-recap :is(p,a,.br-eyebrow) {color:#e5f2e8!important;}
body.als-reading-page #als-main-container .als-topic-main-content :is(img,video,svg) {max-width:100%;height:auto;}
body.als-reading-page #als-main-container .als-topic-main-content :is(.als-family-tree-container,.als-family-tree-diagram,.als-narrative-diagram,.als-formula-table-container,.als-comparison-table,.als-reference-table,.als-data-table,.als-cube-diagram,.als-painted-cube-diagram) {max-width:100%;min-width:0;overflow-x:auto;}
body.als-reading-page #als-main-container .als-topic-main-content :is(pre,table) {max-width:100%;overflow-x:auto;}
body.als-reading-page #als-main-container .als-topic-main-content table {display:block;border-collapse:collapse;}
body.als-reading-page #als-main-container .als-topic-main-content :is(td,th) {padding:12px 16px;}
body.als-reading-page #als-main-container .als-topic-main-content td {color:#30474c;background:#f3f7f3;}
body.als-reading-page #als-main-container :is(.als-auto-intro,.als-faq-section,.als-faq-item) {background:#f1f6f2;color:#30474c;border-color:#dce4df;}
body.als-reading-page #als-main-container :is(.als-auto-intro,.als-faq-section) :is(p,h2,h3) {color:#234b43!important;}
/* Only the curated pilot has its own introduction and FAQ. */
body.als-reading-page #als-main-container:has(#ict-blood-lesson) .als-topic-content-wrapper > :is(.als-auto-intro,.als-faq-section) {display:none;}
/* Size the host before ad measurement. Never scale or hide an ad creative. */
body.als-reading-page #als-main-container :is(.als-topic-header,.als-topic-content-wrapper,.als-topic-main-content) {min-width:0;}
body.als-reading-page #als-main-container :is(.als-ad-header,.als-ad-footer,.als-ad-between-h2,.als-ad-content-middle,.als-sticky-ad-content,.google-auto-placed) {
  width:100%!important; max-width:100%!important; min-width:0!important;
  padding:0!important; margin:28px auto; contain:inline-size;
  overflow:auto; border:0; background:transparent;
}
body.als-reading-page #als-main-container ins.adsbygoogle {display:block!important;max-width:100%!important;min-width:0!important;margin-inline:auto!important;}
body.als-reading-page #als-main-container :is(a,summary,button):focus-visible {outline:3px solid #b28a2e;outline-offset:4px;}
@media(max-width:600px) {
  body.als-reading-page #als-main-container.als-container-full-width {padding:16px 12px!important;}
  body.als-reading-page #als-main-container .als-topic-header {padding:20px 16px;}
  body.als-reading-page #als-main-container .als-topic-content-wrapper {padding:24px 16px;}
  body.als-reading-page #als-main-container .als-topic-meta-info {gap:8px;}
  body.als-reading-page #als-main-container .als-topic-main-content :is(p,li) {font-size:16px!important;}
}

/* Lesson tables scroll at the wrapper, retaining full column width. */
body.als-reading-page #als-main-container .als-topic-main-content .br-table-wrap table { display:table; width:100%; table-layout:auto; }
