/* fa-pislya.css — «Після першого тренування» (07.10.2026): менше «стіни тексту» на десктопі.
   Текст кроку - у скляній картці, списки - плитки з галочками, примітки - блоки з іконкою.
   Відкат = прибрати <link fa-pislya.css> з pislya-pershogo-trenuvannya.html (+ бекап .20261007_layout.bak). */
.team-details-page-title .page-desc { max-width: 860px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 1.75; color: rgba(255,255,255,.72); }

.team-details-content .desc { font-size: 15.5px; line-height: 1.75; color: rgba(255,255,255,.74); margin-bottom: 12px; }
.team-details-content ul.pz-list { list-style: none; padding: 0; margin: 6px 0 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.team-details-content ul.pz-list li {
  position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px;
  background: rgba(255,255,255,.04); color: #fff; font-size: 14.5px; line-height: 1.4; font-weight: 600;
}
.team-details-content ul.pz-list li::before {
  content: "✓"; flex: 0 0 28px; height: 28px; border-radius: 9px; display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 900; color: #fff; background: linear-gradient(135deg, #FA500A, #6207BC);
  box-shadow: 0 6px 16px -6px rgba(250,80,10,.6), inset 0 1px 0 rgba(255,255,255,.35);
}
.team-details-content ul.pz-list li::after {
  content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 14px; pointer-events: none;
  background: linear-gradient(90deg, rgba(255,90,31,.45), rgba(122,44,255,.45));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
}
.team-details-content .pz-note {
  display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; margin: 14px 0 6px;
  background: linear-gradient(90deg, rgba(250,80,10,.10), rgba(98,7,188,.08)); border-left: 3px solid #FA500A; color: rgba(255,255,255,.85); font-size: 14.5px;
}
.team-details-content .pz-note.pz-warn { border-left-color: #FFC531; background: linear-gradient(90deg, rgba(255,197,49,.12), rgba(250,80,10,.06)); color: #fff; }
.pz-note-ico {
  flex: 0 0 36px; height: 36px; border-radius: 11px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px;
  background: linear-gradient(135deg, #FFB547, #FA500A); box-shadow: 0 6px 16px -6px rgba(255,140,30,.6), inset 0 1px 0 rgba(255,255,255,.35);
}
.pz-warn .pz-note-ico { background: linear-gradient(135deg, #FFC531, #FF6A00); }
.pz-note:has(.fa-comment-dots) .pz-note-ico { background: linear-gradient(135deg, #2AABEE, #6207BC); }

@media (min-width: 992px) {
  /* текст кроку - скляна картка з градієнтною рамкою, як картки сайту */
  .team-details-right .team-details-content {
    position: relative; padding: 30px 32px 26px; border-radius: 22px;
    background: rgba(255,255,255,.025); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    box-shadow: 0 18px 50px rgba(0,0,0,.45);
  }
  .team-details-right .team-details-content::before {
    content: ""; position: absolute; inset: 0; padding: 1.4px; border-radius: 22px; pointer-events: none;
    background: linear-gradient(135deg, rgba(255,90,31,.6), rgba(122,44,255,.6));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  }
  .team-details-right .team-member-title h4 + h4 { font-size: 26px; line-height: 1.25; margin: 14px 0 14px; }
  .team-details-right .team-details-content .desc { max-width: 60ch; }
}
@media (max-width: 575px) { .team-details-content ul.pz-list { grid-template-columns: 1fr; } }
.team-details-content .pz-note b { color: #FFC531; font-weight: 800; }
@media (min-width: 992px) { .team-details-right .team-details-content ul.pz-list { max-width: none; } }