.blog-page{min-height:100vh;display:flex;flex-direction:column}.blog-main{flex:1;max-width:800px;width:100%;margin:0 auto;padding:48px 24px 80px}.mkt-blog-hero,.blog-index-header{margin:-3rem -1.5rem 2.5rem;padding:clamp(3rem,6vw,4rem) 1.5rem clamp(2rem,4vw,2.5rem);position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--health-teal) 6%,var(--bg)) 0%,var(--bg) 42%,var(--bg) 100%);border-bottom:1px solid var(--border)}.mkt-blog-hero:before,.blog-index-header:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--health-teal) 0%,var(--health-cyan) 45%,#6366f1 100%);opacity:.85}@media (min-width: 800px){.mkt-blog-hero,.blog-index-header{margin:-3rem 0 2.5rem;padding-left:0;padding-right:0}}.mkt-blog-hero h1,.blog-index-header h1{font-size:clamp(2rem,3.2vw,2.5rem);font-weight:700;letter-spacing:-.04em;color:var(--health-ink);margin-bottom:.65rem;max-width:24ch}.mkt-blog-hero p,.blog-index-header p{color:var(--text-gray);font-size:1.05rem;line-height:1.65;max-width:52ch}.blog-list{display:flex;flex-direction:column;gap:20px}.blog-card{display:block;background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:24px 26px;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease;box-shadow:0 2px 12px #1010110a}@media (prefers-reduced-motion: reduce){.blog-card{transition:none}}.blog-card:hover{border-color:color-mix(in srgb,var(--purple) 25%,var(--border));box-shadow:0 8px 32px #5235ef1f}.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px;font-size:13px;color:var(--text-gray);font-weight:500}.blog-card h2{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--dark);margin-bottom:8px;line-height:1.3}.blog-card p{color:var(--text-gray);font-size:.95rem;line-height:1.55;margin:0}.blog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.blog-tag{display:inline-block;background:#f0edff;color:var(--purple);font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.mkt-blog-article{position:relative;padding-top:.35rem}.mkt-blog-article:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--health-teal) 0%,var(--health-cyan) 45%,#6366f1 100%);opacity:.85;border-radius:2px}.blog-article-hero{margin-bottom:32px}.blog-article-hero img{width:100%;max-height:360px;object-fit:cover;border-radius:12px;border:1px solid var(--border);margin-bottom:20px}.blog-article-title{font-size:clamp(1.85rem,3.2vw,2.4rem);font-weight:700;letter-spacing:-.04em;line-height:1.2;color:var(--health-ink);margin-bottom:12px}.blog-article-byline{font-size:15px;color:var(--text-gray);margin-bottom:0}.blog-article-byline .author{font-weight:600;color:var(--dark2)}.blog-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--purple);text-decoration:none;margin-bottom:24px}.blog-back:hover{text-decoration:underline}.mkt-article-header-tags{margin-top:1rem;margin-bottom:2rem}.blog-prose{font-size:1.05rem;line-height:1.7;color:var(--dark2)}.blog-prose>*:first-child{margin-top:0}.blog-prose h2{font-size:1.35rem;font-weight:700;color:var(--dark);margin:1.6em 0 .6em;letter-spacing:-.02em}.blog-prose h3{font-size:1.12rem;font-weight:600;color:var(--dark);margin:1.4em 0 .5em}.blog-prose p{margin:0 0 1em}.blog-prose ul,.blog-prose ol{margin:0 0 1em 1.2em;padding:0}.blog-prose li{margin:.35em 0}.blog-prose a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.blog-prose a:hover{color:var(--purple-light)}.blog-prose code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.9em;background:#f3f2fa;padding:.15em .4em;border-radius:4px}.blog-prose pre{background:#111114;color:#e8e8ed;padding:1rem 1.1rem;border-radius:10px;overflow:auto;font-size:.9rem;margin:1.2em 0}.blog-prose pre code{background:none;padding:0;color:inherit;font-size:inherit}.blog-prose blockquote{margin:1.2em 0;padding:.75em 0 .75em 1em;border-left:4px solid var(--purple);background:#5235ef0f;border-radius:0 8px 8px 0;color:var(--text-gray);font-style:italic}@media (max-width: 640px){.blog-main{padding:32px 16px 64px}}
