/* Sugestões de leitura compactas, separadas da biblioteca completa. */
.content-grid.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.related-grid .content-card{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:stretch;border-radius:12px}
.related-grid .card-image{min-width:0;background:#173c32}
.related-grid .card-image img{width:100%;height:100%;min-height:150px;max-height:240px;aspect-ratio:auto;object-fit:cover}
.related-grid .card-body{min-width:0;padding:18px;gap:9px}
.related-grid .card-body time{font-size:.7rem;margin:0}
.related-grid .card-body h3{font-size:1.25rem;line-height:1.3;margin:0}
.related-grid .card-body p{font-size:.82rem;line-height:1.6;margin:0}
.related-grid .card-body .text-link{margin-top:auto;padding-top:3px;font-size:.78rem}
.related-grid .record-frame{height:100%;min-height:150px;aspect-ratio:auto;padding:12px}
.related-grid .frame-inner{padding:10px 5px;gap:10px;outline-offset:3px}
.related-grid .frame-inner strong{font-size:.94rem;line-height:1.3;overflow-wrap:anywhere}
.related-grid .frame-kicker,.related-grid .frame-signature,.related-grid .card-image>span{display:none}
.related-grid .editorial-poster,.related-grid .blog-poster{height:100%;min-height:150px;padding:12px;gap:12px;border-radius:0}
.related-grid .editorial-poster strong,.related-grid .blog-poster strong{font-size:1rem;max-width:100%}
.related-grid .ep-label,.related-grid .poster-label,.related-grid .poster-kicker,.related-grid .ep-kicker{display:none}
.related-grid .blog-poster svg{width:55px;height:55px}.related-grid .ep-number{font-size:4rem}
.phase1-guide-grid{gap:16px}
.phase1-guide-grid article{padding:21px;gap:10px;border-radius:12px}
.phase1-guide-grid h3{font-size:1.35rem;line-height:1.3}
.phase1-guide-grid p{font-size:.88rem;line-height:1.6}
.phase1-guide-grid .eyebrow{font-size:.65rem;margin:0}
.phase1-guide-grid .text-link{font-size:.8rem}
@media(max-width:900px){.content-grid.related-grid{grid-template-columns:1fr}}
@media(max-width:500px){.related-grid .content-card{grid-template-columns:84px minmax(0,1fr)}.related-grid .card-body{padding:15px;gap:8px}.related-grid .card-body h3{font-size:1.12rem}.related-grid .card-body p{font-size:.8rem}.related-grid .record-frame{padding:8px}.related-grid .frame-inner{padding:8px 4px}.related-grid .frame-inner strong{font-size:.8rem}.related-grid .editorial-poster,.related-grid .blog-poster{padding:10px}.related-grid .editorial-poster strong,.related-grid .blog-poster strong{font-size:.85rem}.phase1-guide-grid article{padding:19px}.phase1-guide-grid h3{font-size:1.25rem}}