/* ── Page & Blog Styles ── */

/* Page Hero */
.lcsu-page-hero{padding:80px 0 60px;text-align:left}
.page-hero-title{font-size:clamp(32px,5vw,56px);font-weight:800;color:var(--on-primary);letter-spacing:-.03em;max-width:700px}
.lcsu-page-hero .hero-label{color:var(--primary-fixed);margin-bottom:8px;display:block}

/* Page Content */
.page-content-wrap{max-width:800px}
.page-article{font-size:17px;line-height:1.8;color:var(--on-surface)}
.page-article h2{font-size:28px;margin:32px 0 16px}
.page-article h3{font-size:22px;margin:24px 0 12px}
.page-article p{margin-bottom:16px}
.page-article img{border-radius:var(--radius);margin:24px 0}
.page-article ul,.page-article ol{margin:16px 0;padding-left:24px}
.page-article ul{list-style:disc}
.page-article ol{list-style:decimal}
.page-article blockquote{border-left:3px solid var(--primary);padding:16px 24px;margin:24px 0;background:var(--surface-container-low);border-radius:0 var(--radius) var(--radius) 0}

/* Blog Grid */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}
.blog-card{background:var(--surface-container-lowest);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-ambient)}
.blog-card-image{height:200px;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover .blog-card-image img{transform:scale(1.05)}
.blog-card-body{padding:24px}
.blog-date{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--secondary)}
.blog-card-body h3{font-size:20px;font-weight:700;margin:8px 0;line-height:1.3}
.blog-card-body h3 a{color:var(--on-surface)}
.blog-card-body p{font-size:14px;color:var(--on-surface-variant);line-height:1.6}
.blog-pagination{margin-top:48px;text-align:center}
.blog-pagination .nav-links{display:flex;justify-content:center;gap:8px}
.blog-pagination .page-numbers{padding:8px 16px;border-radius:var(--radius-full);background:var(--surface-container-low);color:var(--on-surface);font-weight:600;font-size:14px}
.blog-pagination .page-numbers.current{background:var(--primary);color:var(--on-primary)}

/* Single Post */
.single-content-wrap{max-width:800px}
.single-featured-image{border-radius:var(--radius);overflow:hidden;margin-bottom:40px}
.single-featured-image img{width:100%;height:auto}
.single-content{font-size:17px;line-height:1.8;color:var(--on-surface)}
.single-content p{margin-bottom:16px}
.single-content h2,.single-content h3{margin:32px 0 16px}
.single-content img{border-radius:var(--radius)}
.single-tags{margin-top:32px;display:flex;gap:8px;flex-wrap:wrap}

/* Archive */
.archive .lcsu-page-hero .page-hero-title{font-size:36px}