/* Blog article page */
.article-page main { background: var(--paper, #f4eee6); }
.post { max-width: 760px; margin: 0 auto; padding: clamp(48px, 8vw, 110px) 20px 90px; color: #211d1b; }
.post-crumbs { font: 500 .72rem var(--mono, monospace); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 28px; color: #6d6168; }
.post-crumbs a { color: inherit; }
.post h1 { font-family: var(--display, inherit); font-size: clamp(2.3rem, 5.5vw, 4rem); line-height: 1.02; letter-spacing: -.045em; margin: 14px 0 22px; }
.post-dek { font-size: clamp(1.1rem, 1.8vw, 1.3rem); line-height: 1.6; color: #4a3f46; margin: 0 0 18px; }
.post-byline { font-size: .9rem; color: #6d6168; padding-bottom: 28px; border-bottom: 1px solid rgba(33, 29, 27, .14); margin: 0 0 36px; }
.post-body { font-size: 1.06rem; line-height: 1.8; }
.post-body p { margin: 0 0 1.2em; }
.post-body h2 { font-size: clamp(1.45rem, 2.4vw, 1.85rem); letter-spacing: -.03em; line-height: 1.2; margin: 2em 0 .6em; color: #60435b; }
.post-body img { display: block; width: 100%; height: auto; margin: 28px 0 10px; border-radius: 10px; border: 1px solid rgba(33, 29, 27, .1); background: #fff; }
.post-body a { color: #60435b; }
.post-body table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: .95rem; display: block; overflow-x: auto; }
.post-body th, .post-body td { border: 1px solid rgba(33, 29, 27, .15); padding: 10px 12px; text-align: left; vertical-align: top; }
.post-body ul, .post-body ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.post-cta { margin-top: 60px; padding: clamp(26px, 4vw, 40px); background: #211d1b; color: #f4eee6; border-radius: 14px; }
.post-cta h2 { margin: 10px 0 10px; font-size: clamp(1.5rem, 3vw, 2.1rem); letter-spacing: -.03em; }
.post-cta p:not(.section-tag) { color: rgba(244, 238, 230, .78); line-height: 1.6; margin: 0 0 22px; }
.post-cta-btn { display: inline-flex; gap: 12px; padding: 14px 20px; background: #d1bdca; color: #2e242b; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .07em; font-size: .78rem; }
.nf { min-height: 55vh; }
.nf-links { display: flex; flex-wrap: wrap; gap: 14px 26px; align-items: center; margin-top: 30px; }
.nf-links a:not(.post-cta-btn) { color: #60435b; font-weight: 700; }
.nf .post-cta-btn { background: #60435b; color: #f6f0f4; }

/* ===== Inverted colours for the moon/sun switch (generated from the rules above — keep at end of file) ===== */
html[data-theme="inverted"] .article-page main { background: #271c24; }
html[data-theme="inverted"] .post { color: #e1dddb; }
html[data-theme="inverted"] .post-crumbs { color: #c3bcc0; }
html[data-theme="inverted"] .post-crumbs a { color: inherit; }
html[data-theme="inverted"] .post-dek { color: #d2cacf; }
html[data-theme="inverted"] .post-byline { color: #c3bcc0; border-bottom: 1px solid rgba(225, 221, 219, 0.14); }
html[data-theme="inverted"] .post-body h2 { color: #d2bfcf; }
html[data-theme="inverted"] .post-body img { border: 1px solid rgba(225, 221, 219, 0.1); background: #2e212b; }
html[data-theme="inverted"] .post-body a { color: #d2bfcf; }
html[data-theme="inverted"] .post-body th,
html[data-theme="inverted"] .post-body td { border: 1px solid rgba(225, 221, 219, 0.15); }
html[data-theme="inverted"] .post-cta { background: #f2ece3; color: #382d1e; }
html[data-theme="inverted"] .post-cta p:not(.section-tag) { color: rgba(56, 45, 30, 0.78); }
html[data-theme="inverted"] .post-cta-btn { background: #d1bdca; color: #2e242b; }
html[data-theme="inverted"] .nf-links a:not(.post-cta-btn) { color: #d2bfcf; }
html[data-theme="inverted"] .nf .post-cta-btn { background: #60435b; color: #f6f0f4; }