/* B4Reality: article and reporter pages */
.b4-nav a { font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#555; text-decoration:none; margin:0 10px; }
.articles-column { max-width:100%; padding:0 24px; }
.page-label { font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:#999; border-bottom:1px solid #ddd; padding-bottom:6px; margin:24px 0 0; }
.article-card { padding:30px 0; border-bottom:1px solid #e5e5e5; }
.article-date { font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#aaa; margin-bottom:8px; font-weight:normal; }
.article-headline { font-size:26px; font-weight:bold; line-height:1.3; color:#111; margin-bottom:8px; }
.article-headline a { color:#111; }
.article-subhead { font-size:15px; color:#555; font-style:italic; font-weight:normal; margin-bottom:10px; line-height:1.5; }
.article-byline { font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:#888; margin-bottom:16px; font-weight:normal; }
.article-image { width:100%; max-height:380px; object-fit:cover; margin-bottom:6px; }
.article-image-caption { font-size:11px; color:#999; text-align:center; margin-bottom:14px; font-style:italic; font-weight:normal; }
.article-body { font-family:Georgia, 'Times New Roman', serif; font-size:17px; font-weight:normal; line-height:1.75; color:#222; max-width:78ch; }
.article-body p { margin-bottom:1rem; }
.article-sources { margin-top:8px; font-weight:normal; }
.article-sources ul { margin:10px 0 0; padding-left:18px; font-size:13px; }
.article-sources a { font-weight:normal; text-decoration:underline; color:#444; overflow-wrap:anywhere; }
.teaser-list { list-style:none; margin:0; padding:0; }
.teaser-list li { padding:18px 0; border-bottom:1px solid #e5e5e5; }
.teaser-headline { font-size:18px; line-height:1.3; color:#111; }
.teaser-subhead { font-size:14px; color:#555; font-style:italic; font-weight:normal; margin:6px 0 0; line-height:1.5; }
.author-card { display:flex; align-items:flex-start; gap:24px; padding:20px 0 28px; border-bottom:2px solid #111; margin-bottom:8px; }
.author-photo { width:110px; height:110px; border-radius:50%; object-fit:cover; object-position:top; flex-shrink:0; border:3px solid #ddd; }
.author-info { flex:1; text-align:left; }
.author-name { font-size:22px; font-weight:bold; color:#111; margin-bottom:4px; }
.author-title { font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#888; margin-bottom:10px; font-weight:normal; }
.author-bio { font-size:14px; color:#444; line-height:1.6; font-weight:normal; }
.comments-section { max-width:100%; margin:0 auto; padding:24px 24px 60px; text-align:left; }
.comments-label { font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:#999; border-bottom:2px solid #111; padding-bottom:6px; margin-bottom:24px; }
.comment-form input, .comment-form textarea { width:100%; border:1px solid #ddd; padding:10px 14px; font-family:Georgia, serif; font-size:14px; color:#222; margin-bottom:12px; background:#fafafa; border-radius:2px; box-sizing:border-box; }
.comment-form input:focus, .comment-form textarea:focus { outline:none; border-color:#999; background:#fff; }
.comment-form textarea { height:120px; resize:vertical; }
.comment-submit { font-family:Georgia, serif; font-size:12px; letter-spacing:.1em; text-transform:uppercase; background:#111; color:#fff; border:none; padding:10px 24px; cursor:pointer; }
.comment-submit:hover { background:#333; }
@media (max-width:600px) { .articles-column, .comments-section { padding-left:14px; padding-right:14px; } .author-card { gap:14px; } .author-photo { width:72px; height:72px; } }