/* === rss-feed.css === */

.rss-feed { padding: 3.9375rem 0 2rem; background: #efefef; overflow: hidden; }

.standard-page .rss-feed { border-top: 1px solid #000; }

.rss-feed__header { width: 22.375rem; margin-bottom: 1.125rem; gap: 0.875rem; }

.rss-feed__rule { width: 6.0625rem; }

.rss-feed__title { font-size: 1.5625rem; line-height: 2.48; letter-spacing: -0.03em; }

@media (max-width: 767px) {
    .rss-feed__title { line-height: 1.4; }
    .rss-feed .blogtitle { line-height: 24px; }
    .rss-feed .readmore { flex-shrink: 0; }
    .rss-feed article { height: unset !important; }
    .rss-feed article strong { padding-top: 0.75rem !important; }
}

.rss-feed .section { display: grid !important; grid-template-columns: 1fr; gap: 1rem; width: 100%; margin: 0 !important; row-gap: 1rem !important; }

.rss-feed article { width: auto !important; max-width: 100%; min-width: 0; float: none !important; margin: 0 !important; background: var(--color-white); overflow: hidden; height: 28.1875rem; }

.rss-feed .section > article { padding: 0 !important; }

.rss-feed article a { display: flex; flex-direction: column; min-height: 28.1875rem; height: 100%; padding-bottom: 1rem; color: var(--color-text-dark); text-decoration: none; }

.rss-feed article img { display: block; width: 100%; height: 10.375rem; object-fit: cover; object-position: center; }

.rss-feed .blogtitle,
.rss-feed article strong,
.rss-feed .blogcontent,
.rss-feed .readmore { display: block; }

.rss-feed .blogtitle { width: 17.25rem; max-width: calc(100% - 2rem); padding: 1rem 1rem 0; font-family: var(--font-heading); font-size: 1.25rem; font-weight: 500; line-height: 1.2; letter-spacing: -0.03em; color: var(--color-text-dark); }

.rss-feed article strong { padding: 1rem 1rem 0; font-family: var(--font-body); font-size: 0.875rem; font-weight: 700; line-height: 1.4286; letter-spacing: -0.03em; color: var(--color-text-dark); }

.rss-feed .blogcontent { display: -webkit-box; overflow: hidden; padding: 0.5rem 1rem 0; font-family: var(--font-body); font-size: 0.875rem; font-weight: 400; line-height: 1.7143; letter-spacing: -0.03em; color: var(--color-text-dark); -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.rss-feed .readmore { margin-top: 1.5rem; margin-right: auto; margin-bottom: 0; margin-left: 1rem; width: 9.25rem; min-width: 9.25rem; height: 3rem; padding: 0; border-radius: 0.375rem; background-color: #ca161e; font-family: var(--font-nav); font-size: 1rem; font-weight: 400; line-height: 1.0372; letter-spacing: 0; text-transform: none; color: var(--color-white); text-align: center; display: inline-flex; align-items: center; justify-content: center; }

.rss-feed .clear { display: none; }

@media (min-width: 768px) {
    .rss-feed { padding: 3rem 0 3rem; }

    .rss-feed__header { width: 100%; max-width: 46rem; margin-bottom: 1.25rem; }

    .rss-feed__rule { width: 8.5rem; }

    .rss-feed__title { font-size: 2.25rem; line-height: 1.15; }

    .rss-feed .section { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; row-gap: 1rem !important; }

    .rss-feed article { height: 32rem; }

    .rss-feed article a { min-height: 33rem; padding-bottom: 1.25rem; }

    .rss-feed article img { height: 11rem; }

    .rss-feed .blogtitle { width: auto; max-width: calc(100% - 2rem); padding: 1.125rem 1.125rem 0; font-size: 1.125rem; line-height: 1.2; }

    .rss-feed article strong { padding: 1rem 1.125rem 0; font-size: 0.9375rem; line-height: 1.5; }

    .rss-feed .blogcontent { padding: 0.75rem 1.125rem 0; font-size: 0.9375rem; line-height: 1.6; -webkit-line-clamp: 5; }

    .rss-feed .readmore { margin-top: 1.5rem; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 9.25rem; min-width: 9.25rem; height: 3rem; min-height: 3rem; padding: 0; font-size: 1rem; line-height: 1.0372; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .rss-feed article { height: 33rem; }
    .rss-feed .blogtitle { max-width: unset; max-height: 62px; height: 100%; }
    .rss-feed .blogcontent { max-width: unset; max-height: 135px; height: 100%; }
    .rss-feed article strong { max-height: 62px; height: 100%; }
    .rss-feed .readmore { margin-right: 1.5rem; }
}

@media (min-width: 992px) {
    .rss-feed { padding: 3.875rem 0 3.8125rem; }

    .rss-feed__title { font-size: 2.75rem; }

    .rss-feed .section { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.3125rem; row-gap: 1.3125rem !important; }

    .rss-feed article a { min-height: 35.125rem; }

    .rss-feed article img { height: 14.0625rem; }

    .rss-feed .blogtitle { padding: 1.625rem 1.6875rem 0; font-size: 1.625rem; line-height: 1.2502; }

    .rss-feed article strong { padding: 1rem 1.6875rem 0; }

    .rss-feed .blogcontent { display: block; overflow: visible; padding: 0.875rem 1.6875rem 0; -webkit-line-clamp: unset; }

    .rss-feed .readmore { margin-right: 1.6875rem; margin-bottom: 1.625rem; margin-left: auto; padding: 1.34375rem 2rem 1.28125rem; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .rss-feed { padding: 3rem 0 3rem; }

    .rss-feed__header { margin-bottom: 1.5rem; }

    .rss-feed .section { gap: 1rem; row-gap: 1rem !important; }

    .rss-feed article { height: 30rem; }

    .rss-feed article a { min-height: 31rem; padding-bottom: 1rem; }

    .rss-feed article img { height: 10.5rem; }

    .rss-feed .blogtitle { padding: 1rem 1rem 0; font-size: 1rem; line-height: 1.2; max-height: 55px; height: 100%; max-width: unset; }

    .rss-feed article strong { padding: 0.875rem 1rem 0; font-size: 0.875rem; line-height: 1.4; max-height: 55px; height: 100%; }

    .rss-feed .blogcontent { padding: 0.625rem 1rem 0; font-size: 0.875rem; line-height: 1.6; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 6; -webkit-box-orient: vertical; max-height: 122px; height: 100%; }

    .rss-feed .readmore { width: 7.875rem; min-width: 7.875rem; height: 2.75rem; min-height: 2.75rem; margin-top: 1.25rem; margin-right: 1.5rem; margin-bottom: 0; margin-left: auto; padding: 0; font-size: 0.9375rem; line-height: 1; }
}

@media (min-width: 1230px) and (max-width: 1439px) {
    .rss-feed { padding: 3.25rem 0 3.25rem; }

    .rss-feed__header { margin-bottom: 1.625rem; }

    .rss-feed__title { font-size: 2.5rem; line-height: 1.15; }

    .rss-feed .section { gap: 1.125rem; row-gap: 1.125rem !important; }

    .rss-feed article { height: 30.5rem; }

    .rss-feed article a { min-height: 32.5rem; padding-bottom: 1.25rem; }

    .rss-feed article img { height: 11.5rem; }

    .rss-feed .blogtitle { padding: 1.25rem 1.25rem 0; font-size: 1.1875rem; line-height: 1.18; max-height: 65px; height: 100%; }

    .rss-feed article strong { padding: 0.875rem 1.25rem 0; font-size: 0.9375rem; line-height: 1.45; }

    .rss-feed .blogcontent { display: -webkit-box; overflow: hidden; padding: 0.75rem 1.25rem 0; font-size: 0.9375rem; line-height: 1.6; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 110px; height: 100%; }

    .rss-feed .readmore { width: 9.25rem; min-width: 9.25rem; height: 3rem; min-height: 3rem; margin-top: 1.5rem; margin-right: 1.5rem; margin-bottom: 0; margin-left: auto; padding: 0; font-size: 1rem; line-height: 1.0372; }
}

@media (min-width: 1440px) {
    .rss-feed { padding: 3.5rem 0 3.5rem; }

    .rss-feed__header { margin-bottom: 1.75rem; }

    .rss-feed__title { font-size: 2.5rem; line-height: 1.15; }

    .rss-feed .section { gap: 1.25rem; row-gap: 1.25rem !important; }

    .rss-feed article { height: 31.75rem; }

    .rss-feed article a { min-height: 31.75rem; padding-bottom: 1.25rem; }

    .rss-feed article img { height: 12.75rem; }

    .rss-feed .blogtitle { padding: 1.25rem 1.5rem 0; font-size: 1.625rem; line-height: 1.18; max-height: 80px; height: 100%; max-width: unset; }

    .rss-feed article strong { padding: 0.875rem 1.5rem 0; font-size: 1rem; line-height: 1.45; }

    .rss-feed .blogcontent { display: -webkit-box; overflow: hidden; padding: 0.75rem 1.5rem 0; font-size: 1rem; line-height: 1.6; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height: 90px; height: 100%; }

    .rss-feed .readmore { width: 9.25rem; min-width: 9.25rem; height: 3rem; min-height: 3rem; margin-top: 1.5rem; margin-right: 1.5rem; margin-bottom: 0; margin-left: auto; padding: 0; font-size: 1rem; line-height: 1.0372; white-space: nowrap; }
}