/* TruHue editorial layer for ARTICLE-template pages (top-bar + header + .post-*).
   Used now by: /about/. Built so the blog can reuse it in phase 2.
   Requires /css/truhue-editorial.css first. Loaded after the page's own <style>; no HTML changes needed. */

body { background: var(--te-ivory) !important; font-family: var(--te-sans) !important; font-size: var(--te-size-body) !important; line-height: 1.75 !important; color: var(--te-body) !important; }

/* Masthead: quiet ivory strip + logo, thin rules instead of the dark bar */
.top-bar { background: var(--te-ivory) !important; border-bottom: 1px solid var(--te-rule-2); }
.top-bar a { color: var(--te-ink) !important; font-size: 0.9rem !important; }
.top-bar a:hover { color: var(--te-rose) !important; }
.top-bar .tb-auth { background: transparent !important; border: 1px solid var(--te-ink); border-radius: var(--te-radius) !important; padding: 0.35rem 0.9rem !important; }
.top-bar .tb-auth:hover { background: var(--te-ink) !important; color: var(--te-ivory) !important; }
header { border-bottom: 1px solid var(--te-rule) !important; padding: 1.4rem 0 !important; }
/* logo + wordmark unchanged on purpose */

/* Title block: strong, left-aligned */
.container { max-width: 720px; }
.post-meta { text-align: left !important; margin: 3rem 0 1rem !important; }
.post-category { font-family: var(--te-sans); font-size: var(--te-size-label) !important; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--te-rose) !important; }
.post-title { font-family: var(--te-serif) !important; font-optical-sizing: auto; font-weight: 500 !important; font-size: clamp(2.2rem, 5vw, 3.2rem) !important; line-height: 1.08 !important; letter-spacing: -0.015em; color: var(--te-ink) !important; text-wrap: balance; }
.post-date { color: var(--te-muted) !important; font-size: var(--te-size-meta) !important; }

/* Body copy */
.post-body p, .post-body li { color: var(--te-body); }
.post-body strong { color: var(--te-ink) !important; }
.post-body a { color: var(--te-ink); text-decoration: underline; text-decoration-color: var(--te-rose); text-underline-offset: 3px; }
.post-body a:hover { color: var(--te-rose); }
.post-body h2 { font-family: var(--te-serif) !important; font-weight: 500 !important; font-size: clamp(1.55rem, 3vw, 1.95rem) !important; line-height: 1.2; color: var(--te-ink) !important; margin: 2.8rem 0 0.9rem !important; padding-top: 1.4rem; border-top: 1px solid var(--te-rule); }
.post-body h3 { font-family: var(--te-sans) !important; font-weight: 600 !important; color: var(--te-ink) !important; }

/* Pull quote instead of a pink filled box */
.highlight-box { background: transparent !important; border-left: 2px solid var(--te-rose) !important; border-radius: 0 !important; padding: 0.3rem 0 0.3rem 1.3rem !important; font-family: var(--te-serif); font-size: 1.15rem; color: var(--te-ink) !important; }

/* CTA block: flat band between rules, ink button */
.post-cta { background: var(--te-ivory-2) !important; border-radius: 0 !important; box-shadow: none !important; border-top: 1px solid var(--te-rule); border-bottom: 1px solid var(--te-rule); }
.post-cta h3 { font-family: var(--te-serif) !important; font-weight: 500 !important; color: var(--te-ink) !important; }
.post-cta p { color: var(--te-body) !important; font-size: 1rem !important; }
.post-cta a { background: var(--te-ink) !important; color: var(--te-ivory) !important; border-radius: var(--te-radius) !important; text-decoration: none !important; }
.post-cta a:hover { background: var(--te-rose) !important; }

/* Footer: light ivory band, ink links */
footer { background: var(--te-ivory-2) !important; border-top: 1px solid var(--te-rule); color: var(--te-body) !important; font-size: var(--te-size-meta) !important; }
footer a { color: var(--te-ink) !important; }
footer a:hover { color: var(--te-rose) !important; }
.footer-sig { font-family: var(--te-serif) !important; color: var(--te-ink) !important; }

@media (max-width: 600px) {
  .container { padding: 0 1.1rem !important; }
  .post-meta { margin-top: 2rem !important; }
}