/* Shared CTA marker: the approved Home treatment, used on every rendered page. */
.sm-unified-action-arrow{
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  margin-inline-start:12px!important;
  border:0!important;
  border-radius:50%!important;
  background:#090909!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;
  font:800 20px/1 Arial,sans-serif!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  text-transform:none!important;
  transform:none!important;
  vertical-align:middle!important;
}
.sm-unified-action-arrow:first-child:last-child{margin-inline-start:0!important}
.hero #heroCta .sm-unified-action-arrow{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  flex:0 0 auto!important;
  margin-inline-start:10px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#090909!important;
  box-shadow:none!important;
  font-size:19px!important;
}
.sm-unified-hide-pseudo::after{content:none!important;display:none!important}
@media(max-width:620px){
  .sm-unified-action-arrow{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex-basis:32px!important}
}

/* Readable editorial copy on desktop and phones, 22 September 2026. */
body p{ text-transform:none!important;letter-spacing:.01em!important }
:is(.hero .sub,.feature p,.section-head p,.drops-head p,.sm-footer-news p){font-size:14px!important;line-height:1.65!important}
.hero .sub{text-transform:none!important;letter-spacing:.01em!important}
#heroCta{margin-top:22px!important}
.meta{flex-wrap:wrap;row-gap:4px}
.navlinks{gap:18px}
@media(max-width:620px){
 .navright{gap:10px!important;min-width:0}
 .nav .join{padding:12px 10px!important;letter-spacing:0!important;font-size:12px!important}
 .nav .brand{width:auto!important;flex-shrink:0}
 .nav .brand img{width:clamp(110px,31vw,154px)!important}
 .hero:has(#heroCta){min-height:760px!important}
 .hero:has(#heroCta) .hero-copy{bottom:96px!important}
 .hero:has(#heroCta) .kicker{flex-wrap:wrap;gap:10px}
 .hero:has(#heroCta) .kicker:after{display:none}
 .hero:has(#heroCta) .hero-controls{flex-wrap:wrap!important}
 #heroCta{margin-top:18px!important}
 .meta{left:12px;right:12px}
 .card h3{bottom:88px!important}
 .sm-drop-label,.dropno{max-width:100%;white-space:normal}
}