.p2-post-page .s2-hero .s2-display{max-width:30ch;font-size:clamp(30px,3.6vw,48px)}.p2-post-page .s2-lede{font-size:16px}.p2-article-sec{padding-top:clamp(32px,4vw,56px)}.p2-article{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.p2-article>*{min-width:0}.p2-cover{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:18px;background:var(--s2-soft)}.p2-toc{border:1px solid var(--s2-rule);border-radius:18px;padding:22px 24px;background:var(--s2-soft)}.p2-toc ol{margin-top:10px;display:grid;gap:2px;list-style:decimal;padding-left:1.3em}.p2-toc li::marker{color:var(--s2-accent-ink);font-weight:700}.p2-toc a{display:inline-flex;align-items:center;min-height:40px;font-weight:600;color:var(--s2-ink)}.p2-toc a:hover{color:var(--s2-accent-ink);text-decoration:underline;text-underline-offset:4px}.p2-share{border-top:1px solid var(--s2-rule);padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.p2-share p{font-weight:700}.p2-share ul{display:flex;flex-wrap:wrap;gap:8px}.p2-share a,.p2-share button{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--s2-rule);background:#fff;font-weight:600;font-size:15px;color:var(--s2-ink);cursor:pointer}.p2-share a:hover,.p2-share button:hover{border-color:var(--s2-ink)}.p2-share a:focus-visible,.p2-share button:focus-visible,.p2-toc a:focus-visible,.p2-rich a:focus-visible{outline:3px solid var(--s2-accent-ink);outline-offset:3px}.post-hero{background:#0b0e17;color:#fff;padding:48px 0 56px}.post-hero__inner{max-width:720px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:16px}.post-hero__cat{background:rgb(var(--color-brand-500));color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;width:-moz-max-content;width:max-content}.post-hero__title{margin:0;font-size:36px;font-weight:700;line-height:1.15;color:#fff}@media (min-width: 768px){.post-hero__title{font-size:48px}.post-hero{padding:64px 0 72px}}.post-hero .blog-meta,.post-hero .blog-meta time{color:#ffffffbf}.post-hero .blog-meta__author{color:#fff}.post-body{background:#fff;padding:56px 0 32px}@media (min-width: 768px){.post-body{padding:80px 0 48px}}.post-body__hero-img{max-width:1080px;margin:0 auto 56px;padding:0 24px}.post-body__hero-img img{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.post-body__container{max-width:720px;margin:0 auto;padding:0 24px}.post-body__prose{font-size:18px;line-height:1.7;color:#1a1a1a}.post-body__prose p{margin:0 0 24px}.post-body__prose h2{margin:48px 0 16px;font-size:32px;font-weight:700;line-height:1.25;color:#0b0e17}.post-body__prose h3{margin:32px 0 12px;font-size:24px;font-weight:600;line-height:1.3;color:#0b0e17}.post-body__prose ul,.post-body__prose ol{margin:0 0 24px;padding-left:24px}.post-body__prose li{margin-bottom:8px}.post-body__prose a{color:#0b0e17;border-bottom:1px solid currentColor;text-decoration:none}.post-body__prose blockquote{margin:32px 0;padding:24px;border-left:4px solid #0B0E17;background:#fafafa;font-style:italic;color:#444}.post-body__prose blockquote p:last-child{margin-bottom:0}.post-body__prose img{max-width:100%;border-radius:8px;margin:24px 0}.post-body__share{margin-top:64px;padding-top:32px;border-top:1px solid #e5e5e5}.post-body__share p{margin:0 0 12px;font-size:13px;font-weight:600;color:#6b6b6b;text-transform:uppercase;letter-spacing:1px}.post-body__share ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.post-body__share a,.post-body__share button{display:inline-block;padding:8px 14px;border-radius:6px;border:1px solid #e5e5e5;background:#fff;font-size:13px;font-weight:600;color:#0b0e17;text-decoration:none;cursor:pointer;font-family:inherit}.post-body__share a:hover,.post-body__share button:hover{background:#f6f7f9}.post-body__prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px}.post-body__prose th,.post-body__prose td{border:1px solid #e5e5e5;padding:10px 14px;text-align:left}.post-body__prose th{background:#f6f7f9;font-weight:600}.post-toc{margin:0 0 28px;padding:18px 22px;background:#f6f7f9;border:1px solid #e5e5e5;border-radius:12px}.post-toc__label{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--color-brand-500))}.post-toc ol{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px;font-size:15px}.post-toc a{color:inherit;text-decoration:none}.post-toc a:hover{color:rgb(var(--color-brand-500))}