/* DanaExperts — blog listing + article pages */
.post-meta { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: var(--sp-5); font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--paper-mute); text-transform: uppercase; letter-spacing: var(--tracking-eyebrow); }
.post-cover { margin: 0 auto; max-width: 1100px; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--ink-600); }
.post-cover img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.prose { max-width: 74ch; margin: 0 auto; font-size: 1.075rem; line-height: 1.75; color: var(--paper-dim); }
.prose h2 { font-family: var(--font-display); font-weight: 800; font-size: clamp(1.4rem, 2.4vw, 1.9rem); color: var(--paper); letter-spacing: var(--tracking-display); line-height: 1.25; margin: 2.2em 0 .6em; }
.prose h2:first-child { margin-top: 0; }
.prose p { margin: 0 0 1.1em; }
.prose ul { margin: 0 0 1.4em; padding-left: 1.2em; }
.prose li { margin: .45em 0; }
.prose li::marker { color: var(--cyan); }
.prose .lead-p { font-size: var(--fs-lead); color: var(--paper); line-height: 1.55; }
.post-sources { max-width: 74ch; margin: var(--sp-8) auto 0; padding-top: var(--sp-5); border-top: 1px solid var(--ink-600); font-size: var(--fs-sm); color: var(--paper-mute); }
.post-sources h3 { font-family: var(--font-mono); font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: var(--tracking-eyebrow); color: var(--paper-mute); margin-bottom: 10px; }
.post-sources ol { padding-left: 1.2em; } .post-sources li { margin: 6px 0; }
.post-sources a { color: var(--accent-2); text-decoration: underline; text-underline-offset: 3px; word-break: break-word; }
.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--sp-6); }
.blog-card { display: flex; flex-direction: column; overflow: hidden; padding: 0; color: inherit; text-decoration: none; }
.blog-card .thumb { height: auto !important; aspect-ratio: 16 / 9; overflow: hidden; }
.blog-card .thumb img { display: block; width: 100%; height: 100% !important; object-fit: cover; }
.blog-card .body { padding: var(--sp-5); display: flex; flex-direction: column; gap: 10px; flex: 1; }
.blog-card h2, .blog-card h3 { font-family: var(--font-display); font-weight: 800; font-size: clamp(1.15rem, 1.6vw, 1.35rem); line-height: 1.3; color: var(--paper); }
.blog-card p { color: var(--paper-dim); font-size: var(--fs-sm); line-height: 1.6; }
.blog-card .meta { margin-top: auto; font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--paper-mute); text-transform: uppercase; letter-spacing: var(--tracking-eyebrow); }
.blog-card:hover h2, .blog-card:hover h3 { color: var(--accent-2); }