@layer components{.site-shell .site-reading-progress{z-index:12;box-sizing:border-box;background:var(--site-color-hover-background);width:calc(min(320px,100vw - 32px));max-width:240px;height:40px;color:var(--site-color-heading);opacity:0;pointer-events:none;border-radius:20px;padding-inline:12px;transition:max-width .35s cubic-bezier(.4,0,.2,1.3),height .25s,opacity .2s,transform .35s cubic-bezier(.4,0,.2,1.8),background-color .25s;position:fixed;top:10px;left:50%;overflow:hidden;transform:translate(-50%)scale(.9)}.site-shell .site-reading-progress.is-visible,.site-shell .site-reading-progress:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.site-shell .site-reading-progress-head{width:100%;height:40px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.site-shell .site-reading-progress-title{white-space:nowrap;flex:1;align-items:center;gap:4px;font-size:14px;font-weight:550;display:flex}.site-shell .site-reading-progress-title svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:16px;height:16px;transition:transform .25s}.site-shell .site-reading-progress-time{color:var(--site-color-muted);white-space:nowrap;font-size:14px}.site-shell .site-reading-progress-ring{flex:none;width:16px;height:16px;transform:rotate(-90deg)}.site-shell .site-reading-progress-ring circle{fill:none;stroke-width:2px}.site-shell .site-reading-progress-ring-track{stroke:var(--site-color-border)}.site-shell .site-reading-progress-ring-value{stroke:var(--site-color-heading);stroke-dasharray:44;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.site-shell .site-reading-progress-menu{background:var(--site-color-background);opacity:0;pointer-events:none;border-radius:0 0 18px 18px;flex-direction:column;gap:8px;max-height:calc(100vh - 64px);padding:8px 20px 16px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:100%;left:0;right:0;overflow:auto;transform:translateY(-2px)}.site-shell .site-reading-progress-menu a{margin-left:calc(10px * (-1 + var(--heading-level)));color:var(--site-color-text);font-size:14px;font-weight:500;line-height:1.4;text-decoration:none}.site-shell .site-reading-progress-menu a.active{color:var(--site-color-accent)}.site-shell .site-reading-progress.is-open,.site-shell .site-reading-progress:focus-within,.site-shell .site-reading-progress:hover{background:var(--site-color-background);max-width:320px;height:52px;overflow:visible;box-shadow:0 8px 28px #0000001f}.site-shell .site-reading-progress.is-open .site-reading-progress-head,.site-shell .site-reading-progress:focus-within .site-reading-progress-head,.site-shell .site-reading-progress:hover .site-reading-progress-head{height:52px;padding-inline:4px}.site-shell .site-reading-progress.is-open .site-reading-progress-title svg,.site-shell .site-reading-progress:focus-within .site-reading-progress-title svg,.site-shell .site-reading-progress:hover .site-reading-progress-title svg{transform:rotate(90deg)}.site-shell .site-reading-progress.is-open .site-reading-progress-menu,.site-shell .site-reading-progress:focus-within .site-reading-progress-menu,.site-shell .site-reading-progress:hover .site-reading-progress-menu{opacity:1;pointer-events:auto;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.site-shell .site-reading-progress,.site-shell .site-reading-progress *{transition-duration:.01ms}}.site-shell .site-post-share-actions{flex:none;align-items:center;gap:6px;display:flex;position:relative}.site-shell .site-post-share-actions>a,.site-shell .site-post-share-actions>button{border:1px solid color-mix(in srgb, var(--site-color-text) 8%, var(--site-color-background));width:36px;height:36px;color:var(--site-color-muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:18px;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,2.4),background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out;display:grid}.site-shell .site-post-share-actions>a:hover,.site-shell .site-post-share-actions>button:hover{background:var(--site-color-hover-background);border-color:var(--site-color-hover-background);color:var(--site-color-heading);transform:translateY(-1px)}.site-shell .site-post-share-status{z-index:1;border:1px solid var(--site-color-border);background:var(--site-color-background);color:var(--site-color-text);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:calc(100% + 6px);right:0}.site-shell .site-post-related{width:min(700px,100% - 32px);margin:72px auto 0}.site-shell .site-post-related>h2{color:var(--site-color-muted);margin:0 0 20px;font-size:14px;font-weight:500;line-height:20px}.site-shell .site-post-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.site-shell .site-post-related-card{min-width:0;color:var(--site-color-text);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;text-decoration:none;display:grid}.site-shell .site-post-related-card>img{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:96px;height:80px}.site-shell .site-post-related-copy{gap:6px;min-width:0;display:grid}.site-shell .site-post-related-title{color:var(--site-color-heading);font-size:15px;font-weight:550;line-height:1.4}.site-shell .site-post-related-card:hover .site-post-related-title{text-underline-offset:3px;text-decoration:underline}.site-shell .site-post-related-meta{color:var(--site-color-muted);flex-wrap:wrap;gap:10px;font-size:12px;line-height:18px;display:flex}.site-shell .site-post-related-meta>span{color:var(--site-color-accent)}@media (width<=640px){.site-shell .site-post-related-grid{grid-template-columns:minmax(0,1fr);gap:18px}}}