/* DREM Book page layout: a clean, spacious look (hero, one photo, service cards, plenty of white space). */
body { background: var(--drem-paper, #F7F2E8); }
.bg-dk-blue { background: var(--drem-midnight, #1E2147) !important; }
.bg-dk-blue .jumbotron { padding-top: 84px !important; padding-bottom: 84px !important; text-align: center; }
.bg-dk-blue h1.title { font-size: clamp(30px, 4.6vw, 48px) !important; line-height: 1.15 !important; font-family: Georgia, "Zilla Slab", serif; font-weight: 400; letter-spacing: -0.01em; }
.lede { font-size: clamp(17px, 2vw, 20px); line-height: 1.6; color: var(--drem-graphite, #4A4D63); margin: 0 0 8px; }
.section-padding-default { padding-top: 56px !important; padding-bottom: 56px !important; }
.section-padding-default:nth-of-type(even) { background: #fff; }
.section-padding-default h2 { font-family: Georgia, "Zilla Slab", serif; font-size: clamp(24px, 3vw, 30px); color: var(--drem-midnight, #1E2147); margin: 0 0 18px; padding-bottom: 12px; position: relative; font-weight: 400; }
.section-padding-default h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; background: var(--drem-ember, #C4470E); }
.section-padding-default p, .section-padding-default li { font-size: 16.5px; line-height: 1.7; color: #2b2d42; }
.section-padding-default ul { padding-left: 0; list-style: none; }
.section-padding-default ul li { position: relative; padding: 10px 0 10px 26px; border-bottom: 1px solid var(--drem-line, #E3DDCF); }
.section-padding-default ul li::before { content: ""; position: absolute; left: 4px; top: 19px; width: 9px; height: 9px; border-radius: 50%; background: var(--drem-ember, #C4470E); }
.section-padding-default ul li a { font-weight: 700; color: var(--drem-midnight, #1E2147); text-decoration: none; border-bottom: 2px solid var(--drem-ember, #C4470E); }
.page-img { margin-top: 0 !important; margin-bottom: 32px !important; }
.page-img img { border-radius: 14px !important; box-shadow: 0 14px 40px rgba(30,33,71,.12); width: 100%; height: auto; }
.faq-item { background: #fff; border: 1px solid var(--drem-line, #E3DDCF); border-left: 4px solid var(--drem-ember, #C4470E); border-radius: 10px; padding: 16px 20px; margin-bottom: 12px; }
.faq-item h3 { font-size: 17px; margin: 0 0 6px; color: var(--drem-midnight, #1E2147); font-family: inherit; }
.faq-item p { margin: 0; }
.breadcrumb { background: #fff !important; border-bottom: 1px solid var(--drem-line, #E3DDCF); }
.content-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.content-card { background: #fff; border: 1px solid var(--drem-line, #E3DDCF); border-radius: 14px; padding: 22px; box-shadow: 0 1px 2px rgba(30,33,71,.05); }
.content-card h3 { font-size: 19px; margin: 0 0 8px; font-family: Georgia, "Zilla Slab", serif; font-weight: 400; }
.content-card h3 a { color: var(--drem-midnight, #1E2147); text-decoration: none; }
.content-card h3 a:hover { text-decoration: underline; }
.content-meta { font-size: 13px; color: var(--drem-ember-deep, #A83A09); font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.content-empty { color: var(--drem-graphite, #4A4D63); font-style: italic; }
.content-reader h2 { font-size: 30px; }
.btn { display: inline-block; background: var(--drem-ember, #C4470E); color: #fff !important; border-radius: 999px; padding: 11px 24px; font-weight: 700; text-decoration: none; border: 0; }
.btn:hover { background: var(--drem-ember-deep, #A83A09); }
.newsletter-form { display: grid; gap: 10px; max-width: 460px; }
.newsletter-form input[type=email] { padding: 11px 14px; border: 1.5px solid var(--drem-line, #E3DDCF); border-radius: 8px; font: inherit; }
.newsletter-form .consent { font-size: 13.5px; font-weight: 400; display: flex; gap: 8px; align-items: flex-start; }
.newsletter-form button { justify-self: start; background: var(--drem-midnight, #1E2147); color: #fff; border: 0; border-radius: 999px; padding: 11px 26px; font-weight: 700; cursor: pointer; }
.site-search input[type=search] { width: 100%; padding: 13px 16px; font-size: 16px; border: 1.5px solid var(--drem-line, #E3DDCF); border-radius: 999px; font: inherit; }
.site-search-results { list-style: none; padding: 0; margin-top: 18px; }
.site-search-results li { background: #fff; border: 1px solid var(--drem-line, #E3DDCF); border-radius: 12px; padding: 14px 18px; margin-bottom: 10px; }
.site-search-results li a { font-weight: 700; color: var(--drem-midnight, #1E2147); }
.ann-backdrop { position: fixed; inset: 0; background: rgba(30,33,71,.55); display: flex; align-items: center; justify-content: center; z-index: 9999; padding: 20px; }
.ann-dialog { background: #fff; border-radius: 16px; max-width: 480px; width: 100%; padding: 30px 28px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.ann-dialog h2 { font-family: Georgia, "Zilla Slab", serif; font-size: 24px; margin: 0 0 10px; color: var(--drem-midnight, #1E2147); }
.ann-close { position: absolute; top: 12px; right: 12px; background: none; border: 0; font-size: 14px; color: var(--drem-graphite, #4A4D63); cursor: pointer; text-decoration: underline; }
.ann-actions { margin-top: 16px; }
@media (max-width: 600px) { .bg-dk-blue .jumbotron { padding-top: 56px !important; padding-bottom: 56px !important; } .section-padding-default { padding-top: 40px !important; padding-bottom: 40px !important; } }

/* header: white bar with dark text, so the logo and menu read clearly on the paper background */
#site-header, .site-header, .header-wrapper, .main-nav, .mobile-header, header.site-header { background: #fff !important; }
#site-header a, .site-header a, .main-nav a, .header-wrapper a { color: var(--drem-midnight, #1E2147); }