/* TruckerRules tips newsletter popup ? matches navy/orange site chrome */
.tr-tips-overlay{
  --tr-navy:#06111d;
  --tr-navy2:#0b1d2d;
  --tr-orange:#ff6a1a;
  --tr-yellow:#f7b733;
  --tr-cream:#f5f1e8;
  --tr-muted:#91a3af;
  --tr-line:rgba(255,255,255,.14);
  position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;
  background:rgba(5,14,24,.72);opacity:0;visibility:hidden;
  transition:opacity .2s ease,visibility .2s ease
}
.tr-tips-overlay.is-open{opacity:1;visibility:visible}
.tr-tips-overlay[hidden]{display:none!important}
.tr-tips-dialog{
  position:relative;width:min(440px,100%);max-height:min(90vh,740px);overflow:auto;
  background:var(--tr-navy2);color:#fff;border:1px solid var(--tr-line);border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);padding:28px 26px 22px
}
.tr-tips-close{
  position:absolute;top:10px;right:10px;width:40px;height:40px;border:1px solid var(--tr-line);
  border-radius:11px;background:transparent;color:#fff;font-size:26px;line-height:1;cursor:pointer
}
.tr-tips-close:hover,.tr-tips-close:focus-visible{border-color:var(--tr-orange);color:var(--tr-yellow)}
.tr-tips-dialog .eyebrow{margin:0 0 8px;color:var(--tr-yellow);text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:900}
.tr-tips-dialog h2{font-size:clamp(26px,4vw,34px);line-height:1.08;margin:0 0 10px;letter-spacing:-.03em}
.tr-tips-dialog>p{margin:0 0 16px;color:var(--tr-muted);font-weight:650;line-height:1.5}
.tr-tips-form{display:grid;gap:12px}
.tr-tips-form label{display:grid;gap:6px;font-weight:750;font-size:14px;color:#cad3d9}
.tr-tips-form input[type=text],.tr-tips-form input[type=email]{
  width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid var(--tr-line);border-radius:12px;
  background:var(--tr-navy);color:#fff;font:inherit
}
.tr-tips-form input:focus-visible{outline:2px solid var(--tr-yellow);outline-offset:2px}
.tr-tips-consent{display:flex;align-items:flex-start;gap:10px;font-weight:650;font-size:14px;color:var(--tr-muted)}
.tr-tips-consent input{width:auto;min-width:18px;margin-top:3px;accent-color:var(--tr-orange)}
.tr-tips-form button[type=submit]{
  background:linear-gradient(135deg,var(--tr-orange),#ef4c0a);color:#fff;border:0;border-radius:12px;
  justify-content:center;align-items:center;padding:15px 22px;font:inherit;font-weight:800;cursor:pointer;
  box-shadow:0 12px 32px #ff6a1a33
}
.tr-tips-form button[type=submit]:hover{transform:translateY(-1px)}
.tr-tips-form button[type=submit]:disabled{opacity:.65;cursor:wait;transform:none}
.tr-tips-status{margin:10px 0 0;font-weight:800;color:#54d89e}
.tr-tips-status.is-error{color:#ff6a1a}
.tr-tips-status[hidden],.tr-tips-form[hidden]{display:none!important}
.tr-tips-fine{margin:10px 0 0;color:var(--tr-muted);font-size:13px;font-weight:650}
.tr-tips-form .hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.main-nav a[data-tr-tips-open]{color:#cad3d9;font-weight:800}
.main-nav a[data-tr-tips-open]:hover{color:#fff}
.footer-grid a[data-tr-tips-open]{color:#cbd4d9}
@media(max-width:560px){
  .tr-tips-overlay{padding:12px;align-items:end}
  .tr-tips-dialog{width:100%;padding:24px 18px 18px;border-radius:16px 16px 8px 8px}
}
@media(prefers-reduced-motion:reduce){
  .tr-tips-overlay{transition:none}
  .tr-tips-form button[type=submit]:hover{transform:none}
}