.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.blog-grid>li{display:grid}.blog-card{border-radius:var(--radius);background:var(--white);flex-direction:column;display:flex;position:relative;overflow:hidden}.blog-card:has(a:focus-visible){outline:3px solid var(--ink);outline-offset:3px}.blog-card-photo{aspect-ratio:16/10;background:var(--yellow-soft);overflow:hidden}.blog-card-photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out);display:block}.blog-card:hover .blog-card-photo img{transform:scale(1.05)}.blog-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:clamp(22px,2.6vw,32px);display:flex}.blog-card time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.blog-card h2{font-size:clamp(20px,1.9vw,26px);line-height:1.15}.blog-card h2 a:after{content:"";position:absolute;inset:0}.blog-card h2 a:focus-visible{outline:none}.blog-card-body>p{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card .text-link{margin-top:auto}.blog-card:hover .text-link .icon{transform:translate(3px)}.blog-empty{background:var(--white);border-radius:28px;gap:12px;max-width:640px;padding:clamp(28px,4vw,52px);display:grid}.blog-empty p{color:var(--muted)}.blog-article{max-width:calc(var(--content) + 2 * var(--gutter));padding:clamp(24px, 4vw, 56px) var(--gutter) clamp(72px, 8.5vw, 124px);margin-inline:auto}.blog-back{margin-bottom:clamp(20px,3vw,36px)}.blog-article-head{gap:20px;max-width:920px;display:grid}.blog-deck{max-width:54ch;color:var(--muted);font-size:clamp(18px,1.6vw,21px);line-height:1.5}.blog-byline{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;font-weight:600;display:flex}.blog-byline>*+:before{content:"";background:var(--yellow);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:14px;display:inline-block}.blog-hero{background:var(--yellow-soft);border-radius:28px;margin-block:clamp(32px,5vw,64px);overflow:hidden}.blog-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.blog-article-head+.blog-prose{margin-top:clamp(32px,5vw,64px)}.blog-prose{overflow-wrap:break-word;max-width:68ch;font-size:18px;line-height:1.7}.blog-prose>*+*{margin-top:1.2em}.blog-prose>:is(h1,h2,h3,h4){margin-top:2em}.blog-prose>:is(h1,h2,h3,h4)+*{margin-top:.6em}.blog-prose h1,.blog-prose h2{font-size:clamp(24px,2.4vw,34px);line-height:1.12}.blog-prose h3{font-size:21px}.blog-prose h4{font-size:18px}.blog-prose a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.blog-prose a:hover{text-decoration-thickness:3px}.blog-prose strong{font-weight:700}.blog-prose ul,.blog-prose ol{padding-left:1.4em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.4em}.blog-prose li::marker{color:var(--brown-2);font-weight:700}.blog-prose blockquote{background:var(--yellow-soft);border-radius:16px;padding:clamp(20px,2.6vw,30px) clamp(22px,3vw,36px);font-size:20px;font-weight:500;line-height:1.5}.blog-prose img{border-radius:20px;display:block}.blog-prose figcaption{color:var(--muted);margin-top:10px;font-size:14px}.blog-prose hr{border:0;border-top:1.5px solid var(--line);height:0;margin-block:2.4em}.blog-prose table{border-collapse:collapse;font-variant-numeric:tabular-nums;max-width:100%;font-size:16px;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:1.5px solid var(--line);text-align:left;padding:12px 16px}.blog-prose th{background:var(--cream);font-weight:700}.blog-prose code{background:var(--cream);border-radius:6px;padding:.1em .4em;font-size:.88em}.blog-prose pre{background:var(--brown);color:var(--milk);border-radius:16px;padding:22px;font-size:14px;line-height:1.6;overflow-x:auto}.blog-prose pre code{font-size:inherit;background:0 0;padding:0}.blog-taxonomy{border-top:1.5px solid var(--line);flex-wrap:wrap;gap:8px;max-width:68ch;margin-top:48px;padding-top:28px;display:flex}.blog-taxonomy li{background:var(--cream);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}@media (max-width:700px){.blog-grid{grid-template-columns:1fr}.blog-prose{font-size:17px}.blog-prose blockquote{font-size:18px}}
