/* blog.css — Styles for blog article pages and blog index */

/* ── Site nav (white, sticky — same as guides/newsletter) ── */
.site-nav{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid rgba(0,0,0,.05)}
.site-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:14px clamp(20px,5vw,64px) 10px}
.site-nav .nav-logo img{max-height:40px;width:auto;object-fit:contain;margin-left:-4px;flex-shrink:0}
.site-nav .nav-links{display:flex;align-items:center;gap:8px}
.site-nav .nav-links a{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#374151;padding:8px 14px;border-radius:6px;transition:all .2s}
.site-nav .nav-links a:hover{color:#1a2a44;background:#faf6ef}
.site-nav .nav-right{display:flex;align-items:center;gap:10px}
.site-nav .btn-nav-cta{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:#9e7b1e;color:#000;padding:10px 20px;border-radius:6px;font-weight:500;transition:all .25s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.site-nav .btn-nav-cta:hover{background:#d4aa42;box-shadow:0 4px 12px rgba(196,154,46,.3)}
@media(max-width:600px){
  .site-nav .nav-inner{padding:10px 16px 8px}
  .site-nav .nav-logo img{max-height:22px;width:auto;height:auto;flex-shrink:0}
  .site-nav .nav-links{display:none}
  .site-nav .nav-right{margin-left:auto}
  .site-nav .btn-nav-cta{font-size:.55rem;padding:8px 14px;min-height:36px}
}

/* ── Article page ── */
.blog-article{max-width:100%}
.blog-header{text-align:center;padding:clamp(40px,6vw,64px) 0 32px;border-bottom:1px solid #eaeaea;margin-bottom:32px}
.blog-back{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#6b7280;display:inline-block;margin-bottom:24px}
.blog-back:hover{color:#9e7b1e}
.blog-date{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#9e7b1e;display:block;margin-bottom:12px}
.blog-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;color:#1a2a44;line-height:1.2;margin-bottom:12px}
.blog-meta{font-size:.85rem;font-weight:300;color:#6b7280}
.blog-meta a{color:#1a2a44;font-weight:500}
.blog-meta a:hover{color:#9e7b1e}

/* ── Body content ── */
.blog-body h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.15rem,2.5vw,1.4rem);font-weight:700;color:#1a2a44;margin:36px 0 16px;line-height:1.3}
.blog-body h2:first-child{margin-top:0}
.blog-body h3{font-family:'Playfair Display',Georgia,serif;font-size:1.05rem;font-weight:700;color:#1a2a44;margin:24px 0 10px;line-height:1.3}
.blog-body p{font-size:.95rem;font-weight:300;line-height:1.85;color:#374151;margin-bottom:14px}
.blog-body ul,.blog-body ol{margin:0 0 14px 20px}
.blog-body li{font-size:.95rem;font-weight:300;line-height:1.85;color:#374151;margin-bottom:8px}
.blog-body ol{list-style:decimal}
.blog-body ul{list-style:disc}
.blog-body strong{color:#1a2a44;font-weight:500}
.blog-body a{color:#8b6914;border-bottom:1px solid rgba(139,105,20,.3)}
.blog-body a:hover{color:#9e7b1e;border-bottom-color:#9e7b1e}

/* ── Statute refs ── */
.gl-statute{font-family:'DM Mono',monospace;font-size:.75rem;color:#8b6914;background:rgba(196,154,46,.08);padding:2px 8px;border-radius:4px;white-space:nowrap}

/* ── FAQ section ── */
.blog-faq{margin:48px 0 36px;padding-top:40px;border-top:1px solid #eaeaea}
.blog-faq h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.15rem,2.5vw,1.4rem);font-weight:700;color:#1a2a44;margin:0 0 16px}
.blog-faq details{border:1px solid #eaeaea;border-radius:8px;margin-bottom:10px;background:#fff}
.blog-faq summary{padding:16px 20px;font-weight:500;font-size:.95rem;cursor:pointer;color:#1a2a44;list-style:none;display:flex;justify-content:space-between;align-items:center}
.blog-faq summary::-webkit-details-marker{display:none}
.blog-faq summary::after{content:'+';font-family:'DM Mono',monospace;font-size:1.1rem;color:#9e7b1e;flex-shrink:0;margin-left:12px}
.blog-faq details[open] summary::after{content:'-'}
.blog-faq .faq-answer{padding:0 20px 16px;font-size:.9rem;font-weight:300;line-height:1.8;color:#374151}

/* ── CTA ── */
.blog-cta{background:#1a2a44;color:#fff;padding:32px;border-radius:12px;text-align:center;margin-top:clamp(32px,5vw,48px)}
.blog-cta p{font-size:.95rem;font-weight:300;line-height:1.75;color:rgba(255,255,255,.8);margin-bottom:16px}
.blog-cta-btn{display:inline-block;background:#9e7b1e;color:#000;font-weight:600;padding:12px 28px;border-radius:6px;font-size:.85rem;transition:background .2s;text-decoration:none}
.blog-cta-btn:hover{background:#d4aa42;color:#0f1b2e}

/* ── Subscribe ── */
.blog-subscribe{background:#1a2a44;border-radius:12px;padding:clamp(28px,4vw,40px);text-align:center;margin:clamp(32px,5vw,48px) 0}
.blog-subscribe h3{font-family:'Playfair Display',Georgia,serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:8px}
.blog-subscribe p{font-size:.9rem;font-weight:300;color:rgba(255,255,255,.65);margin-bottom:20px;max-width:420px;margin-left:auto;margin-right:auto}
.blog-subscribe-form{display:flex;gap:8px;max-width:420px;margin:0 auto}
.blog-subscribe-form input{flex:1;padding:12px 16px;border:1.5px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.08);color:#fff;font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:300;min-height:48px}
.blog-subscribe-form input::placeholder{color:rgba(255,255,255,.6)}
.blog-subscribe-form input:focus{border-color:#9e7b1e;outline:3px solid #9e7b1e;outline-offset:1px;box-shadow:none}
.blog-subscribe-form button{padding:12px 24px;background:#9e7b1e;color:#000;font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;min-height:48px;transition:background .2s}
.blog-subscribe-form button:hover{background:#d4aa42}
.blog-sub-note{font-size:.65rem;color:rgba(255,255,255,.35);margin-top:10px}
@media(max-width:500px){.blog-subscribe-form{flex-direction:column}.blog-subscribe-form button{width:100%}}

/* ── Blog index page ── */
.blog-index-header{text-align:center;padding:48px 0 32px;border-bottom:2px solid #e8dece;margin-bottom:40px}
.blog-index-heading{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:#1a2a44;margin-bottom:8px}
.blog-index-desc{font-size:1rem;font-weight:300;color:#6b7280}
.blog-list{display:flex;flex-direction:column;gap:12px}
.blog-item{display:block;background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:24px;transition:all .25s}
.blog-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-2px);border-color:rgba(196,154,46,.3)}
.blog-item-date{font-family:'DM Mono',monospace;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:#9e7b1e;display:block;margin-bottom:6px}
.blog-item-title{font-family:'Playfair Display',Georgia,serif;font-size:1.05rem;font-weight:700;color:#1a2a44;display:block;margin-bottom:4px;line-height:1.3}
.blog-item-desc{font-size:.85rem;font-weight:300;color:#6b7280;display:block;line-height:1.6;margin-bottom:4px}
.blog-item-practice{font-family:'DM Mono',monospace;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:#9e7b1e;padding:2px 8px;border:1px solid rgba(158,123,30,.2);border-radius:100px;display:inline-block}
.blog-empty{text-align:center;padding:60px 20px;color:#6b7280;font-size:.95rem;line-height:1.7}
.blog-empty a{color:#1a2a44;border-bottom:1px solid #eaeaea}
.blog-count{font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.1em;color:#6b7280;text-align:center;margin-top:32px}
.blog-index-footer{text-align:center;padding:24px;font-size:.7rem;color:#6b7280;border-top:1px solid #eaeaea;margin-top:48px;line-height:1.7}
.blog-index-footer a{color:#1a2a44;text-decoration:underline}
.footer{text-align:center;padding:32px 0;font-size:.7rem;color:#6b7280;line-height:1.7}
.footer a{color:inherit}

/* ── Print ── */
@media print{.blog-subscribe,.blog-cta,.site-nav,.skip-link,#geo-disclaimers{display:none!important}}