/* Safekidsthailand: preserve the blue artwork outside an opaque reading surface. */
body.sk-readable #main > .page-wrapper {
  /* Override the inherited global transparent !important rule, only on reading wrappers. */
  background-color: #102744 !important;
  max-width: 1160px;
  margin: 28px auto 40px;
  padding: 36px 40px;
  border: 1px solid #2b4969;
  border-radius: 12px;
  color: #e6effa;
}
body.sk-readable #main > .page-wrapper > #content { padding: 0; }
body.sk-readable #main .entry-header { margin-bottom: 28px; }
body.sk-readable #main .entry-content {
  color: #e6effa;
  font-size: 17px;
  line-height: 1.9;
  overflow-wrap: break-word;
}
body.sk-readable #main .entry-content > :is(p, ul, ol) { color: #e6effa; margin-bottom: 1.35em; }
body.sk-readable #main .entry-content :is(ul, ol) { padding-left: 1.3em; margin-left: 0; }
body.sk-readable #main .entry-content li { margin-bottom: .75em; }
body.sk-readable #main :is(h1, h2, h3, h4, h5, h6) { color: #f8fbff; line-height: 1.5; letter-spacing: normal; }
body.sk-readable #main .entry-title { font-size: clamp(25px, 2.3vw, 32px); font-weight: 700; }
body.sk-readable #main .entry-content h2 { font-size: clamp(23px, 2vw, 28px); margin: 1.7em 0 .7em; }
body.sk-readable #main .entry-content h3 { font-size: 21px; margin: 1.35em 0 .6em; }
body.sk-readable #main .entry-content :is(strong, b) { color: inherit; font-weight: 700; }
body.sk-readable #main a:not(.button):not(.more-link) { color: #8fd3ff; }
body.sk-readable #main .entry-content a:not(.button):not(:has(img)) { text-decoration: underline; text-underline-offset: .2em; }
body.sk-readable #main a:focus-visible { outline: 2px solid #8fd3ff; outline-offset: 4px; }
body.sk-readable #main .entry-content figure { margin: 28px 0; }
body.sk-readable #main .entry-content figure img { display: block; max-width: 100%; height: auto; margin: auto; }
body.sk-readable #main .entry-content table { background: #f2f7fc; color: #172f49; font-size: 16px; }
body.sk-readable #main .entry-content :is(td, th) { color: #172f49; line-height: 1.7; vertical-align: top; }
body.sk-readable #main .entry-content thead { background: #dcebf7 !important; }
body.sk-readable #main .entry-content table a:not(.button) { color: #12557f; }
body.sk-readable #main :is(.entry-meta, .widget, .widget-title, .textwidget, .archive-page-header, .cat-label) { color: #d4e4f5; }
body.sk-readable #main .entry-content > h1:empty { display: none; }
@media (max-width: 767px) {
  body.sk-readable #main > .page-wrapper { width: calc(100% - 24px); margin: 16px auto 28px; padding: 24px 18px; border-radius: 10px; }
  body.sk-readable #main .entry-content { font-size: 16px; line-height: 1.9; }
  body.sk-readable #main .entry-content h3 { font-size: 20px; }
  body.sk-readable #main .entry-content table { display: block; overflow-x: auto; max-width: 100%; }
  body.sk-readable #main .entry-content :is(td, th) { min-width: 115px; padding: 10px !important; }
}