/* Shared action buttons. Contexts may change color or placement, not geometry. */
.btn{
  --button-bg:#875534;
  --button-border:#875534;
  --button-ink:#fff;
  --button-hover-bg:#6c4229;
  --button-hover-border:#6c4229;
  --button-hover-ink:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:52px;
  max-width:100%;
  padding:14px 22px;
  border:1px solid var(--button-border);
  border-radius:3px;
  background:var(--button-bg);
  color:var(--button-ink);
  font-family:var(--font);
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  cursor:pointer;
  box-shadow:none;
  transition:background-color .2s,border-color .2s,color .2s;
}
.btn-dark{
  --button-bg:#493226;
  --button-border:#493226;
  --button-hover-bg:#65412d;
  --button-hover-border:#65412d;
}
.btn-outline{
  --button-bg:#f0e6d9;
  --button-border:#cbb69d;
  --button-ink:#493226;
  --button-hover-bg:#e4d3bd;
  --button-hover-border:#b49a79;
  --button-hover-ink:#493226;
}
.btn-choice{
  --button-bg:#fffdf9;
  --button-border:#ccbdab;
  --button-ink:#493226;
  --button-hover-bg:#f8efdf;
  --button-hover-border:#a57d52;
  --button-hover-ink:#493226;
}
.btn-choice[aria-selected=true]{
  --button-bg:#456b83;
  --button-border:#456b83;
  --button-ink:#fff;
  --button-hover-bg:#365970;
  --button-hover-border:#365970;
  --button-hover-ink:#fff;
}
.btn-video{
  --button-bg:#fffdf9;
  --button-border:#ecdfcb;
  --button-ink:#594638;
  --button-hover-bg:#f5e8d5;
  --button-hover-border:#d9c2a1;
  --button-hover-ink:#493226;
}
.btn:hover{
  background:var(--button-hover-bg);
  border-color:var(--button-hover-border);
  color:var(--button-hover-ink);
  text-decoration:none;
  transform:none;
}
.btn:focus-visible{outline:3px solid var(--secondary);outline-offset:4px}
.btn:disabled{opacity:.65;cursor:wait;transform:none}
.vehicle-tabs{display:flex;flex-wrap:wrap;gap:10px}
.vehicle-tab{flex:0 0 auto}
.hero-video-toggle .icon{width:16px;height:16px}
.nav-cta-label-short{display:none}
.link-arrow{width:16px;height:16px;stroke-width:1.5;flex-shrink:0}
.stage-bottom .link-arrow,.blog-read-link .link-arrow,.article-back .link-arrow{width:16px;height:16px}
.blog-read-link,.stage-bottom .text-link{gap:12px}
.article-back{gap:12px}
.article-back .link-arrow{transform:rotate(180deg)}

/* Text-led cards remain clearly interactive without decorative arrow buttons. */
.service-tile .tile-content{padding-right:27px}
.service-tile .tile-content p{padding-right:0}
.service-tile:hover .tile-content h2,.vehicle-card:hover h3,.treatment-link:hover strong{
  color:var(--accent);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
.arrival-about,.text-link{gap:12px}

/* Keep the slash with both credits, including when the label wraps. */
.footer-credit{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:2px 6px;
  padding-block:0 16px;
  font-size:10px;
  line-height:1.6;
  text-align:center;
}
.footer-credit-label{white-space:nowrap}
.footer-makers{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.footer-credit a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 2px;
  color:inherit;
  text-decoration:underline;
  text-decoration-color:#796653;
  text-underline-offset:3px;
}
.footer-credit a:hover{color:#e8c38b;text-decoration-color:currentColor}
.footer-credit a:focus-visible{color:#f3dbb5;outline:2px solid #d8b47d;outline-offset:3px}
.footer-credit-separator{color:#a48d76}

@media(max-width:800px){
  .nav-cta-label-full{display:none}
  .nav-cta-label-short{display:inline}
}
@media(max-width:580px){
  .vehicle-tabs{display:flex;flex-wrap:wrap;gap:8px}
  .service-tile .tile-content{padding-inline:24px}
  .footer-credit{gap:0 5px}
  .footer-makers{gap:7px}
}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
@media(forced-colors:active){
  .btn{background:ButtonFace;border-color:ButtonText;color:ButtonText}
  .btn:hover{background:Highlight;border-color:Highlight;color:HighlightText}
  .footer-credit a{color:LinkText;text-decoration-color:LinkText}
}