.has-article-rail{--article-background:var(--related-background);--article-foreground:var(--related-foreground);--article-accent:var(--related-accent);--article-code:var(--article-code-surface);--article-border:var(--article-divider)}.blog-author-section{width:100%;min-width:0;color:var(--related-foreground);font-family:var(--font-sans);margin:80px 0 0;padding:0}.has-article-rail>.blog-author-section{grid-area:2/2}.blog-author-profile{background:var(--article-author-surface);border-radius:16px;padding:56px 64px}.blog-author-profile .blog-author-label{margin:0 0 20px;font-size:24px;font-weight:700;line-height:1.4}.blog-author-profile .blog-author-name{color:var(--related-accent);overflow-wrap:anywhere;margin:0 0 24px;font-size:36px;font-weight:700;line-height:1.25;text-decoration:none;display:inline-block}.blog-author-profile .blog-author-name:hover{text-decoration:underline}.blog-author-profile .blog-author-name:focus-visible{outline:2px solid var(--related-accent);outline-offset:6px}.blog-author-profile .blog-author-bio{overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.6}.has-article-rail{grid-template-columns:64px minmax(0,1fr);align-items:start;column-gap:32px;max-width:1114px;display:grid}.has-article-rail>.article-rail-body{grid-area:1/2;min-width:0}.has-article-rail>:not(.article-rail-slot):not(.article-rail-body){grid-column:2}.has-article-rail .article-rail-slot{grid-area:1/1/span 20;align-self:stretch;padding-top:24px}.has-article-rail .article-rail{top:var(--article-rail-top,96px);background:var(--article-background);width:64px;color:var(--article-foreground);z-index:10;flex-direction:column;align-items:center;gap:20px;padding:0 10px 12px;display:flex;position:sticky}.has-article-rail .article-rail-label{writing-mode:vertical-rl;font-size:20px;font-weight:400;line-height:28px;transform:rotate(180deg)}.has-article-rail .article-rail-control{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;text-decoration:none;display:flex}.has-article-rail .article-rail-control svg{width:30px;height:30px;display:block}.has-article-rail .article-rail-list-lines{stroke:var(--article-background)}.has-article-rail .article-rail-control:hover{color:var(--article-accent)}.has-article-rail .article-rail-control:focus-visible,.has-article-rail .article-rail-panel a:focus-visible,.has-article-rail .article-rail-close:focus-visible{outline:2px solid var(--article-accent);outline-offset:4px}.has-article-rail .article-rail-divider{border-top:1px solid var(--article-foreground);width:30px;margin:4px 0 8px}.has-article-rail .article-rail-panel{width:376px;max-width:calc(100vw - 140px);max-height:calc(100dvh - var(--article-rail-top) - 24px);border:1px solid var(--article-border);background:var(--article-contents-background);color:var(--article-contents-foreground);border-radius:8px;padding:24px 28px 28px;position:absolute;top:0;left:76px;overflow:auto}.has-article-rail .article-rail-panel-top{color:var(--article-contents-heading);justify-content:space-between;align-items:center;gap:16px;font-size:20px;display:flex}.has-article-rail .article-rail-close{color:inherit;cursor:pointer;background:0 0;border:0;width:32px;height:32px;font-size:28px}.has-article-rail .article-rail-panel ol{margin:24px 0 0;padding:0;list-style:none}.has-article-rail .article-rail-panel li+li{margin-top:20px}.has-article-rail .article-rail-panel a{color:var(--article-contents-foreground);border-left:4px solid #0000;padding:2px 0 2px 16px;font-size:20px;font-weight:400;line-height:1.5;text-decoration:none;display:block}.has-article-rail .article-rail-panel a[aria-current=location]{border-left-color:var(--article-accent)}.has-article-rail .article-rail-panel a:hover{text-underline-offset:4px;text-decoration:underline}.has-article-rail .article-rail-subheading{padding-left:16px}.has-article-rail :is(h2,h3,h4,h5,h6),.has-article-rail .article-rail-body{scroll-margin-top:calc(var(--article-rail-top) + 16px)}.has-article-rail .article-rail-feedback{border:1px solid var(--article-border);background:var(--article-background);border-radius:8px;width:260px;max-width:calc(100vw - 140px);padding:12px;font-size:14px;line-height:1.5;position:absolute;bottom:0;left:76px}.has-article-rail .article-rail-feedback input{background:var(--article-code);width:100%;color:inherit;border:1px solid var(--article-border);margin-top:8px;padding:8px}.has-article-rail .article-rail-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=767px){.blog-author-section{margin-top:48px}.has-article-rail>.blog-author-section{grid-area:3/1}.blog-author-profile{border-radius:12px;padding:28px 24px}.blog-author-profile .blog-author-label{margin-bottom:16px;font-size:20px}.blog-author-profile .blog-author-name{margin-bottom:20px;font-size:28px}.blog-author-profile .blog-author-bio{font-size:16px;line-height:1.6}.has-article-rail{grid-template-columns:minmax(0,1fr);gap:0}.has-article-rail .article-rail-slot{top:var(--article-rail-top);z-index:10;grid-area:1/1;align-self:start;margin-bottom:0;padding:0;position:sticky}.has-article-rail .article-rail{border-block:1px solid var(--article-border);flex-direction:row;justify-content:space-between;gap:4px;width:100%;padding:8px 0;position:relative;top:auto}.has-article-rail .article-rail-label{writing-mode:horizontal-tb;font-size:14px;line-height:20px;transform:none}.has-article-rail .article-rail-label:first-child{display:none}.has-article-rail .article-rail-control{width:40px;height:40px}.has-article-rail .article-rail-control svg{width:24px;height:24px}.has-article-rail .article-rail-divider{border-top:0;border-left:1px solid var(--article-border);width:0;height:24px;margin:0}.has-article-rail>.article-rail-body{grid-area:2/1}.has-article-rail>:not(.article-rail-slot):not(.article-rail-body){grid-area:3/1}.has-article-rail .article-rail-panel{width:100%;max-width:none;max-height:calc(100dvh - var(--article-rail-top) - 100px);top:calc(100% + 8px);left:0}.has-article-rail .article-rail-feedback{width:100%;max-width:none;top:calc(100% + 8px);bottom:auto;left:0}.has-article-rail :is(h2,h3,h4,h5,h6),.has-article-rail .article-rail-body{scroll-margin-top:calc(var(--article-rail-top) + 88px)}}