@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inika:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap');

.logo {
    font-family: "Bebas Neue", serif;
    letter-spacing: -1.5px;
}

.title {
    font-family: "PT Sans", serif;
}

html,
body {
    font-family: "Inika", serif; /* Keep the typewriter-like style */
    font-size: 18px !important; /* Ensure the font size is 18px */
    line-height: 1.4 !important; /* Ensure the line height is 1.4 */
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fw-500 {
    font-weight: 500;
}

.infscroll h1 {
    font-size: 22px;
    font-family: "PT Sans", serif;
}

/* Give breathing room around left-floated editor images */
img.note-float-left {
  margin: 0 1rem 0.75rem 0 !important;
}

img.note-float-right { margin: 0 0 0.75rem 1rem !important; }

.article-body::after { content: ""; display: block; clear: both; }

/* Header font hierarchy with specificity to override Bootstrap */
h1 {
    font-size: 36px !important; /* Largest header */
    font-family: "PT Sans", serif !important;
    font-weight: 700 !important;
}

h2 {
    font-size: 30px !important; /* Slightly smaller than h1 */
    font-family: "PT Sans", serif !important;
    font-weight: 700 !important;
}

h3 {
    font-size: 24px !important; /* Smaller than h2 */
    font-family: "PT Sans", serif !important;
    font-weight: 700 !important;
}

h4 {
    font-size: 20px !important; /* Smaller than h3 */
    font-family: "PT Sans", serif !important;
    font-weight: 500 !important;
}

h5 {
    font-size: 18px !important; /* Smaller than h4 */
    font-family: "PT Sans", serif !important;
    font-weight: 500 !important;
}

h6 {
    font-size: 16px !important; /* Smallest header */
    font-family: "PT Sans", serif !important;
    font-weight: 500 !important;
}

/* Optional: Add spacing between headers and content */
h1, h2, h3, h4, h5, h6 {
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
}

/* ===== Blog post content (Summernote output) ===== */
/* Wrap your rendered post HTML with <div class="post-body">...</div> */

.post-body ul,
.post-body ol,
.post-body li {
  font-size: inherit !important;   /* fix oversized lists */
  line-height: 1.55;
}

/* Nested lists spacing */
.post-body ul,
.post-body ol { 
  margin: 0 0 1rem 1.25rem;
  padding: 0;
}
.post-body ul ul,
.post-body ol ol { margin-top: .25rem; }

/* Agreement box (reusable) */
:root {
  --agree-bg: #e9f9ea;
  --agree-border: #c9e8cc;
}

.post-body .agreement-box {
  background: var(--agree-bg);
  border: 1px solid var(--agree-border);
  border-radius: 6px;
  padding: 12px 14px;
  margin: 12px 0;
}

/* Keep typography inside the box consistent */
.post-body .agreement-box ul,
.post-body .agreement-box ol,
.post-body .agreement-box li {
  font-size: inherit !important;
  line-height: inherit;
}

/* Make the first bold word (“Agreement”) read like a title */
.post-body .agreement-box > strong:first-child {
  display: inline-block;
  font-weight: 700;
  margin-bottom: .25rem;
}