/* sobor33.ru — карточки духовенства. Подключается только в resources/views/site/pages/priest.blade.php */
.sp-list{--sp-card:#F1F5F6;--sp-text:#282828;--sp-muted:#5E6A6E;--sp-accent:#3C6E81;
  display:flex;flex-direction:column;gap:24px;margin-top:8px;padding-bottom:80px;color:var(--sp-text)}
.sp-list *,.sp-list *::before,.sp-list *::after{box-sizing:border-box}
.sp-list p{margin:0}
.sp-list img{display:block;max-width:100%}

.sp-card{background:var(--sp-card);border-radius:20px;padding:20px;display:flex;gap:40px;align-items:flex-start}
.sp-card__pic{flex:none;width:320px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#DDE5E8}
.sp-card__pic img{width:100%;height:100%;object-fit:cover}
.sp-card__info{flex:1;min-width:0;padding:12px 12px 12px 0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.sp-badge{background:var(--sp-accent);color:#fff;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sp-name{display:flex;flex-direction:column;gap:2px}
.sp-name__san{font-style:italic;font-size:20px;color:var(--sp-muted)}
.sp-list .sp-name__main{margin:0;font-size:clamp(28px,2.8vw,40px);line-height:1.1;font-weight:700;color:var(--sp-text)}

.sp-bio{font-size:17px;line-height:1.65;max-width:820px}
.sp-bio *{font-size:inherit !important;line-height:inherit !important}
.sp-bio p{margin:0 0 10px}
.sp-bio p:last-child{margin-bottom:0}
.sp-bio--clamp{max-height:calc(1.65em * 7);overflow:hidden;position:relative}
.sp-bio--clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.3em;background:linear-gradient(rgba(241,245,246,0),var(--sp-card))}
.sp-toggle:checked + .sp-bio--clamp{max-height:none}
.sp-toggle:checked + .sp-bio--clamp::after{display:none}
.sp-more{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;border:1px solid var(--sp-accent);color:var(--sp-accent);border-radius:10px;font-size:15px;cursor:pointer;user-select:none;background:#fff}
.sp-more:hover{background:var(--sp-accent);color:#fff}
.sp-more svg{transition:transform .2s}
.sp-more__close{display:none}
.sp-toggle:checked ~ .sp-more .sp-more__open{display:none}
.sp-toggle:checked ~ .sp-more .sp-more__close{display:inline}
.sp-toggle:checked ~ .sp-more svg{transform:rotate(180deg)}

@media (max-width:900px){
  .sp-card{gap:24px}
  .sp-card__pic{width:240px}
}
@media (max-width:640px){
  .sp-list{gap:14px;padding-bottom:48px}
  .sp-card{flex-direction:column;padding:12px 12px 18px;gap:16px;border-radius:16px}
  .sp-card__pic{width:100%;border-radius:12px}
  .sp-card__info{padding:0 6px;gap:12px}
  .sp-name__san{font-size:17px}
  .sp-list .sp-name__main{font-size:28px}
  .sp-bio{font-size:15px}
  .sp-more{width:100%;justify-content:center;min-height:48px}
}