.post-article{max-width:820px}.post-article :global(h1),.post-article :global(h2),.post-article :global(h3){margin-top:1.3rem}.post-article :global(p),.post-article :global(li){color:var(--text-soft)}.post-article h2[id]:before,.post-article h3[id]:before{content:"";display:block;height:80px;margin-top:-80px;visibility:hidden}.post-article a{font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.post-article a:hover{color:var(--accent);text-decoration-color:var(--accent)}.post-article .btn,.post-article .taxonomy-badge,.post-article .post-share__btn,.post-article .post-author-block a,.post-article .tool-card-new,.post-article .project-card,.post-article .service-card{text-decoration:none!important;font-weight:inherit}.post-article .btn{transition:opacity .15s ease,transform .15s ease}.post-article .btn-primary{color:var(--accent)}.post-article .btn-primary:hover{color:#fff}.post-article .cta__button{text-decoration:none!important;display:inline-flex!important;position:relative!important}.post-article kbd{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.825em;font-weight:700;line-height:1;background-color:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:6px;border-bottom-width:2.5px;margin:0 .15rem;box-shadow:0 1px #0000000d;vertical-align:middle}:root[data-theme=dark] .post-article kbd{border-bottom-color:color-mix(in srgb,var(--line) 150%,black);box-shadow:0 1px #0000004d}.post-hero{padding:0!important;border-bottom:1px solid var(--line);background:var(--bg-soft);width:100%;max-height:400px;overflow:hidden;position:relative;background-size:cover;background-position:center}.post-hero h2{margin:0;font-size:clamp(1.8rem,3vw,2.7rem)}.post-hero img{width:100%;height:400px;object-fit:cover;display:block}.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;align-items:flex-end;padding:2.5rem 0;color:#f7f7f7!important}.post-meta{color:var(--text-soft);font-size:.9rem;margin-bottom:1rem}.post-author-block{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.post-author-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.post-author-name{margin:0;font-weight:700}.post-author-role{margin:0;color:var(--text-soft);font-size:.9rem}.post-author-avatar-link{text-decoration:none}.post-author-link{color:var(--accent);text-decoration:none;transition:opacity .15s ease}.post-author-link:hover{opacity:.8}.post-meta__updated,.post-meta__reading-time{color:var(--text-soft)}.post-taxonomy{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.taxonomy-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .15s ease,transform .15s ease;line-height:1.4}.taxonomy-badge:hover{opacity:.85;transform:translateY(-1px)}.taxonomy-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.taxonomy-badge--cat{border:1px solid transparent}.taxonomy-badge--cat-blue{background:#dbeafe;color:#1e40af}.taxonomy-badge--cat-green{background:#dcfce7;color:#166534}.taxonomy-badge--cat-purple{background:#f3e8ff;color:#6b21a8}.taxonomy-badge--cat-orange{background:#ffedd5;color:#9a3412}.taxonomy-badge--cat-pink{background:#fce7f3;color:#9d174d}.taxonomy-badge--cat-teal{background:#ccfbf1;color:#115e59}.taxonomy-badge--cat-red{background:#fee2e2;color:#991b1b}.taxonomy-badge--cat-yellow{background:#fef9c3;color:#854d0e}.taxonomy-badge--cat-indigo{background:#e0e7ff;color:#3730a3}.taxonomy-badge--cat-cyan{background:#cffafe;color:#155e75}:root[data-theme=dark] .taxonomy-badge--cat-blue{background:#172554;color:#60a5fa}:root[data-theme=dark] .taxonomy-badge--cat-green{background:#14532d;color:#4ade80}:root[data-theme=dark] .taxonomy-badge--cat-purple{background:#3b0764;color:#c084fc}:root[data-theme=dark] .taxonomy-badge--cat-orange{background:#7c2d12;color:#fb923c}:root[data-theme=dark] .taxonomy-badge--cat-pink{background:#831843;color:#f472b6}:root[data-theme=dark] .taxonomy-badge--cat-teal{background:#134e4a;color:#2dd4bf}:root[data-theme=dark] .taxonomy-badge--cat-red{background:#7f1d1d;color:#f87171}:root[data-theme=dark] .taxonomy-badge--cat-yellow{background:#713f12;color:#facc15}:root[data-theme=dark] .taxonomy-badge--cat-indigo{background:#312e81;color:#818cf8}:root[data-theme=dark] .taxonomy-badge--cat-cyan{background:#164e63;color:#22d3ee}.taxonomy-badge--tag{background:var(--bg-soft);color:var(--text-soft);border:1px solid var(--line)}.post-share{display:flex;align-items:center;gap:.75rem;margin:2rem 0;padding:1.25rem 0;border-top:1px solid var(--line)}.post-share__label{font-size:.85rem;font-weight:700;color:var(--text-soft);flex-shrink:0}.post-share__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.post-share__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text-soft);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.post-share__btn:hover{border-color:var(--accent);color:var(--accent)}.post-share__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.post-share__btn svg{flex-shrink:0}.post-share__name{line-height:1}@media(max-width:640px){.post-share{flex-direction:column;align-items:flex-start}}.toc{margin:1.5rem 0;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1rem;background:none;border:none;cursor:pointer;color:var(--text);font-size:.95rem;font-weight:700;text-align:left}.toc__toggle:hover{background:var(--bg-soft)}.toc__chevron{transition:transform .2s ease;color:var(--text-soft)}.toc__toggle[aria-expanded=false] .toc__chevron{transform:rotate(-90deg)}.toc__body{padding:0 1rem .85rem}.toc__body[hidden]{display:none}.toc__list{list-style:none;margin:0;padding:0}.toc__list .toc__list{padding-left:1.2rem;margin-top:.25rem}.toc__item{margin:.25rem 0}.toc__link{display:inline-block;padding:.2rem 0;font-size:.9rem;color:var(--text-soft);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease;line-height:1.4}.toc__link:hover{color:var(--accent);border-bottom-color:var(--accent)}.toc__item--h2>.toc__link{font-weight:600;color:var(--text)}.toc__item--h3>.toc__link{font-size:.85rem}.related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.related-posts__title{font-size:1.5rem;font-weight:800;margin-bottom:1.25rem}.related-posts__carousel-wrap{position:relative}.related-posts__carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0;scroll-padding:0 1rem}.related-posts__carousel::-webkit-scrollbar{display:none}.related-posts__card{flex:0 0 auto;width:300px;scroll-snap-align:start}.related-posts__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;transition:background .15s,color .15s,border-color .15s,opacity .15s;padding:0;line-height:1}.related-posts__arrow svg{width:20px;height:20px}.related-posts__arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent);opacity:1}.related-posts__arrow:hover svg{stroke:#fff}.related-posts__arrow--left{left:6px}.related-posts__arrow--right{right:6px}@media(max-width:640px){.related-posts__card{width:80vw}.related-posts__arrow{display:none}}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--line)}.post-nav__link{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.post-nav__link:hover{border-color:var(--accent);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 12%,transparent)}.post-nav__link--next{text-align:right}.post-nav__label{font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.post-nav__title{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.3}@media(max-width:640px){.post-nav{grid-template-columns:1fr}}.comments-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.comments-section__title{font-size:1.3rem;font-weight:800;margin-bottom:1.25rem}.breadcrumb{margin-bottom:1.5rem}.breadcrumb__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0}.breadcrumb__item{display:inline-flex;align-items:center;font-size:.82rem;color:var(--text-soft)}.breadcrumb__item:not(:last-child):after{content:"/";margin:0 .4rem;color:var(--line)}.breadcrumb__link{color:var(--text-soft);text-decoration:none;transition:color .15s ease}.breadcrumb__link:hover{color:var(--accent)}.breadcrumb__current{color:var(--text);font-weight:600}