/* Blog & legal pages — matches homepage green + gold palette */

/* ─── Blog listing hero ─── */
.blog-page{background:transparent;min-height:100vh}
.blog-header{text-align:center;padding:110px clamp(22px,5vw,80px) 48px;position:relative;overflow:hidden;background:transparent}
.blog-header::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 40%,rgba(37,99,235,.1) 0%,transparent 55%),radial-gradient(circle at 82% 60%,rgba(245,200,66,.14) 0%,transparent 50%);pointer-events:none}
.blog-header .grid{position:absolute;inset:0;background-image:linear-gradient(#2563eb0a 1px,transparent 1px),linear-gradient(90deg,#0596690a 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,#000,transparent 90%)}
.blog-header h1 em{font-style:normal;color:#2563eb}
.blog-header h1 .accent-gold{color:#d97706}
.blog-header p strong{color:#059669;font-weight:700}
.blog-header-content{position:relative;z-index:1;max-width:760px;margin:0 auto}
.blog-header .eyebrow{margin-bottom:20px}
.blog-header h1{margin:0;font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.055em;color:var(--ink,#1e293b)}
.blog-header p{margin:18px auto 0;max-width:640px;color:var(--muted,#64748b);font-size:17px;line-height:1.65}

/* ─── Blog article ─── */
.blog-article-wrap{background:rgba(255,255,255,.55);backdrop-filter:blur(2px);padding:110px clamp(22px,5vw,80px) 80px}
.blog-article{max-width:780px;margin:0 auto}
.article-header{text-align:center;margin-bottom:44px;padding-bottom:36px;border-bottom:1px solid #d7eadc}
.article-category{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:5px 12px;border:1px solid #e8d48a;border-radius:999px;background:#fef9e7;color:#9a7209;font:700 10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.article-category::before{content:'';width:6px;height:6px;border-radius:50%;background:#e8b923}
.article-title{margin:0 0 18px;font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.04em;color:var(--ink,#09234b)}
.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;color:var(--muted,#5e6c82);font-size:14px}
.article-meta span{display:inline-flex;align-items:center;gap:7px}
.article-meta i{color:#137e67}
.article-content{line-height:1.75;color:#3a5068;font-size:16px}
.article-content h2{margin:44px 0 16px;font-size:clamp(22px,3vw,28px);letter-spacing:-.03em;color:var(--ink,#09234b);padding-left:14px;border-left:3px solid #e8b923}
.article-content h3{margin:28px 0 12px;font-size:20px;letter-spacing:-.02em;color:var(--ink,#09234b)}
.article-content p{margin:0 0 18px}
.article-content ul,.article-content ol{margin:0 0 20px;padding-left:1.45rem;list-style-position:outside}
.article-content ul{list-style-type:disc}
.article-content ol{list-style-type:decimal}
.article-content li{margin-bottom:8px;padding-left:.2rem}
.article-content li::marker{color:#059669}
.article-content li strong{display:inline-block;min-width:9.5rem;color:#09234b}
.article-content p strong{color:var(--ink,#09234b)}
.article-content code{padding:2px 7px;border-radius:5px;background:#edf8f0;color:#137e67;font:500 .88em "DM Mono",monospace}
.article-content pre{margin:0 0 22px;padding:20px;border-radius:12px;background:#072f35;color:#e9f4ff;overflow-x:auto}
.article-content pre code{padding:0;background:none;color:inherit}
.article-content blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid #e8b923;border-radius:0 10px 10px 0;background:#fef9e7;color:#5e6c82;font-style:italic}
.article-actions{margin-top:44px;padding-top:28px;border-top:1px solid #d7eadc}
.back-to-blog{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;background:#137e67;color:#fff;font-size:14px;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.back-to-blog:hover{transform:translateY(-2px);background:#0e6553;box-shadow:0 10px 24px #176b4230}

/* ─── Legal pages ─── */
.legal-page{background:transparent;min-height:100vh}
.legal-hero{text-align:center;padding:130px clamp(22px,5vw,80px) 50px;background:transparent}
.legal-hero h1{margin:12px 0 0;font-size:clamp(32px,4.5vw,52px);letter-spacing:-.05em;line-height:1.1}
.legal-hero p{margin:16px auto 0;max-width:560px;color:var(--muted,#5e6c82);font-size:15px}
.legal-body{max-width:760px;margin:0 auto;padding:36px clamp(22px,5vw,80px) 72px;color:#3a5068;line-height:1.75;font-size:16px;background:transparent}
.legal-body h2{margin:36px 0 14px;font-size:22px;letter-spacing:-.03em;color:var(--ink,#09234b);padding-left:14px;border-left:3px solid #e8b923}
.legal-body h3{margin:24px 0 10px;font-size:18px;color:var(--ink,#09234b)}
.legal-body p,.legal-body li{margin-bottom:14px}
.legal-body ul,.legal-body ol{padding-left:22px;margin-bottom:18px}
.legal-body a{color:#137e67;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.legal-body a:hover{color:#0e6553}
.legal-updated{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;border-radius:999px;background:#fef9e7;color:#9a7209;font:600 11px "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.legal-updated i{font-size:10px}

/* ─── Floating home button ─── */
.home-widget{display:none}
.home-widget-link{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#137e67;color:#fff;font-size:20px;box-shadow:0 14px 30px #176b4230;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.home-widget-link:hover{transform:translateY(-2px);background:#0e6553;box-shadow:0 18px 34px #176b4240}

/* ─── Footer legal links ─── */
.footer-legal{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;font-weight:700}
.footer-legal a{color:#9fb5cf}
.footer-legal a:hover{color:#9ee3a3}
.copyright a{color:#8fc5ff;font-weight:700;text-decoration:none}
.copyright a:hover{text-decoration:underline}

@media(max-width:740px){
  .blog-header{padding-top:110px;padding-bottom:50px}
  .blog-article-wrap{padding-top:95px;padding-bottom:60px}
  .article-meta{flex-direction:column;gap:8px}
  .legal-hero{padding-top:110px}
  .legal-body{padding-top:36px;padding-bottom:70px}
}