/* telaHosting Service Listings – Comparison Table Addon */
.thslc-wrap{
  font-family: inherit;
  margin: 18px 0;
}
.thslc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.thslc-title{
  font-size:18px;
  font-weight:800;
  color:var(--th-text, #0f172a);
  padding: 10px;
}
.thslc-cycle{
  display:flex;
  align-items:center;
  gap:8px;
}
.thslc-cycle-label{
  font-size:12px;
  color:var(--th-muted, #64748b);
  font-weight:700;
}
.thslc-cycle-select{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(148,163,184,.35);
  background:var(--th-card, #fff);
  color:var(--th-text, #0f172a);
  padding:10px 36px 10px 12px;
  border-radius:10px;
  font-weight:700;
  font-size:13px;
  line-height:1;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--th-muted,#64748b) 50%),
    linear-gradient(135deg, var(--th-muted,#64748b) 50%, transparent 50%);
  background-position:
    calc(100% - 16px) calc(50% - 2px),
    calc(100% - 10px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.thslc-table-scroll{
  background:var(--th-card, #fff);
  border:1px solid rgba(148,163,184,.25);
  border-radius:14px;
  overflow:auto;
  box-shadow: 0 14px 40px rgba(15,23,42,.06);
}
.thslc-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:720px;
}
.thslc-th, .thslc-td{
  padding:14px 14px;
  border-bottom:1px solid rgba(148,163,184,.20);
  vertical-align:middle;
}
.thslc-th{
  position:sticky;
  top:0;
  background:linear-gradient(180deg, rgba(246,248,252,1), rgba(246,248,252,.85));
  color:var(--th-text,#0f172a);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:900;
  z-index:2;
}
.thslc-feature-col{
  width:22%;
  min-width:240px;
}
.thslc-plan-col{
  width:auto;
}
.thslc-td{
  color:var(--th-text,#0f172a);
  font-size:13px;
  font-weight:600;
}
.thslc-row-price .thslc-td{
  background:rgba(246,248,252,.7);
}
.thslc-price{
  font-size:16px;
  font-weight:900;
  color:var(--th-navy,#1a2b5d);
}
.thslc-plan-name{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.thslc-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(221,153,51,.14);
  color:var(--th-gold,#dd9933);
  font-weight:900;
  font-size:11px;
}
.thslc-yes{
  display:inline-flex;
  font-weight:900;
  color:#0a7a2f;
}
.thslc-tip{
  display:inline-flex;
  width:18px;
  height:18px;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  margin-left:6px;
  background:rgba(26,43,93,.08);
  color:var(--th-navy,#1a2b5d);
  font-weight:900;
  font-size:12px;
  cursor:help;
}
.thslc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  background:var(--th-navy,#1a2b5d);
  color:#fff;
  font-weight:900;
  text-decoration:none;
  border:1px solid rgba(0,0,0,0);
}
.thslc-btn:hover{
  background:var(--th-navy-dark,#152348);
  color:#fff;
}
.thslc-row-cta .thslc-td{
  border-bottom:0;
  background:#fff;
}
.thslc-notice{
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(246,248,252,.8);
  color:var(--th-text,#0f172a);
  font-weight:700;
}
.thslc-sticky th.thslc-feature-col,
.thslc-sticky td.thslc-feature-col{
  position:sticky;
  left:0;
  background:#fff;
  z-index:3;
}
.thslc-sticky thead th.thslc-feature-col{
  background:linear-gradient(180deg, rgba(246,248,252,1), rgba(246,248,252,.85));
}
.thslc-sticky .thslc-row-price td.thslc-feature-col{
  background:rgba(246,248,252,.7);
}
@media (max-width: 820px){
  .thslc-table{ min-width:680px; }
  .thslc-feature-col{ min-width:210px; }
}
@media (max-width: 520px){
  .thslc-title{ font-size:16px; }
  .thslc-th, .thslc-td{ padding:12px 12px; }
  .thslc-price{ font-size:15px; }
}