.blog-reader-layout,.blog-reader-layout [data-note-body]{min-width:0}.blog-rail{display:none}.blog-mobile-toc{margin:28px 0;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#ffffff33}.blog-mobile-toc>summary{font-size:15px;cursor:pointer}.blog-mobile-toc[open]>summary{margin-bottom:14px}[data-toc] ol,[data-toc-mobile] ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}[data-toc] a,[data-toc-mobile] a{display:block;padding:8px 10px;border-left:2px solid transparent;color:var(--muted);font-size:13px;line-height:1.55;text-decoration:none;overflow-wrap:anywhere}[data-toc] a[aria-current=location],[data-toc-mobile] a[aria-current=location]{border-left-color:var(--copper);color:var(--copper);background:#93543b0e}article[data-note-id] section.note-section[id]{scroll-margin-top:var(--reader-header-offset,110px)}.blog-reader-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0 12px}.blog-reader-actions button,.blog-reader-actions>a{min-height:44px;padding:11px 16px;border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);font:inherit;font-size:12px;line-height:1.4;text-decoration:none;cursor:pointer}.blog-reader-actions button:hover,.blog-reader-actions button[aria-pressed=true]{color:var(--copper);border-color:var(--copper)}.blog-reader-actions :focus-visible,[data-toc] a:focus-visible,[data-toc-mobile] a:focus-visible,.blog-mobile-toc summary:focus-visible{outline:2px solid var(--copper);outline-offset:4px}[data-reading-status]{min-height:1.6em;color:var(--muted);font-size:12px;line-height:1.6}[data-reading-continue]{display:inline-block;max-width:100%;margin:14px 0 8px;color:var(--copper);font-size:13px;line-height:1.6;text-underline-offset:4px;overflow-wrap:anywhere}[data-reading-continue][hidden]{display:none}.reader-copy-field{display:block;box-sizing:border-box;width:100%;max-width:620px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8f5ed;color:var(--ink);font:inherit;font-size:13px;resize:vertical}.blog-reading-progress{position:fixed;z-index:45;top:calc(var(--reader-header-offset,110px) - 16px);right:0;left:0;height:3px;pointer-events:none}.blog-reading-progress>[data-reading-progress]{display:block;width:0;height:100%;background:var(--copper);transition:width .12s linear}.blog-rail-case a,.blog-rail-next a{color:var(--copper);font-size:13px;line-height:1.6;text-underline-offset:4px}.blog-rail small{font-size:10px;color:var(--muted)}
@media(min-width:1150px){.blog-reader-layout{display:grid;grid-template-columns:minmax(0,780px) 240px;gap:clamp(40px,5vw,80px);justify-content:center;align-items:start}.blog-reader-layout .blog-rail{display:block;position:sticky;top:var(--reader-header-offset,110px);max-height:calc(100dvh - var(--reader-header-offset,110px) - 28px);padding-left:22px;border-left:1px solid var(--line);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.blog-rail>*+*{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.blog-rail h2,.blog-rail h3{margin:0 0 12px;font:400 23px/1.25 Georgia,serif}.blog-rail p{font-size:12px;line-height:1.8;color:var(--muted)}.blog-mobile-toc{display:none}}
@media(max-width:479px){.blog-mobile-toc{padding:16px}.blog-reader-actions{gap:8px}.blog-reader-actions button,.blog-reader-actions>a{padding:10px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.blog-reading-progress>[data-reading-progress]{transition:none}}
@media print{.blog-rail,.blog-mobile-toc,.blog-reader-actions,.blog-reading-progress,[data-reading-status],[data-reading-continue],.reader-copy-field{display:none!important}.blog-reader-layout{display:block}}