/* Actions share a clear, solid button treatment throughout the site. */
.button,.text-link,.site-header nav a.nav-contact,.format-actions button,.brand-collaboration .watch,footer>div a,footer>a:last-child{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:12px 23px;border:1px solid #286c70;border-radius:12px;
  background:#286c70;color:#fff;font-family:var(--body);font-size:14px;
  font-weight:700;line-height:1.35;text-align:center;text-decoration:none;
  box-shadow:0 4px 0 #143b3e1c;
  transition:background .2s,box-shadow .2s,transform .2s;
}
.button:hover,.text-link:hover,.site-header nav a.nav-contact:hover,.format-actions button:hover,.brand-collaboration:hover .watch,footer>div a:hover,footer>a:last-child:hover{
  background:#174f55;border-color:#174f55;color:#fff;
  box-shadow:0 5px 12px #143b3e24;transform:translateY(-2px);
}
.button:active,.text-link:active,.site-header nav a.nav-contact:active,.format-actions button:active,footer>div a:active,footer>a:last-child:active{transform:translateY(1px);box-shadow:none}
.format-actions{gap:7%;padding-top:12px}
.format-actions button{width:100%;min-height:50px}
.brand-collaboration .watch{margin-top:auto;min-width:125px}
.section-heading>.text-link{margin-bottom:7px}
#copy-email,footer>div a,footer>a:last-child{background:var(--rose);border-color:#dfaaa9;color:var(--ink);font-size:12px;min-height:42px;padding:10px 18px}
#copy-email:hover,footer>div a:hover,footer>a:last-child:hover{background:var(--pink);border-color:var(--pink);color:var(--ink)}
footer>div{gap:12px}
@media(max-width:800px){.site-header nav a.nav-contact{padding:11px 20px}.button,.text-link,.format-actions button,.brand-collaboration .watch{font-size:13px}}
@media(max-width:540px){
  .site-header nav a.nav-contact{align-self:flex-start;padding:12px 24px;margin-top:8px;color:#fff}
  .format-actions{gap:10px;padding-inline:4%}
  .format-actions button{font-size:11px;padding:11px 8px;min-height:48px}
  .section-heading>.text-link{font-size:11px;padding:12px 15px;margin-top:25px;min-height:44px}
  .brand-collaboration .watch{font-size:12px;min-width:125px}
  .action-rail .button{padding-block:14px}
  footer>div{gap:10px}
}
@media(prefers-reduced-motion:reduce){.button:hover,.text-link:hover,.site-header nav a.nav-contact:hover,.format-actions button:hover,.brand-collaboration:hover .watch,footer>div a:hover,footer>a:last-child:hover{transform:none}}
