.blog-index,.blog-article{max-width:1200px;margin:auto;padding:40px 5vw 88px}.blog-breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:44px;font-size:14px;display:flex}.blog-breadcrumbs a:hover,.blog-related a:hover{color:var(--deep-sage);text-decoration:underline}.blog-index-header{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr;align-items:end;gap:64px;margin-bottom:48px;padding-bottom:64px;display:grid}.blog-index-header h1{max-width:17ch;font-size:clamp(38px,4.8vw,66px)}.blog-index-header p{max-width:38ch;color:var(--muted);font-size:19px}.blog-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.blog-card img{aspect-ratio:4/3;object-fit:contain;background:#ebe6e0;border-radius:4px;width:100%;height:auto}.blog-card .blog-meta{margin:24px 0 12px}.blog-card h2{max-width:28ch;margin-bottom:16px;font-size:clamp(25px,2.3vw,32px);line-height:1.22}.blog-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}.blog-card p:not(.blog-meta){color:var(--muted);max-width:54ch}.blog-card time{color:var(--muted);margin-top:20px;font-size:14px;display:block}.blog-article{max-width:1040px}.blog-article-header{max-width:760px;margin:0 auto 40px}.blog-article-header h1{letter-spacing:-.03em;font-size:clamp(34px,4.4vw,56px);line-height:1.15}.blog-standfirst{color:var(--muted);margin:24px 0;font-size:20px;line-height:1.6}.blog-meta{color:var(--muted);flex-wrap:wrap;gap:8px 24px;font-size:14px;display:flex}.blog-figure{margin:0 auto 56px}.blog-figure img{border-radius:4px;width:100%;height:auto}.blog-figure figcaption{color:var(--muted);max-width:760px;margin:12px auto 0;font-size:13px;line-height:1.6}.blog-prose{overflow-wrap:anywhere;color:#2d2d2d;max-width:70ch;margin:auto;font-size:18px;line-height:1.8}.blog-prose h2{margin:52px 0 20px;font-size:30px;line-height:1.25}.blog-prose h3{margin:32px 0 14px;font-size:23px;line-height:1.35}.blog-prose h4{margin:28px 0 12px;font-size:19px}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre{margin:0 0 24px}.blog-prose li{margin:8px 0}.blog-prose ul{padding-left:26px;list-style:outside}.blog-prose ol{padding-left:26px;list-style:decimal}.blog-prose li>ul,.blog-prose li>ol{margin-bottom:0}.blog-prose a{color:var(--deep-sage);text-decoration:underline;text-decoration-thickness:1px}.blog-prose a:hover{color:var(--ink);text-decoration-thickness:2px}.blog-prose blockquote{background:#ebe6e0;border-radius:4px;padding:24px}.blog-prose blockquote p:last-child{margin:0}.blog-prose code{background:#ebe6e0;border-radius:3px;padding:2px 5px;font-size:.88em}.blog-prose pre{white-space:pre-wrap;background:#ebe6e0;padding:20px;overflow:auto}.blog-prose pre code{background:0 0;padding:0}.blog-prose table{border-collapse:collapse;width:100%;min-width:0;max-width:100%;margin:28px 0 32px;font-size:15px;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:130px;padding:14px}.blog-prose th{color:var(--ink);background:#ebe6e0}.blog-prose img{max-width:100%;height:auto}.blog-prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.blog-product,.blog-related{border-top:1px solid var(--line);max-width:70ch;margin:56px auto 0;padding-top:32px}.blog-product h2,.blog-related h2{margin-bottom:16px;font-size:28px;line-height:1.3}.blog-product p{margin-bottom:24px}.blog-product .button{white-space:normal;text-align:center;max-width:100%}.blog-product .blog-product-note{color:var(--muted);margin:18px 0 0;font-size:14px}.blog-related a{color:var(--deep-sage);max-width:60ch;padding:12px 0;text-decoration:underline;display:block}@media (max-width:700px){.blog-index,.blog-article{padding-top:28px;padding-bottom:56px}.blog-index-header{grid-template-columns:1fr;gap:24px;margin-bottom:32px;padding-bottom:36px}.blog-grid{grid-template-columns:1fr;gap:44px}.blog-breadcrumbs{margin-bottom:32px}.blog-standfirst{font-size:18px}.blog-article-header{margin-bottom:28px}.blog-figure{margin-bottom:36px}.blog-prose{font-size:17px;line-height:1.8}.blog-prose h2{margin-top:40px;font-size:27px}.blog-prose h3{font-size:22px}.blog-prose th,.blog-prose td{min-width:120px;padding:12px}}
