/* Shared How To Ads action language. No global button widths or layout overrides. */
body .hta-action-link .hta-action-mark {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px;
  width:30px; height:30px; margin-inline-start:8px; vertical-align:middle;
  border:1px solid currentColor; border-radius:50%; opacity:.9;
  transition:transform .18s ease,background-color .18s ease;
}
body .hta-action-mark svg {display:block;width:18px;height:18px;max-width:none;flex:none}
body .hta-action-link:focus-visible {outline:3px solid #087dce;outline-offset:4px;border-radius:8px}
body .hta-action-icon-only .hta-action-mark {margin:0;border:0}
body .hta-action-link.hta-action-read {
  display:inline-flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:46px;padding:8px 12px 8px 16px;border-radius:12px;
  background:#2054ed;color:#fff!important;border:1px solid #2054ed;text-decoration:none;
  font-size:14px;font-weight:500;line-height:1.5;max-width:100%;box-sizing:border-box;
  transition:background-color .18s ease,box-shadow .18s ease;
}
body .hta-action-read .hta-action-mark {color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);margin:0}
body .hta-public-card-footer:has(.hta-action-read),body .hta-card-foot:has(.hta-action-read) {flex-wrap:wrap;gap:12px;align-items:center}
body .hta-action-read:hover {background:#163eb8;color:#fff;box-shadow:0 5px 14px rgba(21,63,152,.15)}
@media(hover:hover) {body .hta-action-link:hover .hta-action-mark {transform:translateY(-2px)}}
@media(max-width:600px) {
  body .hta-public-card-footer .hta-action-read,body .hta-card-foot .hta-action-read {width:100%;margin-top:2px}
}
@media(prefers-reduced-motion:reduce) {body .hta-action-link,body .hta-action-link .hta-action-mark {transition:none}body .hta-action-link:hover .hta-action-mark {transform:none}}

/* Secondary brand text remains readable on the white and pale footer surfaces. */
.hta-site-header .hta-brand small,.hta-site-footer .hta-brand small{color:#596b82}