.post-hero{position:relative;overflow:hidden;padding-block:clamp(1.75rem,4vw,3rem) clamp(1.75rem,4vw,2.75rem);background:radial-gradient(60% 120% at 92% -10%,var(--primary-soft),transparent 70%),radial-gradient(40% 90% at 0% 110%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 70%),var(--background);border-bottom:1px solid var(--border)}.post-hero__inner{position:relative}.post-hero__cats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .75rem}.post-hero__cats .badge{text-decoration:none}.post-hero__title{max-width:24ch;margin:0;font-size:var(--fs-2xl);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.post-hero__lead{max-width:62ch;margin:.9rem 0 0;color:var(--text-muted);font-size:var(--fs-md)}.post-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.1rem 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.post-hero__meta span{display:inline-flex;align-items:center;gap:.45em}.post-hero__meta .icon{width:1.05em;height:1.05em;color:var(--primary-text)}.post-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3rem);padding-block:clamp(1.75rem,4vw,3rem) clamp(2.5rem,6vw,4.5rem)}@media(min-width:1024px){.post-layout{grid-template-columns:minmax(0,1fr) 21.5rem;align-items:start}}@media(min-width:1200px){.post-layout{grid-template-columns:minmax(0,1fr) 23rem}}.post-main{min-width:0}.post-cover{margin:0 0 1.75rem;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.post-cover img{display:block;width:100%;height:100%;object-fit:cover}.post-toc{margin:0 0 2rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.post-toc summary{display:flex;align-items:center;gap:.6rem;padding:.95rem 1.15rem;cursor:pointer;list-style:none;font-family:var(--font-heading);font-size:var(--fs-md);font-weight:700}.post-toc summary::-webkit-details-marker{display:none}.post-toc summary:after{content:"";width:.55rem;height:.55rem;margin-left:auto;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg) translateY(-2px);transition:transform var(--dur-fast) ease}.post-toc[open] summary:after{transform:rotate(-135deg) translateY(-2px)}.post-toc summary .icon{width:1.2rem;height:1.2rem;color:var(--primary-text)}.post-toc__count{padding:.1em .6em;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-text);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600}.post-toc__list{display:grid;gap:.15rem;margin:0;padding:0 1.15rem 1.1rem;counter-reset:toc;list-style:none}@media(min-width:720px){.post-toc__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}.post-toc__list li{counter-increment:toc}.post-toc__list a{display:flex;gap:.65rem;padding:.4rem .5rem;border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);line-height:1.4;text-decoration:none}.post-toc__list a:before{content:counter(toc,decimal-leading-zero);flex:none;min-width:1.6em;color:var(--primary-text);font-family:var(--font-mono);font-size:.8em;font-weight:600;line-height:1.75}.post-toc__list a:hover{background:var(--primary-soft);color:var(--primary-text)}.post-content.prose{max-width:none;font-size:var(--fs-base);line-height:1.75}.post-content>p:first-of-type{color:var(--text);font-size:var(--fs-md);line-height:1.7}.post-content h2{position:relative;margin:2.6em 0 .7em;padding-top:1.1em;border-top:1px solid var(--border);font-size:var(--fs-xl);line-height:1.2;letter-spacing:-.015em;scroll-margin-top:calc(var(--sticky-top) + var(--header-h) + 1.25rem)}.post-faq{margin-top:2.6rem}.post-faq__title{position:relative;margin:0 0 1rem;padding-top:1.1em;border-top:1px solid var(--border);font-size:var(--fs-xl);line-height:1.2;letter-spacing:-.015em;scroll-margin-top:calc(var(--sticky-top) + var(--header-h) + 1.25rem)}.post-faq__title:before{content:"";position:absolute;top:-2px;left:0;width:3.25rem;height:3px;border-radius:3px;background:var(--gradient-primary)}.post-content h2:before{content:"";position:absolute;top:-2px;left:0;width:3.25rem;height:3px;border-radius:3px;background:var(--gradient-primary)}.post-content>h2:first-child{margin-top:0;padding-top:0;border-top:0}.post-content>h2:first-child:before{display:none}.post-content h3{margin:2em 0 .5em;font-size:var(--fs-lg);line-height:1.25;scroll-margin-top:calc(var(--sticky-top) + var(--header-h) + 1.25rem)}.post-content h4{margin:1.6em 0 .4em;font-size:var(--fs-md)}.post-content p{margin:0 0 1.15em}.post-content a{color:var(--primary-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.post-content a:hover{text-decoration-thickness:2px}.post-content strong{color:var(--text)}.post-content ul,.post-content ol{margin:0 0 1.4em}.post-content li::marker{color:var(--primary);font-weight:700}.post-content img,.post-content figure{max-width:100%;height:auto}.post-content figure{margin:1.75em 0}.post-content figcaption{margin-top:.6rem;color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.post-content blockquote{margin:1.75em 0;padding:1.1rem 1.35rem;border:0;border-left:4px solid var(--primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--primary-soft);color:var(--text);font-size:var(--fs-md)}.post-content blockquote>:last-child{margin-bottom:0}.post-content hr{margin:2.5em 0;border:0;border-top:1px solid var(--border)}.table-wrap{margin:1.75em 0;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);-webkit-overflow-scrolling:touch}.table-wrap:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.post-content table{width:100%;min-width:34rem;margin:0;border-collapse:collapse;font-size:var(--fs-sm);line-height:1.5}.post-content th,.post-content td{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.post-content thead th,.post-content tbody tr:first-child th{background:var(--primary-soft);color:var(--primary-text);font-family:var(--font-heading);font-weight:700;white-space:nowrap}.post-content tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--primary-soft) 35%,transparent)}.post-content tbody tr:last-child td{border-bottom:0}.post-content tbody td:first-child{color:var(--text);font-weight:600}.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:2rem 0 0;color:var(--text-muted)}.post-tags .icon{width:1.1rem;height:1.1rem}.post-tags a{padding:.25em .8em;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:var(--fs-sm);text-decoration:none}.post-tags a:hover{border-color:var(--primary);color:var(--primary-text)}.post-share{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:2rem 0 0;padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.post-share__label{display:inline-flex;align-items:center;gap:.5em;margin-right:auto;font-family:var(--font-heading);font-weight:700}.post-share__label .icon{width:1.15rem;height:1.15rem;color:var(--primary-text)}.post-share__btn{display:inline-flex;align-items:center;gap:.45em;min-height:2.5rem;padding:.4rem .95rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:border-color var(--dur-fast) ease,color var(--dur-fast) ease,background-color var(--dur-fast) ease}.post-share__btn .icon{width:1.05rem;height:1.05rem}.post-share__btn:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-text)}@media(max-width:520px){.post-share__btn span{display:none}.post-share__btn[data-copy-link] span{display:inline}.post-share__btn{padding-inline:.8rem}}.post-side{min-width:0}.post-side__sticky{display:grid;gap:1.25rem}.post-lead,.post-side__card{min-width:0;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.post-lead{position:relative;overflow:hidden;padding:1.35rem 1.35rem 1.45rem;border-color:color-mix(in srgb,var(--primary) 25%,var(--border));box-shadow:var(--shadow-md)}.post-lead:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient-primary)}.post-lead__badge{display:inline-flex;align-items:center;gap:.4em;padding:.3em .85em;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-text);font-size:var(--fs-xs);font-weight:600}.post-lead__badge .icon{width:1em;height:1em}.post-lead__title{margin:.8rem 0 .35rem;font-size:var(--fs-lg);line-height:1.2}.post-lead__sub{margin:0 0 1.1rem;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.55}.post-lead .wpcf7 form p{margin-bottom:.65rem}.post-lead .wpcf7 label{display:block;font-size:var(--fs-xs);font-weight:600}.post-lead .wpcf7 input:not([type=checkbox]):not([type=submit]),.post-lead .wpcf7 select,.post-lead .wpcf7 textarea{width:100%;min-height:2.6rem;margin-top:.25rem;padding-block:.5rem;padding-inline:.8rem;font-size:var(--fs-sm);text-overflow:ellipsis}.post-lead .wpcf7 textarea{height:4rem;min-height:3.5rem;max-height:6rem}.post-lead .wpcf7 .cs-row{grid-template-columns:minmax(0,1fr);column-gap:0}.post-lead .wpcf7 .wpcf7-list-item label{display:flex;font-weight:400}.post-lead .wpcf7 .wpcf7-acceptance label,.post-lead .wpcf7 .wpcf7-list-item-label{font-size:var(--fs-xs);font-weight:400;color:var(--text-muted)}.post-lead .wpcf7 input[type=submit],.post-lead .wpcf7 .wpcf7-submit{width:100%;min-height:2.85rem}@media(min-width:1024px){.post-lead{padding:1.1rem 1.15rem 1.2rem}.post-lead__title{margin-top:.6rem;font-size:var(--fs-md)}.post-lead__sub{margin-bottom:.8rem;font-size:var(--fs-xs);line-height:1.5}}@media(min-width:1024px)and (max-height:800px){.post-lead__sub{display:none}.post-lead__title{margin-bottom:.7rem}}@media(min-width:1024px){.post-side{display:flex;flex-direction:column;gap:1.25rem;align-self:stretch}.post-side__sticky{display:contents}.post-side__card{order:1}.post-lead{order:2;position:sticky;top:calc(var(--sticky-top) + var(--header-h) + 1rem)}}.post-lead__fallback{display:grid;gap:.6rem}.post-side__card{padding:1.15rem 1.2rem 1.25rem}.post-side__title{margin:0 0 .9rem;font-size:var(--fs-md)}.post-mini{display:grid;gap:.9rem;margin:0;padding:0;list-style:none}.post-mini__item{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.8rem;align-items:center}.post-mini__thumb{display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary-text)}.post-mini__thumb{position:relative}.post-mini__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.post-mini__thumb .icon{width:1.5rem;height:1.5rem}.post-mini__text{display:grid;gap:.25rem;min-width:0}.post-mini__text a{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text);font-size:var(--fs-sm);font-weight:600;line-height:1.35;text-decoration:none}.post-mini__text a:hover{color:var(--primary-text)}.post-mini__text time{color:var(--text-muted);font-size:var(--fs-xs)}.post-explore{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.post-explore a{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.post-explore a span{flex:1}.post-explore a .icon{width:1.15rem;height:1.15rem;color:var(--primary-text)}.post-explore a .icon:last-child{width:1rem;height:1rem;color:var(--text-muted)}.post-explore a:hover{background:var(--primary-soft);color:var(--primary-text)}.post-more__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}@media(min-width:640px){.post-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.post-more__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.author-box{display:flex;gap:1.1rem;align-items:flex-start;margin-top:1.75rem;padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.author-box__avatar{display:grid;flex:none;place-items:center;width:3.5rem;height:3.5rem;aspect-ratio:1 / 1;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-family:var(--font-heading);font-size:1.15rem;font-weight:700}.author-box__body{min-width:0}.author-box__label{margin:0;color:var(--text-muted);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.author-box__name{margin:.1rem 0 0;font-size:var(--fs-lg)}.author-box__role{margin:.1rem 0 .5rem;color:var(--primary-text);font-size:var(--fs-sm);font-weight:500}.author-box__bio{margin:0;color:var(--text-muted);font-size:var(--fs-sm)}