@charset "utf-8";

.page-article { background-color: rgb(253, 250, 243); }

.page-article .article-titles.marfeel { padding: 0px; margin: 1.5rem 0px; }

.page-article .article-titles { justify-content: start; text-align: left; }

.page-article .article-titles.marfeel .article-intro { padding: 0px; }

.page-article .article-titles.marfeel .article-intro { margin: 0px; }

.page-article .article-titles .article-intro, .page-article .article-data .article-intro, .page-video .article-titles .article-intro, .page-video .article-data .article-intro, .page-poll .article-titles .article-intro, .page-poll .article-data .article-intro, .page-opinion .article-titles .article-intro, .page-opinion .article-data .article-intro { display: inline-block; width: 100%; margin: 2.3rem 0px 1rem; padding: 0px 1rem; }

.page-article .article-titles.marfeel .article-intro { padding: 0px; }

.page-article .article-titles.marfeel .article-intro { margin: 0px; }

.page-article .article-titles .article-intro, .page-article .article-data .article-intro, .page-video .article-titles .article-intro, .page-video .article-data .article-intro, .page-poll .article-titles .article-intro, .page-poll .article-data .article-intro, .page-opinion .article-titles .article-intro, .page-opinion .article-data .article-intro { display: inline-block; width: 100%; margin: 2.3rem 0px 1rem; padding: 0px 1rem; }

section.MrfRecommender.article-intro { border-radius: 8px; padding: 1rem 1.5rem !important; background-color: rgb(248, 248, 248) !important; }

.page-article .content .article-body .article-text h2.marfeel-title { margin: 0px 0px 1rem !important; }

.page-article .content .article-body .article-text h2 { margin: 0px 0px 1rem; color: rgb(85, 85, 85); font-family: Libre-Franklin-Regular, sans-serif !important; font-weight: 600 !important; }

.page-article .content .article-body .article-text h2, .page-video .content .article-body .article-text h2, .page-poll .content .article-body .article-text h2, .page-opinion .content .article-body .article-text h2 { display: block; margin: 3rem 0px; font-family: Source-Serif-Bold, serif; font-weight: 700; font-size: 2.3rem; line-height: 3.5rem; }

.page-article .content .article-body .article-text ul.marfeel { padding-left: 0px; margin-bottom: 0px; margin-top: 0px; }

.page-article .content .article-body .article-text ul, .page-video .content .article-body .article-text ul, .page-poll .content .article-body .article-text ul, .page-opinion .content .article-body .article-text ul { margin-bottom: 2rem; list-style: disc; padding-left: 2rem; }

.page-article .article-titles .article-intro ul { align-items: start; }

.page-article .article-titles .article-intro ul, .page-video .article-titles .article-intro ul, .page-poll .article-titles .article-intro ul, .page-opinion .article-titles .article-intro ul { align-items: center; }

.page-article .article-titles .article-intro ul, .page-article .article-data .article-intro ul, .page-video .article-titles .article-intro ul, .page-video .article-data .article-intro ul, .page-poll .article-titles .article-intro ul, .page-poll .article-data .article-intro ul, .page-opinion .article-titles .article-intro ul, .page-opinion .article-data .article-intro ul { display: flex; flex-flow: column; align-items: start; justify-content: center; margin-bottom: 1rem; }

.page-article .content .article-body .article-text ul li, .page-video .content .article-body .article-text ul li, .page-poll .content .article-body .article-text ul li, .page-opinion .content .article-body .article-text ul li { margin-bottom: 1rem; line-height: 21px; }

.page-article .content .article-body .article-text p, .page-article .content .article-body .article-text li, .page-article .content .article-body .article-text ol { line-height: 2.5rem; color: rgb(85, 85, 85); letter-spacing: -0.05rem; font-family: Libre-Franklin-Regular, sans-serif !important; font-weight: 400 !important; }

.page-article .article-titles .article-intro ul li { padding-left: 2rem; margin-top: 0px; font: 400 1.8rem / 1.2 Libre-Franklin-Regular, sans-serif !important; }

.page-article .article-titles .article-intro ul li, .page-article .article-data .article-intro ul li, .page-video .article-titles .article-intro ul li, .page-video .article-data .article-intro ul li, .page-poll .article-titles .article-intro ul li, .page-poll .article-data .article-intro ul li, .page-opinion .article-titles .article-intro ul li, .page-opinion .article-data .article-intro ul li { position: relative; margin-bottom: 10px; padding-left: 0px; font-family: Roboto-Regular, sans-serif; font-weight: 400; font-size: 1.8rem; line-height: 2.3rem; margin-left: 20px; }

.page-article .article-titles .article-intro ul li::before { content: ""; position: absolute; top: 16px; left: 10px; display: block; width: 10px; height: 10px; background-color: rgb(0, 142, 123); border-radius: 0px; }

.page-article .article-titles .article-intro a { font-size: 18px; color: rgb(194, 21, 73) !important; font-weight: 600 !important; }

.tweet-card a { border: none !important; }

.tweet-card svg { width: 24px !important; height: 24px !important; }

.tweet-card { font-family: Inter, sans-serif !important; width: 100% !important; background-color: rgb(255, 255, 255) !important; border-radius: 12px !important; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px !important; padding: 16px !important; border: 1px solid rgb(224, 224, 224) !important; }

.profile-pic { width: 48px !important; height: 48px !important; border-radius: 9999px !important; object-fit: cover !important; }

.tweet-actions button { display: flex !important; align-items: center !important; padding: 8px !important; border-radius: 9999px !important; transition: background-color 0.2s ease-in-out !important; }

.tweet-actions button:hover { background-color: rgb(224, 242, 254) !important; }

.tweet-actions button i { margin-right: 4px !important; color: rgb(101, 119, 134) !important; }

.tweet-actions button span { font-size: 0.875rem !important; color: rgb(101, 119, 134) !important; }

.tweet-card a.tweet-footer-link { color: rgb(0, 111, 214) !important; font-weight: 700 !important; font-size: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; padding: 5px !important; border-radius: 25px !important; border: 1px solid gray !important; }

.tweet-footer-link:hover { text-decoration: underline !important; color: rgb(0, 111, 214) !important; }

.close-button { background: none !important; border: none !important; font-size: 1.5rem !important; color: rgb(101, 119, 134) !important; cursor: pointer !important; padding: 4px !important; border-radius: 9999px !important; transition: background-color 0.2s ease-in-out !important; }

.close-button:hover { background-color: rgb(224, 242, 254) !important; }