.altaistar-related { margin: 1rem 0 2rem; white-space: normal; font-size: 1rem; }
.altaistar-related .square-block-flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 15px; width: 100%; max-width: 1100px; margin: 0 auto; }
.altaistar-related .special-col3 { float: none; width: auto; height: auto; min-width: 0; margin: 0; padding: 0; overflow: hidden; border-radius: 3px; box-shadow: 0 0 3px rgb(0 33 0 / 35%); }
.altaistar-related .special-col3 a { display: flex; flex-direction: column; height: 100%; text-decoration: none; }
.altaistar-related .im200x142 { width: 100%; height: auto; aspect-ratio: 200 / 142; overflow: hidden; }
.altaistar-related .im200x142 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.altaistar-related .spec-article { width: auto; height: auto; min-height: 75px; flex: 1; padding: .6rem; line-height: 1.3; text-align: center; }
.altaistar-related .spec-article strong { color: var(--title-color, #444); font-size: 14px; line-height: 1.3; }
.altaistar-related-placeholder { display: grid; place-items: center; height: 100%; font-size: 2rem; color: #526946; background: #e2f0d7; }
@media (prefers-color-scheme: dark) { .altaistar-related .spec-article { background: linear-gradient(#304226, #292929); } }
@media (max-width: 420px) { .altaistar-related .square-block-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }