/* Layout for blog posts written in the admin editor (matches the site's dark hero + light body) */
.ks-article { background: #fff; color: #222; }
.ks-article__head { background: #111 url("/wp-content/uploads/2023/11/WhatsApp-Image-2023-11-29-at-5.23.01-PM-1.jpeg") center / cover no-repeat; position: relative; color: #fff; padding: 150px 0 70px; }
.ks-article__head::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .72); }
.ks-article__head > * { position: relative; }
.ks-article__wrap { max-width: 820px; margin: 0 auto; padding: 0 20px; }
.ks-article__crumbs { font-size: 14px; margin: 0 0 12px; color: #d4d4d4; }
.ks-article__crumbs a { color: #d4af37; text-decoration: none; }
.ks-article__title { font-family: "Bebas Neue", Montserrat, sans-serif; font-size: clamp(34px, 5vw, 56px); line-height: 1.05; letter-spacing: .5px; margin: 0 0 12px; color: #fff; }
.ks-article__meta { margin: 0; color: #cfcfcf; font-size: 14px; }
.ks-article__image { margin: 40px 0 0; }
.ks-article__image img { width: 100%; height: auto; border-radius: 6px; display: block; }
.ks-article__body { font-family: Roboto, Arial, sans-serif; font-size: 17px; line-height: 1.8; padding: 32px 0 20px; }
.ks-article__body h2, .ks-article__body h3, .ks-article__body h4 { font-family: Montserrat, Arial, sans-serif; color: #111; line-height: 1.3; margin: 1.8em 0 .6em; }
.ks-article__body h2 { font-size: 28px; }
.ks-article__body h3 { font-size: 22px; }
.ks-article__body p, .ks-article__body ul, .ks-article__body ol { margin: 0 0 1.2em; }
.ks-article__body img { max-width: 100%; height: auto; border-radius: 4px; }
.ks-article__body figure { margin: 1.6em 0; }
.ks-article__body figcaption { font-size: 14px; color: #666; text-align: center; margin-top: 6px; }
.ks-article__body a { color: #9a7a1e; }
.ks-article__body blockquote { border-left: 4px solid #d4af37; margin: 1.6em 0; padding: .4em 0 .4em 1.2em; color: #444; font-style: italic; }
.ks-article__body table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 15px; }
.ks-article__body th, .ks-article__body td { border: 1px solid #ddd; padding: 8px 10px; text-align: left; }
.ks-article__body th { background: #f5f5f5; }
.ks-article__body iframe { max-width: 100%; }
.ks-article__back { padding: 10px 0 60px; }
.ks-article__back a { color: #111; font-weight: 600; text-decoration: none; }
.ks-article--404 .ks-article__body { text-align: center; padding: 40px 0 80px; }
.ks-article__body .ks-faq-item { border-top: 1px solid #e5e5e5; padding: 4px 0 2px; }
.ks-article__body .ks-faq-item h3 { font-size: 19px; margin: 1em 0 .4em; }
.ks-article__body table { display: block; overflow-x: auto; }
