.blog-shell{flex-direction:column;min-height:100vh;display:flex}.blog-topbar{justify-content:space-between;align-items:center;gap:16px;width:min(100%,760px);margin:0 auto;padding:22px 24px 14px;display:flex}.blog-brand{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:9px;font-weight:700;display:inline-flex}.blog-brand:hover{text-decoration:none}.blog-mark{border-radius:6px}.blog-topnav{gap:16px;font-size:13px;display:inline-flex}.blog-topnav a{color:var(--ink-3)}.blog-topnav a:hover{color:var(--ink);text-decoration:none}.blog-main{flex:1;width:min(100%,760px);min-width:0;max-width:100%;margin:0 auto;padding:28px 24px 56px}.blog-foot{border-top:1px solid var(--line);width:min(100%,760px);color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:18px 24px 28px;font-size:12.5px;display:flex}.blog-foot-links{gap:14px;display:inline-flex}.blog-foot-links a{color:var(--ink-3)}.blog-foot-links a:hover{color:var(--ink);text-decoration:none}.blog-head{margin-bottom:34px}.blog-kicker{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-3);margin:0 0 10px;font-size:12px}.blog-title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(28px,5vw,36px);font-weight:700}.blog-lead{color:var(--ink-2);margin:0;font-size:15.5px;line-height:1.6}.blog-entries{margin:0;padding:0;list-style:none}.blog-entry{border-top:1px solid var(--line);grid-template-columns:108px 1fr;gap:18px;padding:22px 0;display:grid}.blog-entry:last-child{border-bottom:1px solid var(--line)}.blog-entry-date{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-3);white-space:nowrap;padding-top:3px;font-size:12px}.blog-entry-title{letter-spacing:-.01em;margin:0 0 6px;font-size:16.5px;font-weight:650}.blog-entry-title a{color:var(--ink)}.blog-entry-summary{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.65}@media (max-width:560px){.blog-entry{grid-template-columns:1fr;gap:6px}}.blog-body{color:var(--ink-2);font-size:15.5px;line-height:1.7}.blog-body h2{letter-spacing:-.015em;color:var(--ink);margin:34px 0 12px;font-size:21px;font-weight:700}.blog-body h3{color:var(--ink);margin:26px 0 10px;font-size:16.5px;font-weight:650}.blog-body p{margin:0 0 14px}.blog-body ul,.blog-body ol{margin:0 0 14px;padding-left:22px}.blog-body li{margin-bottom:6px}.blog-body blockquote{border-left:2px solid var(--line);color:var(--ink-3);margin:0 0 14px;padding:2px 16px}.blog-body code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:.88em}.blog-body pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin:0 0 16px;padding:14px 16px;overflow-x:auto}.blog-body pre code{background:0 0;border:none;padding:0;font-size:12.5px;line-height:1.6}.blog-body table{border-collapse:collapse;width:max-content;max-width:100%;margin:0 0 16px;font-size:13.5px;line-height:1.55;display:block;overflow-x:auto}.blog-body th,.blog-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 12px}.blog-body th{background:var(--surface);color:var(--ink);font-weight:650}.blog-body hr{border:none;border-top:1px solid var(--line);margin:28px 0}.blog-faq{border-top:1px solid var(--line);margin-top:38px;padding-top:6px}.blog-faq h2{letter-spacing:-.015em;margin:22px 0 6px;font-size:21px;font-weight:700}.blog-faq dl{margin:0}.blog-faq-item{border-bottom:1px solid var(--line);padding:14px 0}.blog-faq-item:last-child{border-bottom:none}.blog-faq dt{color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:650}.blog-faq dd{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.65}.blog-canonical-note{color:var(--ink-3);margin:30px 0 0;font-size:12.5px}