/* -- Blog page specifics -- */
    .blog-hero {
      padding: 72px 32px 56px; border-bottom: 0.5px solid var(--border);
      max-width: 1100px; margin: 0 auto;
      display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;
    }
    h1 { font-family:var(--serif); font-size:44px; font-weight:400; line-height:1.15; margin-bottom:14px; }
    h1 em { font-style:italic; color:var(--accent); }
    .hero-sub { font-size:16px; color:var(--ink-2); font-weight:300; line-height:1.7; margin-bottom:24px; }
    .cat-filter { display:flex; gap:6px; flex-wrap:wrap; }
    .cat-btn { font-size:12px; padding:5px 14px; border-radius:999px; border:0.5px solid var(--border); background:var(--bg); color:var(--ink-2); cursor:pointer; transition:all 0.15s; font-family:var(--sans); }
    .cat-btn:hover { color:var(--ink); border-color:var(--ink-3); }
    .cat-btn.active { background:var(--ink); color:#fff; border-color:var(--ink); }
    .email-box { background:var(--bg-card); border:0.5px solid var(--border); border-radius:14px; padding:28px; }
    .email-box-title { font-size:16px; font-weight:500; margin-bottom:6px; }
    .email-box-sub { font-size:13px; color:var(--ink-2); font-weight:300; margin-bottom:18px; line-height:1.5; }
    .email-form { display:flex; flex-direction:column; gap:8px; }
    .email-input { width:100%; padding:11px 14px; font-size:14px; font-family:var(--sans); border:0.5px solid var(--border); border-radius:var(--radius); background:var(--bg); color:var(--ink); outline:none; transition:border-color 0.2s; }
    .email-input:focus { border-color:var(--accent); }
    .email-input::placeholder { color:var(--ink-3); }
    .email-submit { padding:11px; background:var(--accent); color:#fff; border:none; border-radius:var(--radius); font-size:14px; font-weight:500; cursor:pointer; font-family:var(--sans); transition:opacity 0.2s; }
    .email-submit:hover { opacity:0.88; }
    .email-note { font-size:11px; color:var(--ink-3); }
    .blog-main { max-width:1100px; margin:0 auto; padding:56px 32px 80px; }
    .featured-post { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:40px; background:var(--bg-card); border:0.5px solid var(--border); border-radius:16px; margin-bottom:56px; text-decoration:none; color:var(--ink); transition:box-shadow 0.2s; }
    .featured-post:hover { box-shadow:0 6px 24px rgba(0,0,0,0.07); }
    .featured-img { aspect-ratio:16/10; border-radius:10px; overflow:hidden; background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 50%,#6ee7b7 100%); display:flex; align-items:center; justify-content:center; }
    .featured-img-inner { text-align:center; padding:24px; }
    .featured-img-stat { font-family:var(--serif); font-size:56px; color:var(--green-txt); line-height:1; }
    .featured-img-label { font-size:13px; color:var(--green-txt); margin-top:4px; }
    .featured-label { font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--green-txt); margin-bottom:8px; }
    .featured-cat { display:inline-block; font-size:11px; font-weight:500; padding:3px 10px; border-radius:999px; margin-bottom:12px; }
    .featured-title { font-family:var(--serif); font-size:26px; font-weight:400; line-height:1.3; margin-bottom:12px; }
    .featured-excerpt { font-size:14px; color:var(--ink-2); font-weight:300; line-height:1.7; margin-bottom:18px; }
    .post-meta { display:flex; align-items:center; gap:12px; font-size:12px; color:var(--ink-3); }
    .post-meta-dot { width:3px; height:3px; border-radius:50%; background:var(--ink-3); }
    .read-more { font-size:13px; font-weight:500; color:var(--green-txt); display:flex; align-items:center; gap:4px; margin-top:14px; }
    .posts-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:56px; }
    .post-card { border:0.5px solid var(--border); border-radius:var(--radius); overflow:hidden; background:var(--bg); text-decoration:none; color:var(--ink); transition:all 0.2s; display:flex; flex-direction:column; }
    .post-card:hover { box-shadow:0 4px 16px rgba(0,0,0,0.06); transform:translateY(-2px); }
    .post-thumb { aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; font-size:32px; }
    .post-body { padding:20px; flex:1; display:flex; flex-direction:column; }
    .post-cat { display:inline-block; font-size:11px; font-weight:500; padding:3px 10px; border-radius:999px; margin-bottom:10px; }
    .post-title { font-family:var(--serif); font-size:17px; font-weight:400; line-height:1.35; margin-bottom:8px; }
    .post-excerpt { font-size:13px; color:var(--ink-2); font-weight:300; line-height:1.6; flex:1; margin-bottom:14px; }
    .post-footer { display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--ink-3); margin-top:auto; }
    .load-more-wrap { text-align:center; margin-bottom:64px; }
    .btn-load { font-size:14px; padding:11px 28px; border:0.5px solid var(--border); border-radius:999px; background:var(--bg); color:var(--ink); cursor:pointer; font-family:var(--sans); transition:all 0.2s; }
    .btn-load:hover { background:var(--bg-card); border-color:var(--ink-3); }
    .email-strip { background:var(--ink); border-radius:14px; padding:40px 44px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; margin-bottom:64px; }
    .email-strip h3 { font-family:var(--serif); font-size:24px; font-weight:400; color:#fff; margin-bottom:4px; }
    .email-strip p { font-size:14px; color:#6b7280; font-weight:300; }
    .strip-form { display:flex; gap:8px; flex-shrink:0; }
    .strip-input { padding:10px 16px; font-size:14px; font-family:var(--sans); border:0.5px solid #374151; border-radius:999px; background:#1f1f1f; color:#fff; outline:none; width:220px; }
    .strip-input::placeholder { color:#4b5563; }
    .strip-input:focus { border-color:var(--accent); }
    .strip-submit { padding:10px 20px; background:var(--accent); color:#fff; border:none; border-radius:999px; font-size:14px; font-weight:500; cursor:pointer; font-family:var(--sans); transition:opacity 0.2s; white-space:nowrap; }
    .strip-submit:hover { opacity:0.88; }
    .post-page-label { text-align:center; font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-3); margin-bottom:40px; display:flex; align-items:center; gap:12px; }
    .post-page-label::before, .post-page-label::after { content:''; flex:1; height:0.5px; background:var(--border); }
    .post-page { max-width:700px; margin:0 auto 80px; }
    .post-page-cat { display:inline-block; font-size:11px; font-weight:500; padding:3px 10px; border-radius:999px; background:var(--green-dim); color:var(--green-txt); margin-bottom:14px; }
    .post-page-title { font-family:var(--serif); font-size:36px; font-weight:400; line-height:1.2; margin-bottom:14px; }
    .post-page-meta { display:flex; align-items:center; gap:12px; font-size:13px; color:var(--ink-3); padding-bottom:24px; border-bottom:0.5px solid var(--border); margin-bottom:0; }
    .post-page-body h2 { font-family:var(--serif); font-size:24px; font-weight:400; margin:36px 0 12px; border:none; padding:0; }
    .post-page-body p { font-size:16px; color:var(--ink-2); font-weight:300; line-height:1.8; margin-bottom:18px; }
    .post-page-body strong { color:var(--ink); font-weight:500; }
    .post-page-body ul { padding-left:20px; margin-bottom:18px; }
    .post-page-body li { font-size:15px; color:var(--ink-2); font-weight:300; line-height:1.7; margin-bottom:6px; }
    .in-article-cta { border:0.5px solid var(--accent); background:var(--green-dim); border-radius:var(--radius); padding:24px 28px; margin:32px 0; }
    .in-article-cta h4 { font-size:16px; font-weight:500; color:var(--green-txt); margin-bottom:6px; }
    .in-article-cta p { font-size:14px; color:var(--green-txt); font-weight:300; margin-bottom:14px; opacity:0.85; }
    .in-article-cta a { display:inline-block; font-size:13px; font-weight:500; padding:9px 20px; background:var(--accent); color:#fff; border-radius:999px; text-decoration:none; transition:opacity 0.2s; }
    .related-posts { border-top:0.5px solid var(--border); padding-top:36px; margin-top:48px; max-width:700px; margin-left:auto; margin-right:auto; margin-bottom:80px; }
    .related-posts h3 { font-size:14px; font-weight:500; margin-bottom:18px; }
    .related-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .related-card { display:block; padding:16px 18px; border:0.5px solid var(--border); border-radius:var(--radius); text-decoration:none; color:var(--ink); transition:background 0.15s; }
    .related-card:hover { background:var(--bg-card); }
    .related-cat { font-size:11px; color:var(--ink-3); margin-bottom:4px; }
    .related-title { font-size:14px; font-weight:400; line-height:1.4; }
    @media(max-width:900px){ .blog-hero{grid-template-columns:1fr;gap:32px;} .featured-post{grid-template-columns:1fr;} .posts-grid{grid-template-columns:1fr 1fr;} .related-grid{grid-template-columns:1fr;} }
    @media(max-width:600px){ .posts-grid{grid-template-columns:1fr;} h1{font-size:34px;} .email-strip{flex-direction:column;} .strip-form{flex-direction:column;width:100%;} .strip-input{width:100%;} }