/* InsightWAVE v12: brand article and legacy IW column presentation only. */
/* 05: overlapping rounded rectangles with more room for readable labels. */
.iw-modern .iw-brand-article #image .iw-brand-model{
  width:100%;max-width:690px;height:190px;position:relative;margin:25px auto 9px;
}
.iw-modern .iw-brand-article #image .iw-brand-circle{
  position:absolute;top:9px;width:340px;height:172px;border-radius:68px;
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:5px;text-align:center;padding:10px 16px;
}
.iw-modern .iw-brand-article #image .iw-brand-left{left:calc(50% - 275px)}
.iw-modern .iw-brand-article #image .iw-brand-right{left:calc(50% - 65px)}
.iw-modern .iw-brand-article #image .iw-brand-circle>b{font-size:17px;line-height:1.35;letter-spacing:.035em}
.iw-modern .iw-brand-article #image .iw-brand-circle>span{font-size:13px;line-height:1.55;max-width:190px;padding-top:2px;word-break:keep-all}
.iw-modern .iw-brand-article #image .iw-brand-left>b,.iw-modern .iw-brand-article #image .iw-brand-left>span{transform:translateX(-62px)}
.iw-modern .iw-brand-article #image .iw-brand-right>b,.iw-modern .iw-brand-article #image .iw-brand-right>span{transform:translateX(62px)}
.iw-modern .iw-brand-article #image .iw-brand-overlap{
  top:70px;left:50%;width:126px;transform:translateX(-50%);
  font-size:14px;line-height:1.55;white-space:normal;text-align:center;
}
@media(max-width:650px){
  .iw-modern .iw-brand-article #image .iw-brand-model{max-width:340px;height:178px;margin:18px auto 9px}
  .iw-modern .iw-brand-article #image .iw-brand-circle{width:190px;height:160px;top:9px;border-radius:52px;padding:7px}
  .iw-modern .iw-brand-article #image .iw-brand-left{left:calc(50% - 146px)}
  .iw-modern .iw-brand-article #image .iw-brand-right{left:calc(50% - 44px)}
  .iw-modern .iw-brand-article #image .iw-brand-circle>b{font-size:12px}
  .iw-modern .iw-brand-article #image .iw-brand-circle>span{font-size:10px;max-width:95px;line-height:1.45}
  .iw-modern .iw-brand-article #image .iw-brand-left>b,.iw-modern .iw-brand-article #image .iw-brand-left>span{transform:translateX(-53px)}
  .iw-modern .iw-brand-article #image .iw-brand-right>b,.iw-modern .iw-brand-article #image .iw-brand-right>span{transform:translateX(53px)}
  .iw-modern .iw-brand-article #image .iw-brand-overlap{top:66px;width:88px;font-size:11px;line-height:1.55}
}
@media(max-width:360px){
  .iw-modern .iw-brand-article #image .iw-brand-model{transform:scale(.88);transform-origin:center center;margin:5px auto -6px}
}

/* Restore complete article border and reduce oversized gutter to original sidebar. */
.iw-modern .iw-archive .view_article{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;align-items:start;overflow:visible}
.iw-modern .iw-archive .view_article>article{
  display:block;float:none!important;width:auto!important;min-width:0;
  box-sizing:border-box;border:1px solid #d9dfe4!important;
  padding:27px 23px 32px;line-height:1.92;font-size:16px;color:#294760;
}
.iw-modern .iw-archive .view_article>article .head_atc>span{font-size:16px!important;line-height:1.55;margin:29px auto 14px}
.iw-modern .iw-archive .view_article>article .head_atc>h1{
  font-size:42px!important;line-height:1.4;max-width:100%;margin:0 auto 28px;
  font-weight:700;word-break:keep-all;
}
.iw-modern .iw-archive .view_article>article p,
.iw-modern .iw-archive .view_article>article li{font-size:16px;line-height:1.92}
.iw-modern .iw-archive .view_article>article .head_atc .d_info{
  display:grid!important;grid-template-columns:20px max-content 20px max-content;
  justify-content:end;align-items:center;column-gap:6px;row-gap:0;
  margin:0 0 16px;padding:0;font-size:12px;white-space:nowrap;
}
.iw-modern .iw-archive .view_article>article .head_atc .d_info dt{
  display:block!important;box-sizing:border-box;width:20px!important;height:20px!important;
  min-width:0;flex:none!important;margin:0!important;padding:0!important;
  font-size:1px;line-height:20px;text-indent:-9999px!important;overflow:hidden;
  background-size:18px 18px!important;background-position:center!important;background-repeat:no-repeat!important;
}
.iw-modern .iw-archive .view_article>article .head_atc .d_info dd{
  display:block!important;position:static!important;width:auto!important;float:none!important;
  margin:0 7px 0 0!important;padding:0!important;line-height:20px;white-space:nowrap;
}
.iw-modern .iw-archive .view_article>article .head_atc .d_info time{font-size:12px;color:#8798a5}
.iw-modern .iw-archive .view_article #aside{padding:0!important;margin:0!important}
/* Metadata and badge align on a single bottom row in each desktop card. */
@media(min-width:781px){
  .iw-modern .iw-archive .lst_col li dl{
    position:absolute!important;left:185px;right:77px;bottom:8px;
    display:flex!important;align-items:center;flex-wrap:nowrap!important;
    gap:2px!important;margin:0!important;padding:7px 0 0!important;
    min-width:0;white-space:nowrap;font-size:10px;
  }
  .iw-modern .iw-archive .lst_col li dl dt{margin:0 2px!important;width:16px!important;flex:0 0 16px;background-size:15px 15px!important}
  .iw-modern .iw-archive .lst_col li dl dd{margin:0 5px 0 0!important;font-size:10px;white-space:nowrap}
  .iw-modern .iw-archive .lst_col li .btn_more{right:13px!important;bottom:13px!important}
}
@media(max-width:1050px) and (min-width:781px){
  .iw-modern .iw-archive .view_article{grid-template-columns:minmax(0,1fr) 200px;gap:10px}
}
@media(max-width:780px){
  .iw-modern .iw-archive .view_article{display:block}
  .iw-modern .iw-archive .view_article>article{padding:18px 16px 25px}
  .iw-modern .iw-archive .view_article #aside{margin-top:22px!important}
  .iw-modern .iw-archive .view_article>article .head_atc>h1{font-size:clamp(27px,6vw,38px)!important}
  .iw-modern .iw-archive .lst_col li .btn_more{right:12px!important;bottom:12px!important}
}
@media(max-width:480px){
  .iw-modern .iw-archive .view_article>article{padding:15px 13px 22px}
  .iw-modern .iw-archive .view_article>article .head_atc>h1{font-size:27px!important}
  .iw-modern .iw-archive .view_article>article .head_atc .d_info{column-gap:3px;font-size:11px}
  .iw-modern .iw-archive .lst_col li .btn_more{bottom:10px!important;right:8px!important}
}


/* A flexible final metadata row on small screens, beneath the thumbnail. */
@media(max-width:480px){
  .iw-modern .iw-archive .lst_col li,.iw-modern .iw-archive .lst_col li:nth-child(even){
    height:164px!important;padding-bottom:45px!important;
  }
  .iw-modern .iw-archive .lst_col li dl{
    position:absolute!important;left:10px!important;right:74px!important;bottom:8px!important;
    box-sizing:border-box;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
    gap:1px!important;margin:0!important;padding:5px 0 0!important;white-space:nowrap;
    font-size:10px!important;line-height:16px!important;max-width:none!important;
  }
  .iw-modern .iw-archive .lst_col li dl dt{
    width:14px!important;flex:0 0 14px!important;height:17px!important;
    margin:0 1px!important;background-size:14px 14px!important;
  }
  .iw-modern .iw-archive .lst_col li dl dd{font-size:10px!important;margin:0 4px 0 0!important;white-space:nowrap!important}
  .iw-modern .iw-archive .lst_col li .btn_more{bottom:10px!important;right:8px!important}
}

/* v20 — unified IW column metadata and CTA row, no static view count. */
.iw-modern .iw-archive .lst_col li .iw-col-meta{
  position:absolute;left:185px;right:18px;bottom:10px;
  display:flex;align-items:center;justify-content:space-between;
  gap:7px;box-sizing:border-box;min-width:0;
  padding-top:9px;border-top:1px solid #d9dfe4;
}
.iw-modern .iw-archive .lst_col li .iw-col-meta dl{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
  margin:0!important;padding:0!important;border:0!important;
  display:flex!important;align-items:center;flex-wrap:nowrap!important;
  flex:1 1 auto;min-width:0;gap:3px!important;white-space:nowrap;
  font-size:11px!important;line-height:19px!important;
}
.iw-modern .iw-archive .lst_col li .iw-col-meta dl dt{
  display:block!important;width:16px!important;min-width:16px!important;flex:0 0 16px!important;
  height:18px!important;margin:0 1px 0 0!important;padding:0!important;
  background-size:15px 15px!important;
}
.iw-modern .iw-archive .lst_col li .iw-col-meta dl dd{
  position:static!important;margin:0 9px 0 0!important;padding:0!important;
  font-size:11px!important;line-height:19px!important;white-space:nowrap;
}
.iw-modern .iw-archive .lst_col li .iw-col-meta .btn_more{
  position:static!important;right:auto!important;bottom:auto!important;top:auto!important;left:auto!important;
  display:inline-flex!important;flex:0 0 49px;width:49px!important;height:19px!important;
  align-items:center;justify-content:center;margin:0!important;padding:0!important;
  transform:none!important;z-index:auto!important;
}
/* Article detail date-only metadata: accessible label, visual icon and time. */
.iw-modern .iw-archive .view_article>article .head_atc .d_info{
  grid-template-columns:20px max-content!important;
  justify-content:end!important;column-gap:6px!important;
}
@media(max-width:780px){
  .iw-modern .iw-archive .lst_col li .iw-col-meta{left:155px;right:12px;bottom:10px;padding-top:7px}
}
@media(max-width:480px){
  /* Place the metadata and MORE under the thumbnail, both within one uninterrupted line. */
  .iw-modern .iw-archive .lst_col li .iw-col-meta{left:10px;right:10px;bottom:9px;padding-top:7px;gap:6px}
  .iw-modern .iw-archive .lst_col li .iw-col-meta dl{font-size:10px!important;gap:2px!important}
  .iw-modern .iw-archive .lst_col li .iw-col-meta dl dt{width:15px!important;min-width:15px!important;flex:0 0 15px!important;height:17px!important;background-size:14px 14px!important}
  .iw-modern .iw-archive .lst_col li .iw-col-meta dl dd{font-size:10px!important;margin-right:5px!important;line-height:17px!important}
  .iw-modern .iw-archive .lst_col li .iw-col-meta .btn_more{flex:0 0 49px;height:19px!important}
}