/* Chid Inline Related v1.3 - Smart auto layout */

/* keep width same as content area */
.align-content{
  max-width: var(--wp--style--global--content-size, 720px);
  margin-left:auto;
  margin-right:auto;
}

/* Large Card */
.irp-large-wrap{
  border:1px solid #ddd;
  border-radius:10px;
  overflow:hidden;
  margin:30px 0 10px;
  box-shadow:0 3px 10px rgba(0,0,0,0.05);
  background:#fff;
}
.irp-large .irp-media img{width:100%;height:auto;display:block;}
.irp-large .irp-meta{padding:16px 20px;}
.irp-large .irp-title{font-size:20px;font-weight:600;color:#111;margin-bottom:8px;}
.irp-large .irp-excerpt{font-size:15px;color:#666;line-height:1.5;margin:0;}
.irp-large:hover{box-shadow:0 6px 18px rgba(0,0,0,0.12);transform:translateY(-2px);transition:0.2s;}

/* Small Card */
.irp-small-wrap{
  border:1px dashed #f33;
  border-radius:6px;
  margin:8px 0 25px;
  padding:8px 10px 10px;
  background:#fff;
}
.irp-small-header{
  font-weight:700;
  color:#d22;
  font-size:14px;
  margin-bottom:6px;
}
.irp-small{
  display:grid;
  grid-template-columns:80px 1fr;
  gap:10px;
  text-decoration:none;
  align-items:center;
}
.irp-small .irp-media img{
  width:80px;
  height:60px;
  object-fit:cover;
  border-radius:4px;
}
.irp-small .irp-title{
  font-size:15px;
  font-weight:600;
  color:#000;
  margin:0;
}
.irp-small:hover .irp-title{text-decoration:underline;color:#c00;}

@media(min-width:768px){
  .irp-large .irp-title{font-size:22px;}
}