.blog-page{--ink: #1c2730;--muted: #4f5d68;--bg: #f2f5f6;--sky: #dce9ee;--teal: #2f7f8b;--terra: #c4613f;--line: rgba(28, 39, 48, .14);background:var(--bg);color:var(--ink);line-height:1.5;padding:calc(68px + clamp(2rem,4vw,3rem)) clamp(1rem,4vw,3rem) clamp(3rem,7vw,5rem)}.blog-page :is(h1,h2,h3,h4,p,ul,ol,figure,blockquote){margin:0;color:inherit}.blog-page :is(h1,h2,h3,h4){letter-spacing:-.02em;line-height:1.1}.blog-page img{max-width:100%;height:auto}.blog-inner{max-width:48rem;margin:0 auto}.blog-head h1{font-size:clamp(2.25rem,4vw,3rem);font-weight:680}.blog-head p{color:var(--muted);margin-top:.75rem;font-size:1.0625rem;max-width:40rem;text-wrap:pretty}.blog-back{display:inline-block;margin-bottom:1.25rem;font-size:.9375rem;font-weight:600;color:var(--teal);text-decoration:none}.blog-back:hover{text-decoration:underline;text-underline-offset:.2em}.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer}.chip:hover{border-color:var(--teal);color:var(--teal)}.chip[aria-pressed=true],.chip[aria-current=page]{background:var(--teal);border-color:var(--teal);color:#fff}.chip:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.post-count{color:var(--muted);font-size:.875rem}.post-list{list-style:none;padding:0;margin:1.5rem 0 0;border-top:1px solid var(--line)}.post-row{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem 1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--line)}.post-row.has-image{grid-template-columns:10rem minmax(0,1fr)}.post-row[hidden]{display:none}.post-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#fff;display:block}.post-row h2{font-size:1.375rem;font-weight:650;line-height:1.2;text-wrap:pretty}.post-row h2 a{color:inherit;text-decoration:none}.post-row h2 a:hover{color:var(--teal)}.post-date{color:var(--muted);font-size:.875rem;margin-top:.35rem}.post-excerpt{margin-top:.6rem;color:var(--muted);text-wrap:pretty}.post-row .chips{margin-top:.85rem}@media (max-width: 600px){.post-row.has-image{grid-template-columns:1fr}.post-thumb{max-width:16rem}}.post{max-width:44rem;margin:0 auto}.post-hero{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#fff;display:block;margin-bottom:2rem}.post-head h1{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:680;text-wrap:balance}.post-meta{display:flex;flex-wrap:wrap;gap:.25rem .75rem;color:var(--muted);font-size:.9375rem;margin-top:.75rem}.post-head .chips{margin-top:1rem}.post-body{margin-top:2.5rem;font-size:1.0625rem;line-height:1.65}.post-body>*+*{margin-top:1.1em}.post-body>h1:first-child{display:none}.post-body h1,.post-body h2{font-size:1.5rem;font-weight:650;line-height:1.2;margin-top:2.25rem}.post-body h3{font-size:1.1875rem;font-weight:650;line-height:1.25;margin-top:1.75rem}.post-body h4{font-size:1.0625rem;font-weight:650;margin-top:1.5rem}.post-body :is(h1,h2,h3,h4)+*{margin-top:.6rem}.post-body a{color:var(--teal);text-decoration:underline;text-underline-offset:.15em}.post-body strong{font-weight:650}.post-body :is(ul,ol){padding-left:1.4rem}.post-body li+li{margin-top:.35rem}.post-body li>:is(ul,ol){margin-top:.35rem}.post-body blockquote{border-left:3px solid var(--teal);padding-left:1.25rem;color:var(--muted)}.post-body code{background:#1c273012;padding:.1em .35em;border-radius:4px;font-size:.9em}.post-body pre{background:var(--ink);color:#e6edef;padding:1rem 1.25rem;border-radius:14px;overflow-x:auto;font-size:.9rem;line-height:1.5}.post-body pre code{background:none;padding:0;font-size:inherit}.post-body img{border-radius:14px;border:1px solid var(--line);display:block}.post-body hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.post-body table{width:100%;border-collapse:collapse;font-size:.9375rem}.post-body :is(th,td){padding:.5rem .75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.post-body th{font-weight:650}.related{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--line)}.related h2{font-size:1.25rem;font-weight:650}.related ul{list-style:none;padding:0;margin-top:.5rem}.related li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.related li a{color:var(--ink);font-weight:600;text-decoration:none;text-wrap:pretty}.related li a:hover{color:var(--teal)}.related time{color:var(--muted);font-size:.875rem;white-space:nowrap}