/*
 * Minimal: a calm, warm design for a focused product. Cream paper, near-black
 * ink, one saturated yellow used sparingly (full stops of headlines, step
 * numbers, eyebrows on dark bands), small uppercase monospace labels, white
 * hairline cards and black pill buttons. Bands alternate cream / lighter /
 * black as chapter breaks.
 */
:root {
	--sk-bg: #F5F2EA;
	--sk-surface: #FFFFFF;
	--sk-soft: #FBF9F4;
	--sk-border: #E5DFD1;
	--sk-border-strong: #CFC7B6;
	--sk-ink: #111111;
	--sk-text: #3A3833;
	--sk-muted: #615E56;
	--sk-dark: #0E0D0B;
	--sk-dark-surface: #171612;
	--sk-dark-border: rgba(255, 255, 255, .14);
	--sk-dark-ink: #FFFFFF;
	--sk-dark-text: #AAA69D;
	--sk-btn: var(--primary, #111111);
	--sk-btn-ink: var(--primary-inverse, #FFFFFF);
	--sk-btn-hover: #2A2925;
	--sk-accent: var(--secondary, #F5C518);
	--sk-accent-ink: #111111;
	--sk-radius-card: 14px;
	--sk-radius-media: 18px;
	--sk-card-padding: 28px;
	--sk-shadow-media: 0 30px 80px rgba(41, 36, 22, .16), 0 2px 6px rgba(41, 36, 22, .06);
	--sk-font-display: "DM Sans", Prompt, sans-serif;
	--sk-font-body: "DM Sans", "IBM Plex Sans Thai Looped", sans-serif;
	--sk-font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;
	--sk-tracking: -0.025em;
	--sk-hero-size: clamp(2.75rem, 1.4rem + 4.6vw, 5rem);
	--sk-display-size: clamp(2.1rem, 1.5rem + 2.4vw, 3.5rem);
	--sk-section-y: 120px;
	--sk-header-bg: rgba(245, 242, 234, .88);
	--sk-header-border: rgba(17, 17, 17, .07);
	--sk-footer-bg: #0E0D0B;
	--sk-footer-text: #AAA69D;
	--sk-page-header-bg: #F5F2EA;
}

/* The yellow full stop that closes a headline. */
.cms-theme-minimal .sk-dot { color: var(--sk-accent); }
.cms-theme-minimal .sk-tone-dark .sk-dot { color: var(--sk-accent); }
.cms-theme-minimal .sk-em { font-style: normal; box-shadow: inset 0 -.28em 0 color-mix(in srgb, var(--sk-accent) 70%, transparent); }

/* Eyebrows and taglines: small mono capitals. */
.cms-theme-minimal .sk-badge-eyebrow { color: var(--sk-ink); letter-spacing: .16em; }
.cms-theme-minimal .sk-tone-dark .sk-badge-eyebrow { color: var(--sk-accent); }
.cms-theme-minimal .sk-badge-pill { font-family: var(--sk-font-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; padding: 7px 14px; background: var(--sk-surface); }
.cms-theme-minimal .sk-badge-pill .sk-badge-arrow { color: var(--sk-ink); }
html[lang="th"] .cms-theme-minimal .sk-badge-pill { font-family: var(--sk-font-body); letter-spacing: .02em; text-transform: none; font-size: 13px; }
.cms-theme-minimal .sk-badge-step { width: 44px; height: 44px; font-family: var(--sk-font-display); font-size: 18px; }

/* Version pills on cards. */
.cms-theme-minimal .sk-feature-tag { font-family: var(--sk-font-mono); font-size: 11.5px; font-weight: 500; background: var(--sk-bg); border: 1px solid var(--sk-border); color: var(--sk-ink); letter-spacing: .04em; }
.cms-theme-minimal .sk-feature-title { font-size: 1.15rem; }
.cms-theme-minimal .sk-col-card:hover { border-color: var(--sk-border-strong); }
.cms-theme-minimal .sk-card-dark:hover { border-color: rgba(255, 255, 255, .28); }
.cms-theme-minimal .sk-card-cta { background: var(--sk-surface); border: 1px dashed var(--sk-border-strong); color: var(--sk-text); }
.cms-theme-minimal .sk-card-cta h3, .cms-theme-minimal .sk-card-cta .sk-feature-title { color: var(--sk-ink) !important; }
.cms-theme-minimal .sk-card-cta p, .cms-theme-minimal .sk-card-cta .sk-feature-text { color: var(--sk-muted) !important; }
.cms-theme-minimal .sk-card-cta .sk-feature-link { color: var(--sk-ink); }
.cms-theme-minimal .sk-card-cta .sk-feature-icon { background: var(--sk-ink); color: var(--sk-accent); border: 0; }

/* Buttons: black pills; outlined pills on cream. */
.cms-theme-minimal .sk-btn-outline { border-color: rgba(17, 17, 17, .22); background: rgba(255, 255, 255, .35); }
.cms-theme-minimal .sk-buttons-note { font-family: var(--sk-font-mono); font-size: 12px; letter-spacing: .02em; }
html[lang="th"] .cms-theme-minimal .sk-buttons-note { font-family: var(--sk-font-body); font-size: 13px; }

/* Lighter band is a touch brighter than the page, with hairlines. */
.cms-theme-minimal .sk-tone-soft { border-top: 1px solid var(--sk-border); border-bottom: 1px solid var(--sk-border); }

/* Header: translucent cream bar. */
.cms-theme-minimal #header .header-body { border-bottom-color: var(--sk-header-border); }
.cms-theme-minimal .cms-logo-text { font-size: 1.35rem; }

/* FAQ, testimonials */
.cms-theme-minimal .sk-testimonial-centered .sk-testimonial-quote p { font-style: normal; font-weight: 500; }

/* Footer: black, yellow subscribe button. */
.cms-theme-minimal .sk-footer .sk-btn-accent { background: var(--sk-accent); border-color: var(--sk-accent); color: #111 !important; }
.cms-theme-minimal .sk-footer-heading { font-family: var(--sk-font-mono) !important; font-weight: 500 !important; letter-spacing: .14em !important; text-transform: uppercase; font-size: 11.5px !important; color: #EDEBE6 !important; }
html[lang="th"] .cms-theme-minimal .sk-footer-heading { font-family: var(--sk-font-body) !important; letter-spacing: .02em !important; text-transform: none; font-size: 13px !important; font-weight: 600 !important; }

/* Blog cards on cream */
.cms-theme-minimal .post.post-medium, .cms-theme-minimal .comments .comment .comment-block { background: var(--sk-surface); }

/* Reading width for posts and the blog list */
.cms-theme-minimal .blog-posts { max-width: 820px; margin: 0 auto; }
.cms-theme-minimal .main > .container.py-4 .cms-content { max-width: 760px; margin-left: auto; margin-right: auto; font-size: 1.05em; }