.post-wrap{max-width:840px}
.post-header{position:static;background:none;backdrop-filter:none;border:0;padding:24px 0 18px}
.post-header h1{font-size:clamp(1.85rem,4vw,2.5rem);line-height:1.2;margin:16px 0}
.post-meta{font-size:.86rem;margin:0;line-height:1.7}
.post-cover{margin:0 0 24px}
.post-cover img{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:var(--radius)}
.post-cover figcaption{font-size:.78rem;color:var(--ink-soft);margin-top:8px}
.post-section-cover{margin:18px 0 24px}
.post-toc{padding:16px 20px;background:var(--paper-deep);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 28px}
.post-toc summary{font-weight:800;cursor:pointer;display:list-item;min-height:32px}
.post-toc ol{padding-left:20px;margin:10px 0 0}
.post-toc li{margin:7px 0}
.post-toc a{display:inline-block;line-height:1.5;text-underline-offset:3px}
.post-body{max-width:75ch;font-size:1rem;line-height:1.8}
.post-body p{margin:0 0 18px}
.post-body h2{font-size:1.45rem;line-height:1.35;margin:32px 0 14px;scroll-margin-top:210px}
.post-body h3{font-size:1.12rem;line-height:1.5;margin:24px 0 10px;scroll-margin-top:210px}
.post-body ul,.post-body ol{padding-left:24px;margin:0 0 20px;color:var(--ink-soft)}
.post-body li{margin:8px 0}
.post-body a,.post-back a,.blog-reference a{color:var(--orange-deep);text-underline-offset:3px;overflow-wrap:anywhere}
.post-table{margin:18px 0 24px;width:100%}
.post-table table{table-layout:fixed}
.post-table th,.post-table td{overflow-wrap:anywhere;vertical-align:top}
.post-table th:first-child,.post-table td:first-child{width:30%}
.post-back{border-top:1px solid var(--line);padding:22px 0;margin-top:32px}
.blog-archive .blog-card{display:flex;flex-direction:column;min-width:0}
.blog-card-image{display:block;margin-bottom:18px}
.blog-card-image img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;border-radius:10px}
.blog-card .read-more{margin-top:auto;padding-top:12px}
.blog-reference{padding-top:32px}
.blog-reference h2{font-size:1.25rem}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;padding-top:22px;color:var(--ink-soft);line-height:1.6}
.breadcrumb [aria-current]{overflow-wrap:anywhere}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.post-toc{padding:14px}.post-body{font-size:.97rem}.post-body h2{font-size:1.3rem}.post-table th,.post-table td{padding:10px 7px}.post-header{padding-top:18px}}