/* Option 13 companion: Upcoming uses the same surface/card system while
   retaining ONLY poster, title and Preview. Original CSS is untouched. */
.ap-discovery-shell .ap-home-panel-upcoming {
  background:#161a1e;
  border-color:#34373e;
}
.ap-discovery-shell .ap-home-panel-upcoming .ap-panel-header {
  min-height:28px;
  margin-bottom:14px;
  gap:9px;
}
.ap-discovery-shell .ap-home-panel-upcoming .ap-panel-header::before {
  content:"";
  flex:0 0 3px;
  display:block;
  height:22px;
  border-radius:3px;
  background:#b98290;
}
.ap-discovery-shell .ap-home-panel-upcoming h2 {
  font-size:17px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:0;
}
.ap-discovery-shell .ap-home-panel-upcoming .ap-panel-rule {
  background:linear-gradient(90deg,#493740,transparent);
}
.ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-list {gap:10px;}
.ap-discovery-shell .ap-home-panel-upcoming .ap-home-upcoming-item {
  margin:0;
  padding:12px;
  min-height:0;
  display:flex;
  align-items:flex-start;
  gap:12px;
  background:#202329;
  border:1px solid #343740;
  border-radius:6px;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-poster {
  flex:0 0 64px;
  width:64px;
  min-width:64px;
  max-width:64px;
  aspect-ratio:2/3;
  border-radius:4px;
  background:#30343d;
}
.ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-info {
  display:flex;
  flex:1 1 0;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  min-width:0;
  padding:0;
}
.ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-title {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  overflow-wrap:anywhere;
  margin-bottom:10px;
  color:#f0eeee;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
}
.ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-preview {
  display:block;
  margin:0;
  color:#c29aa6;
  font-size:11px;
  line-height:1.5;
}
@media (hover:hover){
  .ap-discovery-shell .ap-home-panel-upcoming:hover {
    background:#191d22;
    border-color:#49404a;
  }
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-upcoming-item:hover {
    background:#27272e;
    border-color:#5c4650;
    box-shadow:0 4px 14px rgba(0,0,0,.15);
  }
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-title:hover {color:#e49ab4;}
}
@media (max-width:1100px) and (min-width:768px){
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-upcoming-item {padding:10px;gap:9px;}
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-poster {
    flex-basis:51px;width:51px;min-width:51px;max-width:51px;
  }
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-title {font-size:12px;}
}
@media (max-width:767.98px){
  .ap-discovery-shell .ap-home-panel-upcoming {padding:14px 12px 12px;}
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-upcoming-item {padding:12px;}
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-poster {
    flex-basis:68px;width:68px;min-width:68px;max-width:68px;
  }
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-title {font-size:14px;}
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-mini-preview {font-size:12px;}
}
@media (prefers-reduced-motion:reduce){
  .ap-discovery-shell .ap-home-panel-upcoming .ap-home-upcoming-item {transition:none;}
}