.srp-related-posts{box-sizing:border-box;width:var(--srp-width-desktop,100%);margin:30px 0;clear:both;border:var(--srp-border-width,1px) solid var(--srp-border-color,#000);background-color:var(--srp-background-color,#fff);padding:20px}
.srp-related-title{margin:0 0 12px;padding:0;font-size:18px;line-height:1.25;font-weight:500}
.srp-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.srp-related-item{min-width:0;margin:0;padding:0}
.srp-related-link{display:block;color:inherit;text-decoration:none}
.srp-related-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:0 0 6px;border:0}
.srp-related-thumb-placeholder{background:#e9e9e9}
.srp-related-name{display:block;font-size:15px;line-height:1.25;font-weight:400}
.srp-related-link:hover .srp-related-name{text-decoration:underline}
.srp-align-left{margin-left:0;margin-right:auto;text-align:left}
.srp-align-center{margin-left:auto;margin-right:auto;text-align:center}
.srp-align-right{margin-left:auto;margin-right:0;text-align:right}

/* Horizontal: cards side by side. */
.srp-layout-horizontal .srp-related-grid{grid-template-columns:repeat(var(--srp-count,4),minmax(0,1fr))}

/* Vertical: one related post per row. */
.srp-layout-vertical .srp-related-grid{grid-template-columns:1fr;gap:18px}
.srp-layout-vertical .srp-related-link{display:grid;grid-template-columns:minmax(100px,28%) 1fr;gap:12px;align-items:center}
.srp-layout-vertical .srp-related-thumb{margin:0}

@media(max-width:767px){
  .srp-related-posts{width:var(--srp-width-mobile,100%)}
  .srp-layout-horizontal .srp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .srp-layout-horizontal .srp-related-grid{grid-template-columns:1fr}
  .srp-layout-vertical .srp-related-link{grid-template-columns:minmax(90px,32%) 1fr}
}
@media(min-width:767px){
  .srp-align-left{margin-left:0;margin-right:auto;text-align:left;float:left;margin:0 40px 40px 0;}
  .srp-align-center{margin-left:auto;margin-right:auto;text-align:center}
  .srp-align-right{margin-left:auto;margin-right:0;text-align:right;float:right;margin:0 0 40px 40px;}
}
