/* ===== Expert pages ===== */
.expert-page{--e-ink:#1e1f24;--e-muted:#667587;--e-line:#dce6f0;--e-blue:#1a5488;--e-blue-dark:#123f68;--e-soft:#f4f8fc;background:#f5f7f9;padding:22px 0 clamp(56px,7vw,96px)}
.expert-breadcrumbs{margin:0 0 18px}
.expert-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;list-style:none;color:var(--e-muted);font-size:13px;font-weight:600;line-height:1.45}
.expert-breadcrumbs li{display:flex;align-items:center;gap:7px}
.expert-breadcrumbs a{color:inherit;text-decoration:none}
.expert-breadcrumbs a:hover{color:var(--e-blue)}
.expert-breadcrumbs .current span{color:var(--e-ink)}
.expert-breadcrumbs__sep{color:#b9c7d6}
.expert-hero{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin:0 0 22px;padding:clamp(24px,3.4vw,44px);border:1px solid var(--e-line);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(23,53,82,.07)}
.expert-hero__photo{width:100%;max-width:280px;aspect-ratio:1/1;justify-self:center;border-radius:50%;overflow:hidden;background:#eef3f8;box-shadow:0 0 0 1px var(--e-line),0 18px 36px rgba(23,53,82,.14)}
.expert-hero__photo img{display:block;width:100%;height:100%;object-fit:cover}
.expert-hero__label{margin:0 0 10px;color:#1687d9;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.expert-hero h1{margin:0;color:var(--e-ink);font-size:clamp(30px,3.2vw,44px);font-weight:800;line-height:1.12;letter-spacing:-.01em}
.expert-hero__role{margin:12px 0 0;color:#33475b;font-size:clamp(16px,1.5vw,19px);font-weight:650;line-height:1.4}
.expert-hero__exp{display:inline-flex;align-items:center;margin:14px 0 0;padding:6px 12px;border-radius:999px;background:var(--e-soft);color:var(--e-blue);font-size:13px;font-weight:700}
.expert-hero__lead{margin:16px 0 0;max-width:62ch;color:var(--e-muted);font-size:15.5px;line-height:1.65}
.expert-contacts{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.expert-contacts a{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--e-line);border-radius:999px;color:var(--e-blue-dark);font-size:13.5px;font-weight:700;text-decoration:none;background:#fff;transition:border-color .2s ease,color .2s ease,background .2s ease}
.expert-contacts a:hover{border-color:#1687d9;color:var(--e-blue);background:#f7fbff}
.expert-card{padding:clamp(24px,3.4vw,44px);border:1px solid var(--e-line);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(23,53,82,.05)}
.expert-content h2{margin:36px 0 14px;color:var(--e-ink);font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.25}
.expert-content h2:first-child{margin-top:0}
.expert-content p{margin:0 0 14px;color:#33475b;font-size:16px;line-height:1.72}
.expert-content ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
.expert-content ul li{position:relative;padding-left:22px;color:#33475b;font-size:15.5px;line-height:1.65}
.expert-content ul li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#1687d9}
.expert-content strong{color:var(--e-ink);font-weight:750}
.expert-content blockquote{margin:26px 0;padding:20px 24px;border-left:4px solid #1687d9;border-radius:0 14px 14px 0;background:var(--e-soft);color:#2b3d50;font-size:16.5px;line-height:1.6;font-style:italic}
.expert-content blockquote p{margin:0;font-size:inherit;color:inherit}
.expert-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding:26px 30px;border-radius:20px;background:var(--e-blue);color:#fff}
.expert-cta p{margin:0;max-width:560px;color:#fff;font-size:clamp(17px,1.8vw,21px);font-weight:750;line-height:1.3}
.expert-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:10px;background:#fff;color:var(--e-blue-dark);font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.expert-cta a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}

/* ===== Expert block inside articles ===== */
.article-expert{margin-top:18px;padding:18px;border:1px solid var(--article-line,#dce6f0);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(23,53,82,.06)}
.article-expert__label{margin:0 0 12px;color:#1687d9;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}
.article-expert__person{display:flex;align-items:center;gap:12px}
.article-expert__photo{flex:0 0 auto;width:56px;height:56px;border-radius:50%;object-fit:cover;background:#eef3f8}
.article-expert__name{margin:0;color:#1e1f24;font-size:15px;font-weight:800;line-height:1.3}
.article-expert__role{margin:3px 0 0;color:#667587;font-size:12px;line-height:1.4}
.article-expert__link{display:inline-flex;margin-top:14px;color:#1a5488;font-size:13px;font-weight:750;text-decoration:none;border-bottom:1px solid rgba(26,84,136,.28);line-height:1.4}
.article-expert__link:hover{color:#123f68}
.article-expert-inline{display:none}
@media (max-width:1050px){
  .article-expert-inline{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:10px 14px;border:1px solid #dce6f0;border-radius:14px;background:#fff;text-decoration:none;transition:border-color .2s ease}
  .article-expert-inline:hover{border-color:#1687d9}
  .article-expert-inline__photo{flex:0 0 auto;width:44px;height:44px;border-radius:50%;object-fit:cover;background:#eef3f8}
  .article-expert-inline__text{display:flex;flex-direction:column;min-width:0}
  .article-expert-inline__label{color:#1687d9;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1.2}
  .article-expert-inline__name{margin-top:2px;color:#1e1f24;font-size:14px;font-weight:750;line-height:1.25}
  .article-expert-inline__role{margin-top:1px;color:#667587;font-size:12px;line-height:1.3}
}
@media (max-width:900px){
  .expert-hero{grid-template-columns:minmax(0,1fr);gap:22px}
  .expert-hero__photo{max-width:210px;justify-self:start}
}
@media (max-width:640px){
  .expert-page{padding-top:14px}
  .expert-hero{padding:20px;border-radius:18px}
  .expert-card{padding:20px;border-radius:18px}
  .expert-cta{padding:20px;border-radius:16px}
  .expert-content p{font-size:15.5px}
}
.expert-hero h1,.expert-content h2{text-align:left}
.expert-content{text-align:left}