.blog-wrap{padding-top:56px;padding-bottom:96px}.blog{display:grid;grid-template-columns:minmax(0,1fr) 200px;grid-gap:56px;gap:56px;max-width:1080px}.blog-body{min-width:0;font-size:18px;line-height:1.65;color:var(--body)}.blog-body>:first-child{margin-top:0}.blog-body h2{margin:56px 0 14px;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.015em}.blog-body h2,.blog-body h3{color:var(--ink);scroll-margin-top:90px}.blog-body h3{margin:32px 0 10px;font-size:19px;font-weight:600}.blog-body li,.blog-body p{max-width:68ch}.blog-body p{margin:0 0 18px}.blog-body ol,.blog-body ul{margin:0 0 18px;padding-left:24px}.blog-body li{margin:0 0 8px}.blog-body strong{color:var(--ink);font-weight:600}.blog-body a{color:var(--acc);text-underline-offset:3px}.blog-body code{font-family:var(--mono);font-size:.88em;padding:1px 5px;border-radius:5px;background:var(--raise)}.blog-table{margin:6px 0 22px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}.blog-table table{width:100%;border-collapse:collapse;font-size:16px}.blog-table td,.blog-table th{padding:10px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}.blog-table thead th{border-top:0;font-size:14px;font-weight:500;color:var(--muted)}.blog-table tbody th{font-weight:500;color:var(--ink)}.blog-try{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.blog-when{margin:22px 0 0;font-size:15px;color:var(--muted)}.card-head .kicker a{color:inherit;text-decoration:none}.card-head .kicker a:hover{color:var(--ink)}.blog-toc{position:-webkit-sticky;position:sticky;top:96px;align-self:start;display:grid;grid-gap:8px;gap:8px;font-size:14.5px}.blog-toc p{margin:0 0 4px;font-size:13px;color:var(--muted)}.blog-toc a{color:var(--body);text-decoration:none;line-height:1.35}.blog-toc a:hover{color:var(--ink)}.blog-more{max-width:1080px;margin-top:64px;padding-top:36px;border-top:1px solid var(--line)}.blog-hub h2,.blog-more h2{margin:0 0 18px;font-size:22px;font-weight:500;color:var(--ink)}.blog-hub h2{margin-top:8px}.blog-hub h2+.blog-list{margin-bottom:56px}.blog-list,.blog-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;max-width:1080px}.blog-list li,.blog-more li{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.blog-list li a,.blog-more li a{display:block;margin:0 0 6px;font-size:18px;font-weight:500;color:var(--ink);text-decoration:none;line-height:1.3}.blog-list li a:hover,.blog-more li a:hover{color:var(--acc)}.blog-list li span,.blog-more li span{font-size:15px;line-height:1.5;color:var(--muted)}@media (max-width:860px){.blog{grid-template-columns:minmax(0,1fr)}.blog-toc{display:none}.blog-list,.blog-more ul{grid-template-columns:1fr}.blog-body{font-size:17px}}.blog-body blockquote{margin:0 0 22px;padding:2px 0 2px 20px;border-left:2px solid var(--line)}.blog-body blockquote p{margin:0}.tool{display:grid;grid-gap:16px;gap:16px;max-width:720px;margin:0 0 48px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.tool label{display:grid;grid-gap:8px;gap:8px;font-size:15px;color:var(--ink)}.tool label em{font-style:normal;color:var(--muted)}.tool input,.tool textarea{width:100%;box-sizing:border-box;padding:12px 14px;font:inherit;font-size:16px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:10px}.tool textarea{resize:vertical;min-height:96px}.tool input:focus,.tool textarea:focus{outline:2px solid var(--acc);outline-offset:1px}.tool-go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:4px 0 0}.tool-go span{font-size:14px;color:var(--muted)}.blog-tool{max-width:720px;margin:0 0 36px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;font-size:16px}