.srp-related {
    margin-top:1.75rem;
    font-size:.85rem
}
.srp-related h2,.srp-related h3,.srp-related h4 {
    margin:0
}
.srp-grid {
    display:grid;
    gap:12px;
    grid-template-columns:repeat(var(--srp-cols),minmax(0,1fr));
    list-style:none;
    padding-left:0;
    margin:0
}
.srp-card {
    border:1px solid #eee;
    border-radius:var(--srp-radius);
    overflow:hidden;
    background:#fff
}
.srp-card a {
    display:block;
    color:inherit;
    text-decoration:none
}
.srp-thumb {
    aspect-ratio:var(--srp-ratio);
    background:#f5f5f5;
    overflow:hidden
}
.srp-thumb img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.srp-content {
    padding:10px
}
.srp-title {
    font-size:.95rem;
    font-weight:600;
    margin:0 0 .35rem;
    line-height:1.3
}
.srp-meta {
    display:flex;
    flex-wrap:wrap;
    gap:.25rem .45rem;
    color:#666;
    font-size:.78rem;
    margin:0 0 .35rem
}
.srp-excerpt {
    color:#666;
    font-size:.88em;
    line-height:1.4;
    margin:0
}
.srp-list {
    list-style:none;
    padding-left:0;
    margin:0
}
.srp-list li {
    margin:.5rem 0
}
.srp-minimal {
    display:flex;
    flex-wrap:wrap;
    gap:.4rem
}
.srp-pill {
    padding:.2rem .45rem;
    border-radius:999px;
    background:#f5f5f5;
    text-decoration:none
}
.srp-titlebar {
    display:flex;
    align-items:center;
    gap:.45rem;
    margin-bottom:.6rem
}
.srp-dot {
    width:.55rem;
    height:.55rem;
    border-radius:999px;
    background:var(--srp-accent);
    display:inline-block
}
.srp-titletext {
    font-size:1rem;
    font-weight:700;
    letter-spacing:0
}
@media (max-width:782px) {
    .srp-grid {
        grid-template-columns:repeat(auto-fit,minmax(180px,1fr))
    }
}