.pg-post .article-head{padding:40px 0 0}.pg-post .article-head .wrap{max-width:900px}.pg-post .article-head h1{letter-spacing:-.03em;margin-top:18px;font-size:clamp(34px,5vw,56px)}.pg-post .crumb-cat{text-overflow:ellipsis;white-space:nowrap;max-width:42ch;overflow:hidden}@media (max-width:599px){.pg-post .crumb-cat{max-width:22ch}}.pg-post .article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px;font-size:15px;display:flex}.pg-post .article-meta .cat{background:var(--brand-soft);color:var(--brand-ink);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.pg-post .article-cover{max-width:1100px;margin:36px auto 0;padding:0 16px}.pg-post .article-cover img{aspect-ratio:16/8;object-fit:cover;background:var(--surface-2);border-radius:24px;width:100%}.pg-post .article-layout{grid-template-columns:240px minmax(0,720px);justify-content:center;gap:64px;padding:56px 0 24px;display:grid}.pg-post .toc{top:calc(var(--header-h) + 24px);align-self:start;position:sticky}.pg-post .toc h2{letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);font-size:13px;font-weight:600}.pg-post .toc ol{border-left:2px solid var(--border);gap:2px;margin:14px 0 0;padding:0;list-style:none;display:grid}.pg-post .toc a{color:var(--muted);border-left:2px solid #0000;margin-left:-2px;padding:7px 0 7px 14px;font-size:14.5px;line-height:1.35;display:block}.pg-post .toc a:hover{color:var(--fg)}.pg-post .toc a.active{color:var(--brand-ink);border-left-color:var(--brand);font-weight:500}.pg-post .share{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.pg-post .share a,.pg-post .share button{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--fg);cursor:pointer;border-radius:50%;place-items:center;display:grid}.pg-post .share a:hover,.pg-post .share button:hover{border-color:var(--brand);color:var(--brand-ink)}.pg-post .share svg{width:18px;height:18px}.pg-post .prose h2{scroll-margin-top:calc(var(--header-h) + 20px)}.pg-post .prose h2:first-child{margin-top:0}.pg-post .prose h3{scroll-margin-top:calc(var(--header-h) + 20px)}.pg-post .author{border:1px solid var(--border);background:var(--surface);border-radius:20px;align-items:center;gap:18px;margin-top:56px;padding:24px;display:flex}.pg-post .author img{border-radius:16px;flex:none;width:64px;height:64px}.pg-post .author strong{color:var(--heading);font-size:18px;display:block}.pg-post .author p{color:var(--muted);margin-top:4px;font-size:15px}.pg-post .mobile-share{display:none}@media (max-width:1099px){.pg-post .article-layout{grid-template-columns:minmax(0,720px);gap:0;padding-top:40px}.pg-post .toc{display:none}.pg-post .mobile-share{margin:0 0 28px;display:flex}}@media (max-width:599px){.pg-post .article-cover{padding:0}.pg-post .article-cover img{aspect-ratio:3/2;border-radius:0}.pg-post .author{flex-direction:column;align-items:flex-start}}.pg-post .related .posts{grid-template-columns:repeat(3,1fr)}.pg-post .share .copied{width:auto;font:inherit;border-radius:999px;padding:0 14px;font-size:14px}.pg-post .prose img{height:auto}.pg-post .prose .table-scroll{background:linear-gradient(to right, var(--bg) 30%, transparent) left / 32px 100% no-repeat local, linear-gradient(to left, var(--bg) 30%, transparent) right / 32px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #0000002e, transparent) left / 12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #0000002e, transparent) right / 12px 100% no-repeat scroll;border-radius:12px;margin:1.6em 0;overflow-x:auto}.pg-post .prose .table-scroll table{margin:0}.pg-post .prose .table-scroll:focus-visible{outline-offset:2px}@media (max-width:599px){.pg-post .prose .table-scroll table{min-width:520px}}.pg-post .prose iframe{max-width:100%}