/* /contact/ — the few rules website-v3's own stylesheet does not carry.
   Everything else here is .wrap / .section / .eyebrow / h1.display / .panel /
   .btn / .grid, unchanged. */

.ct-es{font-size:16px;color:var(--se-text-caption);max-width:52ch;margin:-22px 0 30px}

/* Call us / Hours / Send mail — a definition list, because that is what it is */
.ct-list{margin:0}
.ct-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px solid rgba(var(--se-border-teal-rgb),.12)}
.ct-row:last-of-type{border-bottom:0}
.ct-row dt{font-size:13.5px;color:var(--se-text-caption);margin:0}
.ct-row dd{margin:0;font-family:var(--font-secondary);font-size:15px;font-weight:600;
  color:var(--se-text-white);text-align:right}
.ct-row dd a{color:var(--se-text-white)}
.ct-row dd a:hover{color:var(--accent)}
.ct-tail{margin:14px 0 0;font-size:13.5px;color:var(--se-text-dim)}
.ct-card .panel-body{padding:16px 18px 18px}

/* Support / Sales. Real tabs — and both panels are painted until the script
   hides one, so a reader without JavaScript gets both forms, not neither. */
.ct-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.ct-tab{font-family:var(--font-secondary);font-size:13.5px;font-weight:600;
  letter-spacing:.04em;cursor:pointer;padding:10px 20px;border-radius:var(--r-pill);
  color:var(--se-text-secondary);background:var(--se-inner);
  border:1px solid rgba(var(--se-border-teal-rgb),.24);
  transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease,
             background var(--dur-fast) ease}
.ct-tab:hover{color:var(--se-text-white);border-color:rgba(var(--accent-rgb),.45)}
.ct-tab.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}
.ct-panel + .ct-panel{margin-top:20px}
.ct-panel[hidden] + .ct-panel{margin-top:0}

.ct-terms{font-size:13px;color:var(--se-text-caption);margin:14px auto 0;max-width:46ch}
.ct-terms a{color:var(--se-text-secondary);text-decoration:underline}

/* the trial block is centred, so its form and its written-out message are too */
#trials .se-form{max-width:520px;margin:26px auto 0;text-align:left}
#trials .lf-submit{justify-content:center}
/* the button above them is centred, so the hint and the status line under it
   are too — left-aligned, a hint that wraps on a phone hugged the left edge
   under a centred button */
#trials .lf-hint,#trials .lf-status{text-align:center}

/* "Send mail" carries one value and it is the point of the card */
.ct-address{margin:6px 0 0;font-family:var(--font-secondary);font-size:16px;
  font-weight:600;line-height:1.45;word-break:break-word}
.ct-address a{color:var(--se-text-white)}
.ct-address a:hover{color:var(--accent)}

/* the source's own small icons label these cards */
.ct-icon{flex:none;width:22px;height:auto;opacity:.9}
.ct-panel .ct-icon{width:26px}

/* The support email is a real contact path, not a clipped label. At the
   smallest phone measure it wraps inside the hero's button row. */
@media(max-width:380px){
  .contact-hero .btn-ghost{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}