/* Shared type roles for the operational pages and the KDB reader. */
:root{
  --ui-page-title:28px;
  --ui-section-title:18px;
  --ui-card-title:16px;
  --ui-field:13px;
  --ui-body:13px;
  --ui-note:11px;
}

#workspace .page-heading h1,
#workspace .kdb-page-heading h1,
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading h1{font-size:var(--ui-page-title);line-height:1.2}
#workspace .page-heading p,
#workspace .kdb-page-heading p,
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading p{font-size:var(--ui-body);line-height:1.6}
#workspace .kdb-page-heading h1 small{font-size:var(--ui-note)}

#workspace .kdb-reading-head h2{font-size:23px;line-height:1.32}
#workspace .kdb-reading-section h3{font-size:var(--ui-card-title);line-height:1.4}
#workspace .kdb-reading-section p,
#workspace .kdb-reading-section .markdown-body,
#workspace .kdb-reading-section .markdown-body p,
#workspace .kdb-reading-section .markdown-body li{
  font-size:var(--ui-body);
  line-height:1.65;
}
#workspace .kdb-reading-section.solution h3{font-size:var(--ui-card-title)}
#workspace .kdb-reading-section.solution .markdown-body,
#workspace .kdb-reading-section.solution .markdown-body p,
#workspace .kdb-reading-section.solution .markdown-body li{color:#294c48}
#workspace .kdb-reading-section#kdb-symptoms{margin-top:12px;padding:15px 18px}
#workspace .kdb-reading-section#kdb-symptoms h3{margin-bottom:6px;font-size:15px}
#workspace .kdb-reading-section#kdb-symptoms p{font-size:var(--ui-body);line-height:1.6}

@media(max-width:720px){
  :root{
    --ui-page-title:25px;
    --ui-section-title:17px;
    --ui-card-title:15px;
    --ui-field:14px;
    --ui-body:14px;
    --ui-note:12px;
  }
  #workspace .kdb-reading-head h2{font-size:20px}
  #workspace .kdb-reading-section#kdb-symptoms{padding:13px 14px}
  #workspace .kdb-reading-section#kdb-symptoms h3{font-size:var(--ui-card-title)}
  #workspace .kdb-reading-section.solution .markdown-body ol>li{font-size:var(--ui-body)}
}