/* 3.1: Quran-related recommendations use the green work-area palette; no fixed widths. */
.alh310-related{margin-block:1.35rem 1.75rem;padding:clamp(1rem,1.7vw,1.65rem);background:rgba(18,118,83,.06);border:1px solid rgba(18,118,83,.24);border-radius:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;min-width:0}
.alh310-related-head,.alh310-disclaimer,.alh310-subhead,.alh310-empty{grid-column:1/-1}
.alh310-related-head h2{margin:0 0 7px;color:#16654d;font-size:clamp(1.2rem,1.8vw,1.6rem)}
.alh310-related-head p{margin:0;color:inherit;opacity:.83}
.alh310-related-card{background:var(--surface,#fff);color:var(--text,#182b27);border:1px solid rgba(21,111,84,.18);border-radius:12px;padding:clamp(13px,1.3vw,20px);min-width:0;overflow-wrap:anywhere}
.alh310-related-card h3{margin:10px 0 5px;font-size:1.08rem}
.alh310-related-card p{margin:6px 0 11px;line-height:1.5}
.alh310-related-card a{color:#147858;text-underline-offset:3px}
.alh310-related-kind{display:inline-block;font-size:.78rem;font-weight:750;border-radius:100px;padding:5px 10px;background:#e7f5ee;color:#16593d}
.alh310-kind-topic{background:#fff3d7;color:#77520f}
.alh310-kind-lexical{background:#e7edfd;color:#304d94}
.alh310-related-card .alh310-topic{font-weight:700;opacity:.85}
.alh310-disclaimer{font-size:.88rem;opacity:.8;margin:5px 0 0}
.alh310-subhead{margin:10px 0 0;font-size:1rem;color:inherit}
.alh310-feed-related{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.89rem;padding:10px 0 2px}
.alh310-feed-related span{font-weight:650}
.alh310-feed-related a{display:inline-block;padding:3px 9px;border:1px solid rgba(18,118,83,.20);border-radius:100px;background:rgba(18,118,83,.07);color:inherit;text-decoration:none}
.alh310-feed-related a:hover,.alh310-feed-related a:focus-visible{border-color:currentColor;text-decoration:underline}
@media (prefers-color-scheme:dark){.alh310-related{background:rgba(32,137,105,.11)}.alh310-related-head h2{color:#99dcc3}}
@media(max-width:650px){.alh310-related{grid-template-columns:1fr;padding:12px}.alh310-related-card{padding:14px}}