/* VT Blog SEO — front end. Uses VT Blog's colour variables so everything matches the blog design. */

/* 1 · Same-size blog card images: printed inline by the plugin only while that option is on. */

/* 2 · Breadcrumbs */
.vtbs-breadcrumbs{margin:0 0 22px;font-size:.86rem;line-height:1.5;color:var(--vtb-muted,#64748b)}
.vtb-hero-single .vtbs-breadcrumbs{margin-bottom:24px}
.vtbs-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;max-width:100%}
.vtbs-breadcrumbs li{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;margin:0;padding:0;white-space:nowrap}
.vtbs-breadcrumbs li:last-child{flex:0 1 auto;overflow:hidden}
.vtbs-breadcrumbs a{color:inherit;font-weight:600;text-decoration:none;transition:color .2s ease}
.vtbs-breadcrumbs a:hover,.vtbs-breadcrumbs a:focus-visible{color:var(--vtb-accent,#1e40af)}
.vtbs-breadcrumbs li+li::before{content:var(--vtbs-sep,"›");flex:0 0 auto;margin:0 9px;opacity:.55}
.vtbs-breadcrumbs [aria-current]{display:block;flex:0 1 auto;min-width:0;max-width:64ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--vtb-ink-2,#334155)}

/* 3 · Clickable author name */
.vtbs-author-link{color:var(--vtb-ink,#0f172a);font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}
.vtbs-author-link:hover,.vtbs-author-link:focus-visible{color:var(--vtb-accent,#1e40af);text-decoration-color:currentColor}

/* 4 · FAQ section */
.vtbs-faq{margin:2.6em 0 0;padding:0;clear:both}
.vtb-content .vtbs-faq-title,.vtbs-faq-title{margin:0 0 .9em;font-size:1.75rem;line-height:1.25}
.vtbs-faq-list{display:flex;flex-direction:column;gap:12px}
.vtbs-faq-item{margin:0;padding:18px 22px;border:1px solid var(--vtb-line,#e2e8f0);border-radius:14px;background:var(--vtb-bg,#fff);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.vtb-content .vtbs-faq-q,.vtbs-faq-q{margin:0 0 .45em;font-size:1.12rem;line-height:1.4;font-weight:600;color:var(--vtb-ink,#0f172a)}
.vtbs-faq-a{font-size:1rem;line-height:1.7;color:var(--vtb-ink-2,#334155)}
.vtbs-faq .vtbs-faq-a>*{margin:0 0 .7em}
.vtbs-faq .vtbs-faq-a>*:last-child{margin-bottom:0}
.vtb-content .vtbs-faq{margin:2.6em 0 0}
details.vtbs-faq-item>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer}
details.vtbs-faq-item>summary::-webkit-details-marker{display:none}
details.vtbs-faq-item>summary .vtbs-faq-q{margin:0}
details.vtbs-faq-item[open]>summary{margin-bottom:.6em}
.vtbs-faq-icon{flex:none;position:relative;width:28px;height:28px;border:1px solid var(--vtb-line,#e2e8f0);border-radius:50%}
.vtbs-faq-icon::before,.vtbs-faq-icon::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;background:var(--vtb-accent,#1e40af);border-radius:2px;transition:transform .2s ease}
.vtbs-faq-icon::after{transform:rotate(90deg)}
details.vtbs-faq-item[open] .vtbs-faq-icon::after{transform:rotate(0)}

/* 5 · Author profile card (author page) */
.vtbs-author-card{max-width:640px;margin:22px auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.vtbs-author-photo{width:112px;height:112px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--vtb-bg,#fff),0 0 0 5px var(--vtb-line,#e2e8f0),0 10px 30px -12px rgba(15,23,42,.35)}
.vtbs-author-initials{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--vtb-accent,#1e40af),var(--vtb-accent-dark,#172f8a));color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:-.02em}
.vtbs-author-job{margin:2px 0 0;font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vtb-accent,#1e40af)}
.vtbs-author-bio{max-width:62ch;font-size:1.02rem;line-height:1.7;color:var(--vtb-ink-2,#334155)}
.vtbs-author-bio p{margin:0 0 .6em}
.vtbs-author-bio p:last-child{margin-bottom:0}
.vtbs-author-tags,.vtbs-author-social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.vtbs-author-tags li{margin:0;padding:5px 12px;border-radius:999px;background:var(--vtb-accent-soft,rgba(30,64,175,.08));color:var(--vtb-accent,#1e40af);font-size:.8rem;font-weight:600}
.vtbs-author-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:4px}
.vtbs-author-count{font-size:.88rem;font-weight:600;color:var(--vtb-muted,#64748b)}
.vtbs-author-social li{margin:0}
.vtbs-author-social a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--vtb-line,#e2e8f0);border-radius:999px;font-size:.84rem;font-weight:600;color:var(--vtb-ink-2,#334155);text-decoration:none;transition:all .2s ease}
.vtbs-author-social a:hover,.vtbs-author-social a:focus-visible{border-color:var(--vtb-accent,#1e40af);color:var(--vtb-accent,#1e40af)}

/* 6 · 410 page */
.vtbs-gone{padding:96px 24px 110px;text-align:center}
.vtbs-gone-inner{max-width:620px;margin:0 auto}
.vtbs-gone-code{margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.2em;color:var(--vtb-accent,#1e40af)}
.vtbs-gone h1{margin:0 0 14px;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.15}
.vtbs-gone-text{margin:0 auto 28px;max-width:52ch;font-size:1.05rem;line-height:1.7;opacity:.8}
.vtbs-gone-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.vtbs-gone-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;border:2px solid var(--vtb-accent,#1e40af);background:var(--vtb-accent,#1e40af);color:#fff!important;font-weight:700;text-decoration:none!important;line-height:1}
.vtbs-gone-btn--ghost{background:transparent;color:var(--vtb-accent,#1e40af)!important}

@media (max-width:640px){
	.vtbs-breadcrumbs{font-size:.8rem}
	.vtbs-faq-item{padding:16px 18px}
	.vtbs-author-photo{width:96px;height:96px}
}
