/* Monte Marketing blog — article + index styles, layered over /styles.css */

.blog-hero { padding: 88px 0 44px; }
.blog-hero h1 { font-size: clamp(2.4rem, 5.5vw, 3.6rem); margin: 0 0 14px; }
.blog-hero .lede { margin: 0; }

.post-list { display: grid; gap: 16px; padding-bottom: 70px; }
.post-card { display: block; text-decoration: none; color: inherit; background: #fff;
  border: 1px solid var(--line); border-radius: 14px; padding: 24px 26px;
  transition: border-color .15s, transform .15s; }
.post-card:hover { border-color: var(--accent); transform: translateY(-2px); }
.post-card time { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); font-weight: 600; }
.post-card h2 { font-size: 1.28rem; margin: 6px 0 6px; }
.post-card p { margin: 0; font-size: .92rem; color: var(--ink-2); }
.post-empty { color: var(--ink-2); font-size: .95rem; }

main.article { max-width: 46rem; margin: 0 auto; padding: 72px 28px 5rem; }
main.article h1 { font-size: clamp(2rem, 4.5vw, 2.9rem); margin: 0 0 10px; }
main.article h2 { font-size: 1.5rem; margin: 2.4rem 0 .6rem; }
main.article h3 { font-size: 1.1rem; font-family: var(--sans); font-weight: 600; margin: 1.6rem 0 .3rem; }
main.article p { margin: 0 0 1rem; font-size: .98rem; color: var(--ink-2); }
main.article ul, main.article ol { padding-left: 1.4rem; margin: 0 0 1rem; color: var(--ink-2); }
main.article li { margin-bottom: .35rem; }
main.article a { color: var(--accent); }
main.article strong { color: var(--ink); }
main.article img { max-width: 100%; border-radius: 12px; border: 1px solid var(--line); }
main.article .meta { color: var(--ink-2); font-size: .85rem; margin-bottom: 2rem; }
main.article .backline { font-size: .85rem; margin-bottom: 2.2rem; }
main.article .backline a { color: var(--ink-2); text-decoration: none; }
main.article .backline a:hover { color: var(--accent); }

.article-cta { margin: 2.8rem 0 0; padding: 1.6rem 1.8rem; background: var(--paper-2);
  border: 1px solid var(--line); border-radius: 14px; }
.article-cta p { margin: 0 0 .9rem; font-size: .95rem; color: var(--ink); }