/* Utility classes replacing inline style="" attributes.
   Generated so the CSP style-src can drop 'unsafe-inline'.
   Loaded LAST so it wins the cascade over earlier author rules,
   mirroring the precedence the inline styles previously had. */

.tsu-1 {
  background: #f8fafb;
  border-top: 1px solid rgba(120, 144, 156, 0.1);
}
.tsu-2 {
  background: #f8fafb;
  border: 1px solid rgba(120, 144, 156, 0.15);
}
.tsu-3 {
  border-color: rgba(120, 144, 156, 0.2);
}
.tsu-4 {
  border-left: 4px solid #78909c !important;
  border-radius: 12px;
  background: rgba(206, 226, 230, 0.25);
}
.tsu-5 {
  border-radius: 20px;
  font-size: 0.75rem;
  padding: 6px 14px;
  font-weight: 600;
  color: #112a2e !important;
}
.tsu-6 {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(112, 144, 150, 0.05);
  transition: transform 0.3s ease;
}
.tsu-7 {
  color: #112a2e;
}
.tsu-8 {
  color: #112a2e;
  font-size: 0.95rem;
  letter-spacing: 0.05em;
}
.tsu-9 {
  color: #112a2e;
  font-size: 1.15rem;
}
.tsu-10 {
  color: #112a2e;
  font-size: 1.2rem;
  line-height: 1.7;
}
.tsu-11 {
  color: #112a2e;
  font-size: clamp(2.2rem, 5vw, 3.5rem);
  letter-spacing: -0.02em;
}
.tsu-12 {
  color: #112a2e;
  font-weight: 500;
}
.tsu-13 {
  color: #112a2e;
  line-height: 1.4;
}
.tsu-14 {
  color: #5d7a80;
}
.tsu-15 {
  color: #5d7a80;
  font-size: 1.15rem;
}
.tsu-16 {
  display: none;
}
.tsu-17 {
  font-size: 0.9rem;
  color: #112a2e;
}
.tsu-18 {
  letter-spacing: 0.12em;
}
.tsu-19 {
  line-height: 1.6;
}
.tsu-20 {
  margin-top: 16px;
}
.tsu-21 {
  max-height: 520px;
  object-fit: cover;
}
.tsu-22 {
  object-fit: cover;
}
.tsu-23 {
  position: relative;
  aspect-ratio: 16/10;
  overflow: hidden;
}
.tsu-24 {
  top: 100px;
  z-index: 10;
}
.tsu-25 {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 10px;
}

/* --- Manual (stable, not auto-generated) --- */
/* Newsletter honeypot: visually hidden + off-screen so bots fill it but
   humans and screen-reader focus never reach it. */
.tsedar-honeypot {
  position: absolute !important;
  left: -9999px !important;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
