.reading-meta{color:var(--muted);margin:0 0 22px;font-size:14px}.article-toc{background:var(--soft);border-radius:12px;margin-bottom:26px;padding:16px 20px}.article-toc summary{cursor:pointer;color:var(--accent);font-size:15px}.article-toc ol{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.article-toc li{padding-left:calc(var(--heading-depth) * 14px);min-width:0}.article-toc a{overflow-wrap:anywhere;padding:5px 0;font-size:14px;display:block}.article-toc a[aria-current]{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.post-body :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.02em;margin:30px 0 12px;scroll-margin-top:24px;font-size:1.35em;line-height:1.5}.post-body :is(h3,h4,h5,h6){font-size:1.15em}.post-body :is(ul,ol){margin:16px 0;padding-left:24px}.post-body li+li{margin-top:6px}.post-body blockquote{border-left:3px solid var(--accent);color:var(--muted);background:var(--soft);border-radius:0 8px 8px 0;margin:20px 0;padding:10px 18px}.post-body pre{background:var(--soft);white-space:pre;border-radius:10px;max-width:100%;padding:18px;font-size:14px;overflow:auto}.post-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.post-body p code{background:var(--soft);overflow-wrap:anywhere;border-radius:4px;padding:2px 5px}.post-body a{text-underline-offset:3px;color:var(--accent);overflow-wrap:anywhere;text-decoration:underline}.post-body table{border-collapse:collapse;max-width:100%;margin:20px 0;display:block;overflow-x:auto}.post-body :is(th,td){border:1px solid var(--line);padding:8px 12px}.post-body hr{border:0;border-top:1px solid var(--line);margin:26px 0}.reading-progress{appearance:none;z-index:20;background:0 0;border:0;width:100%;height:3px;position:fixed;inset:0 0 auto}.reading-progress::-webkit-progress-bar{background:0 0}.reading-progress::-webkit-progress-value{background:var(--accent)}.reading-progress::-moz-progress-bar{background:var(--accent)}.reading-top{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));z-index:10;border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);font:inherit;border-radius:30px;padding:10px 14px;font-size:13px;position:fixed}.related-posts{border-top:1px solid var(--line);margin:32px 0;padding-top:26px}.related-posts h2{margin-bottom:16px;font-size:20px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-grid a{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:18px;display:flex}.related-grid strong{overflow-wrap:anywhere;font-size:16px}.related-grid span{color:var(--muted);font-size:13px}.post-tools{border-top:1px solid var(--line);flex-wrap:wrap;align-items:start;gap:4px 16px;margin-top:20px;padding-top:12px;display:flex}.post-tools .engagement{border:0;flex:250px;margin:0;padding:0}.post-tools .share-actions{gap:8px;margin:0;padding:0}.post-tools .engagement-actions{flex-wrap:wrap;gap:10px}.post-tools .reaction-buttons button,.post-tools .share-actions>button{min-height:36px;padding:7px 9px;font-size:13px}.post-tools .engagement-status:has([data-status]:empty),.post-tools [data-share-status]:empty{display:none}.comment-shortcut{white-space:nowrap;color:var(--muted);padding:7px 2px;font-size:13px}.feed-card .post-body{font-size:16px}.media-grid[data-image-count="2"],.media-grid[data-image-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-discovery{gap:8px;margin-bottom:8px;padding:14px 0 20px;display:flex;overflow-x:auto}.feed-discovery a{background:var(--soft);color:var(--accent);border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:13px}.feed-tabs{white-space:nowrap;margin-bottom:0;overflow-x:auto}.post-body{overflow-wrap:anywhere;min-width:0}.feed-tabs a.selected{color:var(--accent)}.subscription-link{color:var(--accent);font-size:14px}.footer{flex-wrap:wrap;gap:12px}.subscription-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.subscription-actions button{font:inherit;border:1px solid var(--line);background:var(--soft);color:var(--accent);border-radius:8px;padding:10px 14px}@media (width<=680px){.related-grid{grid-template-columns:1fr}.post-tools{gap:8px}.post-tools .view-count{font-size:12px}.post-tools .engagement-actions{gap:8px}.article-toc{padding:14px 16px}.reading-top{bottom:18px}}
