/*
 * izolmak.com.mk, Техничка поддршка: "Кому помагаме", the four profiles that were pages under /about until
 * 24 October 2026. A card's button picks its profile in the form below (contact-profile.20261024b.js).
 * The file name changes with its content: CSS is cached 30 days.
 */
.ts-intro { margin: 0; font-size: 17px; line-height: 1.6; color: #374151; }
.ts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ts-prof { display: grid; grid-template-columns: 200px minmax(0, 1fr); overflow: hidden; border-radius: 10px; background: #ffffff;
  border: 2px solid transparent; scroll-margin-top: 96px; transition: border-color .2s ease, box-shadow .2s ease; }
.ts-prof > img { display: block; width: 100%; height: 100%; min-height: 200px; object-fit: cover; }
.ts-prof-body { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px 22px; }
.sp .ts-prof-name { margin: 0; font-size: 21px; line-height: 1.25; color: var(--sp-blue); }
.ts-prof-tag { margin: 0; font-size: 15px; font-weight: 700; color: var(--sp-gold); }
.ts-prof-text { margin: 0; font-size: 15px; line-height: 1.55; color: #374151; }
.ts-prof-go { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: auto; padding-top: 8px; }
.ts-ask { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 4px;
  background: var(--sp-blue); color: #ffffff; font-size: 15px; font-weight: 700; text-decoration: none; }
.ts-ask:hover { background: var(--sp-ground); color: #ffffff; }
.ts-more { font-size: 14px; font-weight: 700; color: var(--sp-blue); text-decoration: none; }
.ts-more:hover { text-decoration: underline; }
/* the profile chosen in the form */
.ts-prof.is-on { border-color: var(--sp-yellow); box-shadow: 0 8px 24px rgba(27, 54, 121, .14); }
.ts-prof.is-on .ts-ask { background: var(--sp-yellow); color: var(--sp-blue); }
#forma { scroll-margin-top: 24px; }

@media (max-width: 1024px) {
  .ts-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .ts-prof { grid-template-columns: minmax(0, 1fr); }
  .ts-prof > img { height: 170px; min-height: 0; }
  .ts-prof-body { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) { .ts-prof { transition: none; } }