/* Navigation bar (Back / Forward + "you are here" trail). Works on every page, including the estimator. */
.trailbar{
  --teal:#20555F; --ink:#161d1f;
  position:sticky; top:88px; z-index:9;
  background:#f6f6f3; border-bottom:1px solid #e4e4e1;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; font-size:13.5px; line-height:1.4; color:#3d4749;
}
.trailbar *{ box-sizing:border-box; }
.trailbar-in{ display:flex; align-items:center; gap:14px; padding:7px 24px; min-height:46px; }
.tb-btns{ display:flex; gap:6px; flex:0 0 auto; }
.tb-btn{
  display:inline-flex; align-items:center; gap:5px; font:inherit; font-weight:700; color:var(--teal);
  background:#fff; border:1.5px solid #c9d4d2; border-radius:8px; padding:6px 12px 6px 9px; cursor:pointer;
}
.tb-btn:last-child{ padding:6px 9px 6px 12px; }
.tb-btn:hover:not(:disabled){ border-color:var(--teal); background:#eef5f3; }
.tb-btn:focus-visible, .trail a:focus-visible{ outline:3px solid #00AEEF; outline-offset:2px; }
.tb-btn:disabled{ opacity:.4; cursor:default; }
.tb-here{ flex:0 0 auto; color:#6b7577; font-size:12.5px; text-transform:uppercase; letter-spacing:.06em; font-weight:700; }
.trail{ list-style:none; margin:0; padding:0; display:flex; align-items:center; flex:1 1 auto; min-width:0; overflow-x:auto; white-space:nowrap; scrollbar-width:none; }
.trail::-webkit-scrollbar{ display:none; }
.trail li{ flex:0 0 auto; }
.trail li + li::before{ content:"\203A"; margin:0 9px; color:#8a9496; font-weight:700; }
.trail a{ color:var(--teal); font-weight:600; }
.trail a:hover{ text-decoration:underline; }
.trail [aria-current="page"]{ color:var(--ink); font-weight:700; }

@media (max-width:860px){
  .trailbar{ top:76px; }
  .trailbar-in{ padding:6px 14px; gap:10px; min-height:44px; }
  .tb-here{ display:none; }
}
@media (max-width:520px){
  .tb-btn span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }  /* icon-only buttons on small phones */
  .tb-btn, .tb-btn:last-child{ padding:7px 9px; }
}
@media print{ .trailbar{ display:none; } }
/* the estimator still loads the old site stylesheet, which restyles links and buttons: keep the bar consistent */
.trailbar a, .trailbar button, .trailbar li{ font-family:inherit !important; font-size:13.5px !important; letter-spacing:0; }
.trailbar .tb-here{ font-size:12.5px !important; letter-spacing:.06em; }
