/* blog-list.css — blog archive (blog.html / blog-page-N.html) as a clean card grid.
 Scoped under .main-content; hides the WP sidebar + leftover header. Brand: gold/navy/Poppins. */

:root{ --gold:#e39d00; --gold-dark:#d08400; --navy:#132238; --ink:#2b3543; --muted:#5a6573; }

/* hide leftover legacy chrome */
.shell-head-container,.mobile-drawer__root,
#aux-col,.widget-area{display:none !important}

.main-content{font-family:'Poppins',system-ui,Segoe UI,Roboto,sans-serif;color:var(--ink);
 max-width:1200px;margin:0 auto;padding:30px 22px 72px;
 display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.main-content *{box-sizing:border-box}

/* page heading band (spans full row) — real <h1>/<p> for SEO */
.main-content .blog-title{grid-column:1/-1;grid-row:1;text-align:center;
 font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;color:var(--navy);letter-spacing:-.01em;
 padding:24px 0 4px;margin:0}
.main-content .blog-sub{grid-column:1/-1;grid-row:2;text-align:center;color:var(--muted);font-size:15px;
 margin:-22px 0 6px}

/* ---- card ---- */
.main-content article{background:#fff;border:1px solid rgba(19,34,56,.1);border-radius:16px;
 overflow:hidden;display:flex;flex-direction:column;
 box-shadow:0 10px 30px -18px rgba(19,34,56,.45);transition:transform .25s,box-shadow .25s}
.main-content article:hover{transform:translateY(-4px);box-shadow:0 20px 44px -18px rgba(19,34,56,.55)}

/* date */
.main-content .post-meta{padding:18px 20px 0;order:1}
.main-content .post-meta .updated{display:none}
.main-content .posted-on a{color:var(--gold-dark);font-weight:600;font-size:12px;
 text-transform:uppercase;letter-spacing:.06em}
.main-content .post-meta time span{margin-right:4px}

.main-content .post-content-container{display:flex;flex-direction:column;flex:1;order:2}

/* title */
.main-content .article-title{font-size:1.15rem;line-height:1.32;font-weight:600;margin:8px 0 0;
 padding:0 20px}
.main-content .article-title a{color:var(--navy);text-decoration:none;transition:.2s}
.main-content .article-title a:hover{color:var(--gold-dark)}

/* thumbnail (first link/img in the excerpt) */
.main-content .article-body{display:flex;flex-direction:column;flex:1}
.main-content .article-body>a:first-child{display:block;margin-top:14px;order:1}
.main-content .article-body img{display:block;width:100%;height:auto}

/* excerpt text */
.main-content .article-body p{order:2;padding:14px 20px 0;margin:0 0 4px;color:#46505d;
 font-size:14.5px;line-height:1.65;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* read-more button */
.main-content a.button{order:3;align-self:flex-start;margin:14px 20px 22px;
 display:inline-block;background:linear-gradient(180deg,#f0ad14,#e39d00);color:#15233a !important;
 padding:10px 22px;border-radius:8px;font-weight:600;font-size:13px;letter-spacing:.03em;
 text-decoration:none;box-shadow:0 7px 18px rgba(227,157,0,.4);transition:.2s}
.main-content a.button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(227,157,0,.5)}

/* pagination (spans full row) */
.main-content nav.pagination,.main-content .pagination{grid-column:1/-1;margin-top:14px}
.main-content .pagination ul{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;
 list-style:none;padding:0;margin:0}
.main-content .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;
 min-width:42px;height:42px;padding:0 14px;border-radius:9px;border:1px solid rgba(19,34,56,.14);
 color:var(--navy);font-weight:600;font-size:14px;text-decoration:none;transition:.2s}
.main-content .pagination .page-numbers:hover,
.main-content .pagination .page-numbers.current{background:var(--gold);border-color:var(--gold);color:#15233a}

@media(max-width:960px){ .main-content{grid-template-columns:repeat(2,1fr);gap:24px} }
@media(max-width:600px){
 .main-content{grid-template-columns:1fr;padding:22px 18px 56px}
 .main-content::after{margin-bottom:2px}
}