.information-detail-layout { display: block; min-width: 0; }
.information-recommendations { min-width: 0; padding: 24px; }
.information-recommendations > section + section { margin-top: 28px; }
.information-recommendations header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; gap: 16px; }
.information-recommendations header h2 { margin: 0; font-size: 20px; font-weight: 600; }
.information-recommendations header a { color: #F14A25; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.information-recommendations .home-topic-card { width: 100%; box-sizing: border-box; }
.information-related-news { padding: 20px; border-radius: 20px; background: #f7f7f7; }
.information-related-news > a { display: flex; gap: 12px; color: inherit; text-decoration: none; align-items: center; }
.information-related-news > a + a { margin-top: 20px; }
.information-related-news img { width: 36%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.information-related-news > a > span, .information-related-apps > a > span { min-width: 0; }
.information-related-news strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; }
.information-related-news small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 6px; color: #888; line-height: 1.6; }
.information-related-apps > a { display: flex; align-items: center; gap: 12px; padding: 12px 0; color: inherit; text-decoration: none; }
.information-related-icon { display: block; width: 54px; height: 54px; flex: 0 0 54px; border-radius: 12px; overflow: hidden; position: relative; }
.information-related-icon img { width: 100%; height: 100%; object-fit: cover; }
.information-related-apps strong, .information-related-apps small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.information-related-apps small { color: #9099a8; font-size: 11px; line-height: 1.6; }
.information-related-apps b { margin-left: auto; padding: 6px 22px; border-radius: 18px; color: #F14A25; background: #f7f7f7; font-size: 14px; flex-shrink: 0; }
.banner-information-content .topic-app-info { color: inherit; text-decoration: none; }
.banner-information-cover { display: block; margin: 24px 0 32px; overflow: hidden; border-radius: 12px; background: #f6f6f7; }
.banner-information-cover img { display: block; width: 100%; height: auto; }
.banner-information-article p { margin: 0 0 18px; color: #666; font-size: 16px; line-height: 1.9; text-align: justify; }
.banner-information-article p:last-child { margin-bottom: 0; }
@media (min-width: 1024px) {
  .information-detail-layout.has-recommendations { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 24px; align-items: start; }
  .information-detail-layout > .topic-page-content { min-width: 0; }
  .information-recommendations { padding: 20px 24px 36px 0; }
}
@media (max-width: 767px) {
  .banner-information-cover { margin: 18px 0 24px; border-radius: 10px; }
  .banner-information-article p { margin-bottom: 14px; font-size: 15px; line-height: 1.8; }
  .information-related-apps { display: flex; overflow-x: auto; gap: 20px; }
  .information-related-apps > a { flex: 0 0 80px; flex-direction: column; gap: 8px; text-align: center; }
  .information-related-apps .information-related-icon { width: 72px; height: 72px; flex-basis: 72px; }
  .information-related-apps > a > span { max-width: 80px; }
  .information-related-apps small, .information-related-apps b { display: none; }
  .information-related-news { padding: 14px; }
  .information-related-news strong { font-size: 16px; }
}