.blog-root{min-height:100dvh}.blog-hero-section,.blog-grid-section{width:min(calc(100% - var(--marketing-gutter) - var(--marketing-gutter)),var(--marketing-content-max));margin:0 auto}.blog-hero-section{padding:clamp(58px,7vw,92px) 0 clamp(36px,5vw,64px);border-top:1px solid rgba(217,210,197,.78)}.blog-hero-section h1{max-width:820px;margin-top:16px;color:var(--ink);font-size:clamp(2.28rem,4.4vw,4.5rem);font-weight:800;letter-spacing:0;line-height:1}.blog-hero-section p:not(.marketing-eyebrow){max-width:700px;margin-top:18px;color:var(--muted);font-size:clamp(1rem,1.34vw,1.22rem);font-weight:500;line-height:1.62}.blog-grid-section{padding:0 0 clamp(74px,8vw,116px)}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,26px)}.blog-card-link{display:block;color:inherit;text-decoration:none}.blog-card{display:flex;flex-direction:column;height:100%;max-height:620px;min-width:0;border:1px solid rgba(217,210,197,.86);border-radius:8px;background:#fffdf8c7;box-shadow:var(--shadow-soft);overflow:hidden;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.blog-card-link:hover .blog-card{border-color:#d08a4e75;box-shadow:0 24px 64px -38px #12121270;transform:translateY(-2px)}.blog-card-link:focus-visible{outline:3px solid rgba(238,165,99,.44);outline-offset:5px;border-radius:8px}.blog-card-media{aspect-ratio:16 / 10;background:#f1ece3b8;overflow:hidden}.blog-card-media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card-body{display:flex;flex:1;flex-direction:column;gap:16px;min-height:0;overflow:hidden;padding:20px}.blog-card-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:0;line-height:1.2;text-transform:uppercase}.blog-card-meta span,.blog-card-meta time{display:inline-flex;align-items:center;min-width:0}.blog-card-meta span+time:before,.blog-card-meta time+span:before{content:"";display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:999px;background:#26231f57}.blog-card h2{color:var(--ink);font-size:clamp(1.12rem,1.45vw,1.34rem);font-weight:800;letter-spacing:0;line-height:1.16}.blog-card-body>p{color:var(--muted);font-size:.94rem;font-weight:500;line-height:1.58}.blog-card-toc{display:grid;gap:10px;max-height:250px;overflow:hidden;padding-top:2px}.blog-card-toc span{color:var(--orange-strong);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.blog-card-toc ul{display:grid;gap:8px;padding:0;margin:0;list-style:none}.blog-card-toc li{position:relative;padding-left:16px;color:#332f29;font-size:.86rem;font-weight:700;line-height:1.42}.blog-card-toc li:before{content:"";position:absolute;top:.66em;left:0;width:6px;height:6px;border-radius:999px;background:var(--orange)}.blog-article{width:min(calc(100% - var(--marketing-gutter) - var(--marketing-gutter)),var(--marketing-content-max));margin:0 auto;padding:clamp(42px,6vw,76px) 0 clamp(74px,8vw,118px);border-top:1px solid rgba(217,210,197,.78)}.blog-back-link{display:inline-flex;align-items:center;color:var(--muted);font-size:.88rem;font-weight:800;letter-spacing:0;text-decoration:none;transition:color .16s ease}.blog-back-link:hover{color:var(--ink)}.blog-back-link:focus-visible{outline:3px solid rgba(238,165,99,.44);outline-offset:4px;border-radius:8px}.blog-article-header{max-width:900px;margin-top:clamp(28px,4vw,44px)}.blog-article-header h1{max-width:860px;margin-top:16px;color:var(--ink);font-size:clamp(2.24rem,4.8vw,4.76rem);font-weight:800;letter-spacing:0;line-height:.99}.blog-article-header>p:not(.marketing-eyebrow){max-width:760px;margin-top:20px;color:var(--muted);font-size:clamp(1.02rem,1.42vw,1.24rem);font-weight:500;line-height:1.62}.blog-article-meta{margin-top:22px}.blog-article-hero{margin-top:clamp(32px,5vw,58px);border:1px solid rgba(217,210,197,.78);border-radius:8px;background:#fffdf8ad;box-shadow:var(--shadow-soft);overflow:hidden}.blog-article-hero img{display:block;width:100%;max-height:560px;-o-object-fit:cover;object-fit:cover}.blog-article-layout{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:clamp(36px,5vw,72px);align-items:start;margin-top:clamp(42px,6vw,72px)}.blog-article-toc{position:sticky;top:88px;display:grid;gap:14px;padding:18px;border:1px solid rgba(217,210,197,.86);border-radius:8px;background:#fffdf8b8}.blog-article-toc span{color:var(--orange-strong);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.blog-article-toc ol{display:grid;gap:10px;padding:0;margin:0;list-style:none}.blog-article-toc a{color:#332f29;font-size:.9rem;font-weight:800;line-height:1.4;text-decoration:none}.blog-article-toc a:hover{color:var(--ink)}.blog-article-content{display:grid;gap:clamp(34px,4vw,52px);min-width:0}.blog-article-content section{scroll-margin-top:92px}.blog-article-content h2{color:var(--ink);font-size:clamp(1.5rem,2.4vw,2.28rem);font-weight:800;letter-spacing:0;line-height:1.08}.blog-article-content h3,.blog-article-content h4,.blog-article-content h5,.blog-article-content h6{margin-top:26px;color:var(--ink);font-size:clamp(1.18rem,1.45vw,1.36rem);font-weight:800;letter-spacing:0;line-height:1.2}.blog-article-content p{margin-top:16px;color:#4d4740;font-size:clamp(1rem,1.16vw,1.1rem);font-weight:500;line-height:1.74}.blog-article-content ul,.blog-article-content ol{margin:16px 0 0 22px;padding:0;color:#4d4740;font-size:clamp(1rem,1.16vw,1.1rem);font-weight:500;line-height:1.72}.blog-article-content li{padding-left:4px}.blog-article-content li+li{margin-top:8px}.blog-article-content blockquote{margin:22px 0 0;padding:4px 0 4px 18px;border-left:3px solid var(--orange);color:#4d4740}.blog-article-content blockquote p{margin-top:0}.blog-article-content pre{margin:22px 0 0;overflow:auto;border:1px solid rgba(217,210,197,.86);background:var(--surface);padding:16px;color:#332f29;font-size:.88rem;line-height:1.6}.blog-article-content code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.blog-article-content p code,.blog-article-content li code{border:1px solid rgba(217,210,197,.86);background:var(--surface);padding:2px 5px;font-size:.9em}.blog-article-content a{color:var(--orange-strong);text-decoration:underline;text-underline-offset:3px}@media(max-width:1050px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-article-layout{grid-template-columns:1fr}.blog-article-toc{position:static}}@media(max-width:720px){.blog-hero-section h1,.blog-article-header h1{font-size:clamp(2rem,11vw,2.72rem)}.blog-card-grid{grid-template-columns:1fr}.blog-card-body{padding:18px}.blog-article{padding-top:32px}.blog-article-hero img{max-height:none}.blog-article-toc{padding:16px}}
