:root{--abd-bg:#fff;--abd-text:#111;--abd-title:#111;--abd-accent:#3b82f6;--abd-radius:12px;--abd-shadow:none;}
.abd-related-wrapper{margin:24px 0;color:var(--abd-text)}
.abd-related-title{margin:0 0 12px 0}
.abd-related-title span{font-weight:600;font-size:1.1rem;color:var(--abd-title)}
.abd-related-grid{display:grid;gap:16px}
.abd-related-grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.abd-related-grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 768px){
  .abd-related-grid.grid-2{grid-template-columns:1fr}
  .abd-related-grid.grid-3{grid-template-columns:1fr}
}
.abd-card{display:block;background:var(--abd-bg);border-radius:var(--abd-radius);overflow:hidden;text-decoration:none;border:1px solid #e6e6e6;box-shadow:var(--abd-shadow);transition:transform .15s ease, box-shadow .15s ease}
.abd-card:hover{transform:translateY(-2px)}
.abd-card-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.abd-card-body{padding:12px}
.abd-card-title{margin:0;font-size:1rem;line-height:1.35;color:var(--abd-text)}
/* Carousel */
.abd-carousel{position:relative}
.abd-carousel .abd-track{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding:2px}
.abd-carousel .abd-card{min-width:clamp(240px,40vw,360px);scroll-snap-align:start;flex:0 0 auto}
.abd-nav{position:absolute;top:50%;transform:translateY(-50%);border:none;background:var(--abd-bg);box-shadow:0 2px 12px rgba(0,0,0,.1);border-radius:999px;width:36px;height:36px;cursor:pointer}
.abd-prev{left:-6px}
.abd-next{right:-6px}
@media (max-width: 768px){
  .abd-nav{display:none}
}
/* Others list */
.abd-others-title{margin-top:12px}
.abd-other-list{list-style:none;margin:8px 0 0 0;padding:0;border-top:1px solid #e6e6e6}
.abd-other-list li{padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:flex-start;gap:8px}
.abd-other-list li::before{content:"🔴";line-height:1;display:inline-block}
.abd-other-list a{text-decoration:none;color:var(--abd-title)}
.abd-other-list a:hover{color:var(--abd-accent);text-decoration:underline}
/* Placeholder thumb */
.abd-related-thumb.placeholder{width:100%;padding-top:56%;background:#f3f4f6}