/* Page-specific styles for premium/blog.html only. */
.page-header{padding:64px 0 88px;}
.page-title{font-size:clamp(34px,4.4vw,52px);font-weight:700;letter-spacing:-.01em;margin-bottom:16px;}
.page-sub{font-size:17px;line-height:1.6;color:var(--ink-secondary);font-weight:300;max-width:520px;}

.posts{border-top:1px solid var(--hair);padding-bottom:80px;}
.post{display:grid;grid-template-columns:140px 1fr auto;gap:40px;align-items:start;padding:44px 0;border-bottom:1px solid var(--hair);text-decoration:none;color:inherit;}
.post-date{font-size:13px;color:var(--ink-soft);padding-top:4px;}
.post-body{max-width:640px;}
.post-category{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.post-title{font-size:24px;font-weight:500;letter-spacing:-.005em;line-height:1.3;margin-bottom:12px;}
.post-excerpt{font-size:15px;line-height:1.6;color:var(--ink-secondary);}
.post-cta{align-self:center;font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap;padding-top:4px;transition:transform .2s ease;}
.post:hover .post-cta{transform:translateX(4px);}
.post:hover .post-title{color:var(--accent);}

@media(max-width:700px){
  .post{grid-template-columns:1fr;gap:12px;padding:32px 0;}
  .post-date{order:-1;}
  .post-cta{justify-self:start;}
}