.related-logs{border-bottom:1px solid var(--line-soft);padding:clamp(28px,5vw,52px) 0}.related-logs__heading{margin-bottom:18px}.related-logs__heading p{color:var(--muted);font-family:var(--mono);margin:0;font-size:11px}.related-logs__heading h2{color:var(--text);font-family:var(--display);margin:9px 0 0;font-size:clamp(24px,2.8vw,34px);line-height:1.12}.related-logs__list{gap:8px;max-width:800px;display:grid}.related-logs__list a{border:1px solid var(--line-medium);color:var(--muted);gap:6px;padding:14px;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:grid;position:relative}.related-logs__list a:before{background:linear-gradient(90deg, var(--text), transparent);content:"";opacity:0;width:72px;height:1px;transition:opacity .16s;position:absolute;inset:0 auto auto 0}.related-logs__list a:hover,.related-logs__list a:focus-visible{background:var(--panel);border-color:var(--line-bright);color:var(--text);transform:translateY(-2px)}.related-logs__list a:hover:before,.related-logs__list a:focus-visible:before{opacity:.72}.related-logs__list span,.related-logs__list small,.related-logs__empty{color:var(--muted);font-family:var(--mono);font-size:11px}.related-logs__list strong{color:var(--text);font-family:var(--display);font-size:clamp(17px,1.8vw,22px);line-height:1.15}.related-logs__list small{line-height:1.45}.related-logs__empty{margin:0}@media (prefers-reduced-motion:reduce){.related-logs__list a{transition:none}}.blog-post-page{min-height:100vh}.blog-post{max-width:1180px;padding-top:clamp(26px,4vw,44px);padding-bottom:clamp(64px,10vw,112px)}.blog-post__layout{grid-template-columns:minmax(0, var(--article-max)) minmax(220px, 300px);align-items:start;gap:clamp(34px,6vw,72px);display:grid}.blog-post__main{min-inline-size:0}.blog-post__back{color:var(--muted);font-family:var(--mono);margin-bottom:clamp(28px,4vw,46px);font-size:11px;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.blog-post__back:hover{color:var(--text);transform:translate(-3px)}.blog-post__back:focus-visible{color:var(--text)}.blog-post__header{border-bottom:1px solid var(--line-soft);padding-bottom:clamp(28px,4.6vw,48px)}.blog-post__meta{color:var(--muted);font-family:var(--mono);margin:0 0 clamp(12px,1.8vw,18px);font-size:11px}.blog-post h1{color:var(--text);font-family:var(--display);letter-spacing:0;max-width:820px;margin:0;font-size:clamp(34px,5.2vw,64px);line-height:1.02}.blog-post__description{color:var(--muted);max-width:720px;margin:clamp(18px,2.7vw,28px) 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.blog-post__header ul{flex-wrap:wrap;gap:7px;margin:clamp(20px,3vw,30px) 0 0;padding:0;list-style:none;display:flex}.blog-post__header li{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);padding:6px 7px;font-size:10px;line-height:1}.blog-post__content{color:var(--text-readable);max-width:var(--article-max);padding-top:clamp(34px,4.8vw,54px);font-size:clamp(15px,1.25vw,17px);line-height:1.82}.blog-post__content *{margin-top:0}.blog-post__content *+*{margin-top:1.12em}.blog-post__content h2{color:var(--text);font-family:var(--display);margin-top:clamp(36px,5vw,58px);font-size:clamp(24px,2.8vw,34px);line-height:1.12}.blog-post__content h3{color:var(--text);font-family:var(--display);margin-top:clamp(28px,4vw,42px);font-size:clamp(19px,2.1vw,25px);line-height:1.2}.blog-post__content p{margin-bottom:0}.blog-post__content>p:first-child{color:var(--text);font-size:clamp(17px,1.55vw,20px);line-height:1.72}.blog-post__content a{color:var(--text);text-decoration-color:var(--decoration);text-underline-offset:4px}.blog-post__content a:hover{text-decoration-color:var(--text)}.blog-post__content img{border:1px solid var(--line-medium);block-size:auto;inline-size:100%;display:block}.blog-post__content figure{margin:clamp(30px,5vw,54px) 0}.blog-post__content figure img{background:var(--panel)}.blog-post__content figcaption{color:var(--muted);font-family:var(--mono);margin-top:10px;font-size:11px;line-height:1.55}.blog-post__content>figure,.blog-post__content>table,.blog-post__content>pre{inline-size:100%;max-inline-size:100%}.blog-post__content>figure,.blog-post__content>table{margin-right:auto}.blog-post__content strong{color:var(--text);font-weight:700}.blog-post__content em{color:var(--text-soft)}.blog-post__content del{color:var(--muted);text-decoration-color:var(--line-bright)}.blog-post__content ul,.blog-post__content ol{padding-left:1.25rem}.blog-post__content li+li{margin-top:.45em}.blog-post__content input[type=checkbox]{accent-color:var(--text);margin-right:8px}.blog-post__content code{background:var(--line-soft);border:1px solid var(--line-medium);color:var(--text);font-family:var(--mono);padding:.12em .35em;font-size:.9em}.blog-post__content pre{background:var(--surface-floating);border:1px solid var(--line-medium);color:var(--text);font-family:var(--mono);margin:clamp(26px,4vw,42px) 0;padding:clamp(16px,3vw,24px);font-size:12px;line-height:1.75;overflow-x:auto}.blog-post__content pre code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.blog-post__content blockquote{border-left:1px solid var(--line-bright);color:var(--text-quote);font-family:var(--display);margin-top:clamp(26px,4vw,40px);margin-left:0;padding-left:18px;font-size:clamp(18px,2vw,23px);line-height:1.45}.blog-post__content table{border-collapse:collapse;color:var(--text-readable);white-space:nowrap;margin:clamp(26px,4vw,42px) 0;font-size:14px;display:block;overflow-x:auto}.blog-post__content th,.blog-post__content td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.blog-post__content th{background:var(--panel);color:var(--text);font-family:var(--mono);text-transform:uppercase;font-size:11px;font-weight:600}.blog-post__content hr{border:0;border-top:1px solid var(--line-soft);margin:clamp(34px,5vw,58px) 0}.blog-post__guide{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);max-height:calc(100svh - 128px);margin-top:clamp(40px,6vw,72px);position:sticky;top:112px;overflow-y:auto}.blog-post__guide p{border-bottom:1px solid var(--line);color:var(--text);font-family:var(--display);margin:0;padding:15px 17px;font-size:clamp(15px,1.4vw,19px);font-weight:600;line-height:1.22}.blog-post__guide-meta,.blog-post__guide-author,.blog-post__guide-share{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;font-size:10px;display:flex}.blog-post__guide-author,.blog-post__guide-share{border-bottom:0;border-top:1px solid var(--line)}.blog-post__guide-author strong{color:var(--text);letter-spacing:0;text-transform:none;font-size:11px;font-weight:600}.blog-post__guide ol{counter-reset:guide;margin:0;padding:13px 18px 15px 30px;font-size:clamp(11px,.88vw,13px);line-height:1.42;list-style:none}.blog-post__guide li{counter-increment:guide;grid-template-columns:21px minmax(0,1fr);gap:9px;display:grid;position:relative}.blog-post__guide li+li{margin-top:10px}.blog-post__guide li:before{color:var(--muted);content:counter(guide) "."}.blog-post__guide li[data-depth="3"]{padding-left:13px}.blog-post__guide a{color:var(--muted);line-height:1.35;text-decoration:none;transition:color .16s,transform .16s}.blog-post__guide a:hover,.blog-post__guide a:focus-visible{color:var(--text);transform:translate(2px)}.blog-post__guide-empty{padding:16px 18px;font-size:11px;display:block}.blog-post__guide-share{padding-top:14px;padding-bottom:14px}.blog-post__guide-share button{background:var(--surface-floating);border:1px solid var(--line-medium);color:var(--text);cursor:pointer;font-family:var(--mono);letter-spacing:0;text-transform:lowercase;padding:7px 9px;font-size:10px;transition:background .16s,border-color .16s,transform .16s}.blog-post__guide-share button:hover,.blog-post__guide-share button:focus-visible{background:var(--panel);border-color:var(--line-bright);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.blog-post__back,.blog-post__guide a,.blog-post__guide-share button{transition:none}}@media (width<=960px){.blog-post__layout{grid-template-columns:1fr}.blog-post__guide{order:-1;max-height:none;margin-top:0;position:static;overflow:visible}}@media (width<=640px){.blog-post__content table{font-size:13px}.blog-post__content th,.blog-post__content td{padding:9px 10px}}
