/* BUILD109.2.122 — canonical "CÁC BÀI VIẾT KHÁC" component.
   This file owns the complete panel/header/list visual for both Service + Sharing.
   No page-specific selector is required for the component to look correct. */
body.iss-theme .iss-other-articles{
  position:sticky;
  top:var(--iss-content-sticky-top,18px);
  z-index:20;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid var(--iss-content-panel-border,var(--iss-theme-border,var(--ph-border-color,#c0c1c3)));
  border-radius:var(--iss-content-panel-radius,16px);
  background:var(--iss-page-bg,#fff);
  color:var(--iss-text,#000);
}
body.iss-theme .iss-other-articles__heading{
  min-height:56px;
  margin:0;
  padding:16px 18px;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  border:0;
  border-bottom:1px solid var(--iss-content-panel-border,var(--iss-theme-border,var(--ph-border-color,#c0c1c3)));
  background:var(--iss-sidebar-title-bg,var(--iss-blue-900,#001b44));
  color:var(--iss-sidebar-title-text,#fff);
  font-size:20px;
  font-weight:700;
  line-height:1.3;
  text-transform:none;
}
body.iss-theme .iss-other-articles__list{
  margin:0;
  padding:0 16px;
  background:var(--iss-page-bg,#fff);
}
body.iss-theme .iss-other-articles__item{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin:0;
  padding:12px 0;
  border:0;
  border-bottom:1px solid var(--ink-200,var(--iss-content-panel-border,#c0c1c3));
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--iss-text,#000);
  text-decoration:none;
}
body.iss-theme .iss-other-articles__item:last-child{
  border-bottom:0;
}
body.iss-theme .iss-other-articles__thumb{
  width:100%;
  aspect-ratio:4/3;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:6px;
  box-sizing:border-box;
  border:0;
  border-radius:8px;
  background:#e8f2f9;
  color:var(--iss-blue-700,#173f7d);
  font-size:.72rem;
  font-weight:700;
  line-height:1.2;
  text-align:center;
}
body.iss-theme .iss-other-articles__thumb.has-image{
  padding:0;
}
body.iss-theme .iss-other-articles__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
body.iss-theme .iss-other-articles__title{
  min-width:0;
  margin:0;
  color:var(--iss-text,#000);
  font-size:1rem;
  font-weight:700;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.iss-theme .iss-other-articles__item:hover .iss-other-articles__title,
body.iss-theme .iss-other-articles__item:focus-visible .iss-other-articles__title{
  color:var(--iss-theme-link-hover,var(--ph-link-hover-color,#0b669f));
}
body.iss-theme .iss-other-articles__item:focus-visible{
  outline:2px solid currentColor;
  outline-offset:-2px;
}
body.iss-theme .iss-other-articles__empty{
  margin:0;
  padding:16px 0;
  color:var(--iss-text,#000);
}
@media(max-width:820px){
  body.iss-theme .iss-other-articles{
    position:static;
    top:auto;
    z-index:auto;
  }
}
@media(max-width:560px){
  body.iss-theme .iss-other-articles__list{
    padding:0 14px;
  }
  body.iss-theme .iss-other-articles__item{
    grid-template-columns:84px minmax(0,1fr);
    gap:10px;
  }
}