/* Phase 9.4B — isolated styling for published article pages and homepage cards. */
.lb-articles-main { max-width: 960px; padding-top: 28px; padding-bottom: 45px; }
.lb-breadcrumb { font-size: 13px; color: var(--muted); margin-bottom: 26px; }
.lb-breadcrumb a:hover, .lb-all-articles a:hover { color: var(--accent); text-decoration: underline; }
.lb-articles-hero { text-align: center; padding: 15px 0 26px; }
.lb-articles-hero h1 { margin-bottom: 9px; }
.lb-articles-hero p { color: var(--muted); }
.lb-categories { display:flex; flex-wrap:wrap; gap:8px; margin-bottom: 25px; }
.lb-categories a { font-size:13px; padding: 8px 14px; border-radius: 30px; border:1px solid var(--border); background:var(--surface); }
.lb-categories a[aria-current="page"] { color:#fff; background:var(--accent); border-color:var(--accent); }
.lb-article-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
.lb-article-card { display:block; min-width:0; background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden; transition: border-color .2s ease; }
.lb-article-card:hover { border-color:var(--accent); }
.lb-article-card img { display:block; width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; }
.lb-article-card-body { display:flex; flex-direction:column; gap:7px; padding:18px; }
.lb-article-card-body small { color:var(--accent); font-size:12px; }
.lb-article-card-body strong { color:var(--text); font-size:17px; line-height:1.4; }
.lb-article-card-body > span:not(.lb-read-more) { font-size:13px; color:var(--muted); line-height:1.6; }
.lb-read-more { color:var(--accent); font-size:13px; font-weight:700; margin-top:5px; }
.lb-all-articles { text-align:center; font-weight:600; margin-top:20px; }
.lb-all-articles a { color:var(--accent); }
.lb-pagination { display:flex; align-items:center; justify-content:center; gap:24px; padding:24px 0; font-size:14px; }
.lb-pagination a { color:var(--accent); font-weight:600; }
.lb-empty { text-align:center; }
.lb-detail-main { max-width:850px; }
.lb-article-header { padding:15px 0 23px; }
.lb-category-label { color:var(--accent); font-size:13px; font-weight:700; }
.lb-article-excerpt { color:var(--muted); font-size:17px; }
.lb-article-date { color:var(--muted); font-size:12px; }
.lb-article-cover { width:100%; height:auto; object-fit:cover; border-radius:12px; margin:4px 0 23px; }
.lb-article-prose { font-size:16px; line-height:1.85; overflow-wrap:anywhere; }
.lb-article-prose p { margin:0 0 20px; }
.lb-related { margin-top:38px; padding-top:20px; border-top:1px solid var(--border); }
.lb-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; margin:12px 0; }
@media (max-width:850px) { .lb-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .lb-article-grid { grid-template-columns:minmax(0,1fr); } .lb-articles-main { padding-top:18px; } .lb-article-card-body { padding:16px; } }