/* SWUAK v73 — narrowly scoped UI refinements only. */

/* LIVE NOW: let the module end with its content instead of stretching to the
   full four-row grid allocation. The feed grid placement itself is untouched. */
.news-live-insert{
  align-self:start!important;
}
.news-live-module{
  height:auto!important;
  padding-bottom:6px!important;
}

/* User-supplied search icon. Cream uses dark icon; Seasonal/Dark use light. */
.search-line>span,
.location-search>span{
  display:inline-block!important;
  flex:0 0 14px!important;
  width:14px!important;
  height:14px!important;
  font-size:0!important;
  line-height:0!important;
  color:#1d1c1a!important;
  background-color:currentColor!important;
  -webkit-mask:url('/assets/ui/search-v73.png') center/contain no-repeat!important;
  mask:url('/assets/ui/search-v73.png') center/contain no-repeat!important;
}
html[data-appearance="seasonal"] .search-line>span,
html[data-appearance="seasonal"] .location-search>span,
html[data-theme="dark"] .search-line>span,
html[data-theme="dark"] .location-search>span{
  color:#eeeae4!important;
}

/* User-supplied radar Home icon. Keep the existing button/pill geometry. */
#radarRecenter img{
  display:none!important;
}
#radarRecenter::before{
  content:""!important;
  display:block!important;
  width:15px!important;
  height:15px!important;
  background-color:currentColor!important;
  -webkit-mask:url('/assets/ui/home-v73.png') center/contain no-repeat!important;
  mask:url('/assets/ui/home-v73.png') center/contain no-repeat!important;
}

/* Article typography: same structure, just quieter and closer to the supplied
   MSN reference. */
.article-header h1{
  font-size:clamp(34px,3.2vw,52px)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}
.article-body{
  font-size:18px!important;
  line-height:1.62!important;
  font-weight:400!important;
}
.article-body p{
  margin-bottom:1.18em!important;
}
.article-body p:first-child::first-letter{
  float:none!important;
  padding:0!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
}

@media(max-width:760px){
  .article-header h1{
    font-size:clamp(31px,8.2vw,40px)!important;
    line-height:1.1!important;
  }
  .article-body{
    font-size:17px!important;
    line-height:1.6!important;
  }
}