/* Expert credibility: hero tag + "Why <Name>" block (skill-page-vnext3 pattern). No borders. */
.hero-meta .xc-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:14px;line-height:1.35;color:var(--mut,#59685f);text-decoration:none;text-wrap:pretty}
.hero-meta .xc-tag b{font-weight:600;color:var(--ink,#16251e)}
.hero-meta .xc-tag:hover b{text-decoration:underline;text-underline-offset:2px}
.xc-why{margin:0 0 56px;padding:28px;border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(22,37,30,.05),0 6px 20px rgba(22,37,30,.06);scroll-margin-top:160px}
.xc-why-head{display:flex;gap:16px;align-items:flex-start}
.xc-why-av{flex:none;width:52px;height:52px;border-radius:50%;overflow:hidden;background:#f5f3eb;display:grid;place-items:center;font:600 20px/1 Inter,system-ui,sans-serif;color:#16251e}
.xc-why-av img{width:100%;height:100%;object-fit:cover;display:block}
html:root .v3-cols .xc-why h2{margin:2px 0 0}
.xc-why-head p{margin:6px 0 0;font-size:16.5px;line-height:1.5;color:var(--mut,#59685f);max-width:58ch;text-wrap:pretty}
.xc-facts{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.xc-facts.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.xc-facts li{display:grid;align-content:start;gap:6px;padding:16px 18px;border-radius:14px;background:#f5f3eb}
.xc-facts b{font-size:15.5px;line-height:1.3;font-weight:600;color:#16251e}
.xc-facts span{font-size:14.5px;line-height:1.45;color:var(--mut,#59685f)}
.xc-facts a{font-size:13px;line-height:1.4;color:var(--mut,#59685f);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.xc-facts a:hover{color:var(--kc,#154cff)}
.xc-src{margin:16px 0 0;font-size:13px;line-height:1.5;color:var(--mut,#59685f)}
@media (max-width:1100px){.xc-facts,.xc-facts.n2{grid-template-columns:1fr}}
@media (max-width:600px){
 .v3-hero .hero-publisher:has(.hero-publisher-owner){flex-wrap:wrap;border-radius:18px;row-gap:4px}
 .v3-hero .hero-publisher .hero-publisher-owner{flex-basis:100%;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
 .v3-hero .hero-publisher .hero-publisher-owner:before{content:none}
}
@media (max-width:900px){.xc-why{padding:20px 18px;margin-bottom:44px}.xc-why-av{width:44px;height:44px}.xc-why-head p{font-size:15.5px}}
