/* StepRight blog — public listing + article pages.
   Reuses the site palette variables from styles.css (--navy, --coral, etc.). */

.blog-hero{background:var(--navy);color:#fff;padding:64px 0 54px;text-align:center;}
.blog-hero h1{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:600;margin:8px 0 12px;color:#fff;}
.blog-hero p{max-width:620px;margin:0 auto;color:#c8d7dc;font-size:16px;}

.blog-wrap{padding:56px 24px 90px;max-width:1140px;margin:0 auto;}

/* Listing grid */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;}}

.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;
  overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(18,56,69,.12);}
.blog-card-img{height:190px;background-size:cover;background-position:center;background-color:var(--cream-dim);}
.blog-card-img--placeholder{background:linear-gradient(135deg,var(--navy),#20515f);}
.blog-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1;}
.blog-card-date{font-size:12px;color:var(--coral-deep);font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
.blog-card h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--navy);line-height:1.25;margin:0;}
.blog-card p{font-size:14px;color:#4a636e;line-height:1.55;margin:0;flex:1;}
.blog-card-more{font-size:13.5px;font-weight:600;color:var(--coral-deep);margin-top:4px;}

/* Pager */
.blog-pager{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:48px;}
.blog-pager-info{font-size:14px;color:var(--muted,#6d858f);}

.blog-empty{text-align:center;padding:60px 20px;color:#4a636e;}
.blog-empty h1,.blog-empty h2{font-family:'Cormorant Garamond',serif;color:var(--navy);}

/* Single article */
.post{max-width:760px;margin:0 auto;}
.post-back a{font-size:13.5px;font-weight:600;color:var(--coral-deep);text-decoration:none;}
.post-title{font-family:'Cormorant Garamond',serif;font-size:40px;line-height:1.15;color:var(--navy);margin:14px 0 10px;}
.post-meta{font-size:13.5px;color:var(--muted,#6d858f);margin:0 0 26px;}
.post-cover{width:100%;border-radius:12px;margin:0 0 30px;display:block;}

.post-body{font-size:17px;line-height:1.75;color:#26383f;}
.post-body h2{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--navy);margin:34px 0 12px;}
.post-body h3{font-family:'Cormorant Garamond',serif;font-size:23px;color:var(--navy);margin:28px 0 10px;}
.post-body p{margin:0 0 18px;}
.post-body ul,.post-body ol{margin:0 0 18px;padding-left:22px;}
.post-body li{margin-bottom:8px;}
.post-body a{color:var(--coral-deep);}
.post-body img{max-width:100%;height:auto;border-radius:8px;margin:14px 0;}
.post-body blockquote{border-left:3px solid var(--coral);margin:22px 0;padding:6px 20px;color:#4a636e;
  background:var(--cream-dim);border-radius:0 6px 6px 0;font-style:italic;}
.post-body table{width:100%;border-collapse:collapse;margin:18px 0;}
.post-body th,.post-body td{border:1px solid var(--line);padding:9px 12px;text-align:left;font-size:15px;}

.post-cta{margin-top:44px;padding:30px 28px;background:var(--cream-dim);border:1px solid var(--line);
  border-radius:12px;text-align:center;}
.post-cta h3{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--navy);margin:0 0 8px;}
.post-cta p{color:#4a636e;margin:0 0 18px;}