/* 
  Global default styles for all leaf cell content.
  These styles can be overridden by the local CSS provided in the admin panel.
*/

/* Target elements within the .prose container in HtmlContent.tsx */
.prose h1, .prose h2, .prose h3 {
    font-family: var(--font-headline);
    color: hsl(var(--primary));
}

.prose p, .prose li {
    font-family: var(--font-body);
    line-height: 1.7;
    color: hsl(var(--foreground) / 0.9);
}

.prose a {
    color: hsl(var(--accent));
    text-decoration: underline;
    transition: color 0.2s;
}

.prose a:hover {
    color: hsl(var(--primary));
}

.prose strong {
    color: hsl(var(--foreground));
}

.prose blockquote {
    border-left-color: hsl(var(--primary));
    color: hsl(var(--muted-foreground));
}
/*
div {
    font-size:12px;
    }
*/    
ul {
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
   }
   
   ol {
    list-style-type: lower-roman;
    list-style-position: outside;
    list-style-image: none;
   }
   
   .listSpacing1 {
       margin-top: 10px !important;
       margin-bottom: 10px !important;
   }
   .listIndent1 {
       margin-left: 30px !important;
       padding-top: 10px !important;
   }
   .ageRange {
       font-size:16px;
       background-color: grey !important;
       color: white !important;
       padding-left: 10px !important;
   }
   .listText {
       font-family: sans-serif;
       font-size: 120%;
   }
   
   .neonate {
       background-color: #BED3EB !important;
   }
   .child {
       background-color: #84B4E8 !important;
   }
   
   
   .list>li>a {
       display: block;
       position: relative;
       display: block;
       color: inherit;
       margin: -20px -20px -20px -10px;
       text-decoration: none;
       padding: 20px 20px 20px 10px;
   }
   
   .quick_ref {
       background-color: #c1f0c1 !important;
   }
   
   table {
       display: table;
       border-collapse: separate;
       border-spacing: 2px;
       border-color: grey;
   }
   tbody {
       font-size: 80% !important;
       text-align: center !important;
       box-sizing: border-box;
   }
   tr.trTitle {
       font-weight: bold !important;
   }
   td {
       border: solid 1px !important;
       padding: 5px !important;
   }
   
   p.antibioticChoice {
       background-color: yellow !important;
       color: black !important;
       padding: 10px !important;
       font-weight: bold !important;
       text-decoration: none !important;
   }
   p.references {
       font-style: italic !important;
       color: grey !important;
       font-size: 70% !important;
       line-height: 150% !important;
       margin-top: 40px !important;
   }
   p.policyVersion {
       font-style: italic !important;
       color: grey !important;
       font-size: 70% !important;
       line-height: 150% !important;
       margin-top: 20px !important;
   }