/* Single post */
.post-single__header{padding:var(--sp-6) 0 var(--sp-4);border-bottom:1px solid var(--c-line)}
.post-single__cat{display:inline-block;font-size:var(--fs-xs);font-weight:600;color:var(--c-primary-dark);background:var(--c-primary-soft);padding:4px 12px;border-radius:var(--rad-pill);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.04em}
.post-single__title{font-size:var(--fs-3xl);margin:0 0 var(--sp-2);letter-spacing:-.02em}
.post-single__lead{color:var(--c-muted);font-size:var(--fs-md);line-height:1.6;margin:0 0 var(--sp-3);max-width:600px}
.post-single__meta{display:flex;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--c-muted)}
.post-single__meta i{font-size:14px;vertical-align:-1px;margin-right:4px}
.post-single__body{padding:var(--sp-5) 0}
.post-single__body .entry-content{font-size:var(--fs-md);line-height:1.8}
.post-single__body .entry-content h2{margin-top:var(--sp-6)}
.post-single__body .entry-content h3{margin-top:var(--sp-5)}
.post-single__body .entry-content p{margin-bottom:var(--sp-3)}
/* Author box */
.post-single__author{padding:var(--sp-4) 0;background:var(--c-sand);border-top:1px solid var(--c-line)}
.author-box{display:flex;gap:var(--sp-3);align-items:center}
.author-box__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}
.author-box__name{font-size:var(--fs-md);font-weight:600;margin:0 0 4px}
.author-box__bio{font-size:var(--fs-sm);color:var(--c-muted);margin:0;line-height:1.5}
/* FAQ */
.faq{margin:var(--sp-3) 0}
.faq details{border:1px solid var(--c-line);border-radius:var(--rad-md);margin-bottom:var(--sp-1);overflow:hidden;background:white}
.faq summary{padding:var(--sp-2) var(--sp-3);font-weight:600;font-size:var(--fs-sm);cursor:pointer;background:var(--c-paper);list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background .15s}
.faq summary:hover{background:var(--c-sand)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'\eaa4';font-family:'tabler-icons';font-size:16px;color:var(--c-muted);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq details p{padding:0 var(--sp-3) var(--sp-2);margin:0;font-size:var(--fs-sm);color:var(--c-muted);line-height:1.7}