/* Global Politics — index.css
   Homepage-only styles. Optimized cleanup: exact repeated blocks inside this file were removed.
*/

#homepageOverview{background: #fff; border: 1px solid var(--border); border-radius: 22px; padding: 0 0 18px 0; margin-bottom: 16px; box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04); overflow: hidden;}
#homepageOverview .railHeader{margin: 0; border-radius: 0; border: 0; border-bottom: 1px solid var(--border); background: #eef4fb; padding: 16px 20px; text-align: center;}
#homepageOverview .homepageOverviewCard{background: transparent; border: 0; box-shadow: none; padding: 20px;}
#homepageOverview .homepageOverviewText{margin: 0 0 18px 0;}
#homepageOverview .homepageOverviewText:last-of-type{margin-bottom: 16px;}
#homepageOverview .homepageOverviewNav{margin-top: 0;}
#homepageOverview .langChips{display: flex; flex-wrap: wrap; gap: 12px;}
.layout{display: grid; grid-template-columns: minmax(0, 1fr) var(--index-rail-w); gap: 20px; align-items: start; max-width: var(--site-max); margin: 0 auto; padding: 6px var(--site-pad) 2rem;}
.sidebar{display: none !important;}
.sidebar, .rail{background: var(--panel); border: 1px solid var(--border); border-radius: 14px;}
.sidebar{padding: 12px; position: sticky; top: 12px; height: calc(100vh - 24px); overflow: auto;}
.content{padding: 0; padding-top: 0; min-width: 0; grid-column: 1;}
.content > *{min-width: 0;}
.content .contentPanel, .content .feedPanel, .content .contentInner, .content .innerPanel, .content .panel, .content .page{background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none;}
.rail{padding: 12px 16px 16px; position: sticky; top: 12px; height: calc(100vh - 24px); overflow: auto; min-width: 0; grid-column: 2;}
.rail{border-radius: 14px 14px 14px 14px; border-top-left-radius: 0; border-top-right-radius: 0;}
.layoutTopRow{grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) var(--index-rail-w); gap: 20px; align-items: center; min-width: 0; margin-bottom: 0; padding: 0; border-radius: 999px; background: transparent;}
#featured{margin-top: 0 !important;}
.cards{margin-top: 0 !important;}
.layoutTopMain, .layoutTopRail{min-width: 0;}
.layoutTopMain{grid-column: 1;}
.layoutTopRail{grid-column: 2;}
.filterbar{min-height: 24px !important; padding: 4px 10px !important; border-radius: 999px;}
.filterbar .badge{padding: 1px 10px !important; min-height: 24px !important; font-size: 0.9rem;}
.filterbar .clearBtn{padding: 4px 10px !important; min-height: 24px !important;}
.railSearchTop{margin: 0; display: flex; align-items: center;}
.railSearchTop .searchField{width: 100%; display: flex; align-items: center;}
.railSearchTop input[type="search"]{height: 34px !important; min-height: 34px !important; padding: 4px 36px 4px 12px !important; border-radius: 999px; font-size: 0.95rem;}
.railSearchTop .searchClearBtn{width: 24px; height: 24px; font-size: 14px;}
@media (max-width: 1100px){.layout{grid-template-columns: 1fr; gap: 12px; padding-top: 4px;}
.layoutTopRow{grid-template-columns: 1fr; gap: 12px;}
.layoutTopMain, .layoutTopRail, .content, .rail{grid-column: 1;}
.layoutTopRail{order: -1;}
.rail{display: none;}}
@media (max-width: 820px){.layout{grid-template-columns: 1fr; gap: 10px; padding: 4px 12px 18px;}
.layoutTopRow{grid-template-columns: 1fr; gap: 10px;}
.sidebar{position: static; height: auto;}}
.feedHeadline{text-wrap: balance;}
@media (max-width: 480px){.feedHeadline{font-size: 28px; line-height: 1.15; letter-spacing: -0.2px;}}
.filterbar{display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 6px 14px; border: 1px solid rgba(11,31,58,0.10); background: #ffffff; color: #1b2230; border-radius: 999px; box-shadow: 0 2px 8px rgba(10,25,55,0.06); margin: 0; line-height: 1;}
.filterbar .left{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0;}
.badge{display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; min-height: 36px; border-radius: 999px; border: 1px solid rgba(11,31,58,0.10); background: #ffffff; color: #1b2230; font-size: 0.95rem;}
.badge .k{color: #6d7483; font-size: 0.95em;}
.clearBtn{border: 1px solid rgba(11,31,58,0.10); background: #ffffff; color: #1b2230; border-radius: 999px; min-height: 36px; padding: 8px 14px; cursor: pointer; box-shadow: 0 1px 2px rgba(10,25,55,0.04);}
.clearBtn:hover{background: #f5f8fd; opacity: 1;}
.pager{display: flex; justify-content: center; align-items: center; gap: 10px; margin: 18px 0 8px;}
.pager button[disabled]{opacity: .5; cursor: not-allowed;}
.cards{display: grid; gap: 8px;}
.content{margin-top: 0 !important;}
.layoutTopRow{margin-bottom: 0;}
.cards{margin-top: 2px;}
.card{background: var(--panel2); border: 1px solid var(--border); border-radius: 14px; padding: 14px 14px; overflow: hidden; margin-top: 2px;}
.card-title{margin: 0 0 6px 0; font-size: 1.05rem;}
.card-meta{font-size: 0.85rem; color: var(--muted);}
.card-excerpt{margin: 8px 0 10px; color: var(--text); opacity: 0.92;}
.card-tags{display: flex; flex-wrap: wrap; gap: 6px;}
.card-debate{margin-top: 10px; font-size: 0.95rem; color: var(--muted); line-height: 1.4;}
.card-actions{margin-top: 14px;}
.btn-primary{display: inline-block; padding: 8px 14px; border-radius: 8px; background: #1f4ed8; color: #fff; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: 0.15s;}
.btn-primary:hover{background: #183fb5;}
.card .cardMedia{display: block; border-radius: 14px; overflow: hidden; border: 1px solid var(--border); background: var(--panel2);}
.card .cardMedia img{width: 100%; height: auto; display: block;}
.card-cover{display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); background: var(--panel2);}
.card-cover img{width: 100%; height: auto; display: block;}
.card-tags{display: flex; justify-content: center; flex-wrap: wrap; gap: 8px;}
.voteBtn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: 999px; border: 2px solid transparent; background: #f3f4f6; color: #111827; text-decoration: none; font-weight: 700; font-size: 15px; line-height: 1.2; cursor: pointer; opacity: 1; transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, opacity 0.18s ease;}
.voteBtn:hover{transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,0.12); text-decoration: none;}
.voteBtn:focus-visible{outline: 2px solid rgba(31,78,216,0.35); outline-offset: 2px;}
.voteBtn.selected, .voteBtn.is-selected{transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.18);}
.voteBtn:disabled{opacity: 0.45; cursor: not-allowed; box-shadow: none; transform: none;}
.voteBtn[data-choice="yes"]{background: #e7f6ec; border-color: #22c55e; color: #166534;}
.voteBtn[data-choice="no"]{background: #fde8e8; border-color: #ef4444; color: #991b1b;}
.voteBtn[data-choice="unsure"]{background: #f4f4f5; border-color: #a1a1aa; color: #27272a;}
.voteBtn[data-choice="yes"].selected, .voteBtn[data-choice="yes"].is-selected{background: #dcfce7; border-color: #16a34a; color: #14532d;}
.voteBtn[data-choice="no"].selected, .voteBtn[data-choice="no"].is-selected{background: #fee2e2; border-color: #dc2626; color: #7f1d1d;}
.voteBtn[data-choice="unsure"].selected, .voteBtn[data-choice="unsure"].is-selected{background: #e5e7eb; border-color: #6b7280; color: #1f2937;}
.sidebarSection{background: transparent; border: 0; padding: 0; margin: 0;}
.sidebarTitle{font-weight: 800; padding: 10px 12px; border-radius: 12px; background: var(--panel2); border: 1px solid var(--border); color: var(--text); text-align: left; margin: 0 0 10px 0;}
.latestList{margin-top: 0; display: flex; flex-direction: column; gap: 0;}
.latestItem{display: grid; grid-template-columns: 104px 1fr; grid-template-areas: "thumb title" "date title"; column-gap: 10px; row-gap: 6px; align-items: start; text-decoration: none; color: inherit; padding: 6px 8px; border-radius: 12px; margin: 0;}
.latestItem:not(:last-child){border-bottom: 1px solid rgba(15, 23, 42, 0.08); padding-bottom: 6px; margin-bottom: 2px;}
.latestItem + .latestItem{padding-top: 2px;}
.latestItem:hover{background: var(--panel2);}
.latestThumb{grid-area: thumb; width: 104px; height: 60px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.04); border: 1px solid var(--border);}
.latestThumb img{width: 100%; height: 100%; object-fit: cover; display: block;}
.latestMeta{grid-area: title; min-width: 0; margin: 0;}
.latestItem h3, .latestItem .latestTitle{margin-bottom: 4px;}
.latestDate{grid-area: date; margin: 0; font-size: 0.85rem; color: var(--muted); line-height: 1.2;}
.latestPager{margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.latestItem{display: grid; grid-template-columns: 104px 1fr; column-gap: 10px; align-items: start; text-decoration: none; color: inherit; padding: 6px 8px; border-radius: 12px; margin: 0;}
.latestSide{display: flex; flex-direction: column; align-items: center; gap: 2px; width: 104px;}
.latestThumb{width: 104px; height: 60px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.04); border: 1px solid var(--border);}
.latestMeta{min-width: 0; margin: 0;}
.latestItem h3, .latestItem .latestTitle{margin: 0;}
.latestDate{margin: 0; font-size: 0.85rem; color: var(--muted); line-height: 1.2; text-align: center;}
.railSearch .searchClearBtn{position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 32px; height: 32px; border: none; border-radius: 50%; background: rgba(15,23,42,0.06); color: #1b2230; font-size: 18px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.16s ease, transform 0.12s ease, opacity 0.12s ease;}
.railSearch .searchClearBtn:hover{background: rgba(15,23,42,0.12);}
.railSearch .searchClearBtn:active{transform: translateY(-50%) scale(0.95);}
.railSearch .searchClearBtn[hidden]{display: none !important;}
.langChips{display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 0;}
.langChip{display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--border); border-radius: 999px; background: transparent; color: var(--text); cursor: pointer; user-select: none; font-size: .9rem;}
.langChip:hover{background: var(--panel2);}
.langChip.is-active{background: var(--panel2); border-color: rgba(255,255,255,0.18); font-weight: 600;}
.langChipAll{opacity: .95;}
#regionMenu{background: #ffffff;}
.regionMenu{margin: 0; padding: 10px 0 12px 0; background: #ffffff; border-top: 1px solid rgba(212,175,55,0.22); border-bottom: 1px solid rgba(11,31,58,0.08); box-shadow: 0 8px 18px rgba(10,25,55,0.06);}
.regionMenu-inner{max-width: 1180px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; gap: 14px; background: transparent;}
.regionMenu .region-chip{background: #ffffff; color: #1b2230; border: 1px solid rgba(11,31,58,0.12);}
.regionMenu .region-chip:hover{background: #f5f8fd;}
.regionMenu .region-chip.active{background: linear-gradient(135deg, #0f2a4f, #173d70); color: #ffffff; border: 1px solid #c9a227;}
.regionMenu-search input[type="search"]{background: #ffffff; color: #1b2230; border: 1px solid rgba(11,31,58,0.12);}
.regionMenu-chips{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; min-width: 0;}
.regionMenu-search{margin-left: auto; display: flex; align-items: center;}
.regionMenu-search input[type="search"], .regionMenu-search input[type="text"]{width: min(360px, 42vw); min-height: 42px; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(11,31,58,0.12); background: #ffffff; color: #1b2230; box-shadow: 0 1px 2px rgba(10,25,55,0.04); transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;}
.regionMenu-search input[type="search"]:focus, .regionMenu-search input[type="text"]:focus{border-color: rgba(27,76,255,0.35); box-shadow: 0 0 0 4px rgba(27,76,255,0.10); background: #ffffff;}
.regionMenu-search input[type="search"]::placeholder, .regionMenu-search input[type="text"]::placeholder{color: rgba(27,34,48,0.60);}
.regionMenu .region-chip{appearance: none; border: 1px solid rgba(11,31,58,0.10); background: #ffffff; color: #1b2230; font: inherit; font-size: 0.92rem; font-weight: 700; padding: 9px 14px; border-radius: 999px; cursor: pointer; line-height: 1; white-space: nowrap; transition: transform 140ms ease, opacity 140ms ease, background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease; opacity: 0.96; box-shadow: 0 1px 2px rgba(10,25,55,0.04);}
.regionMenu .region-chip:hover{opacity: 1; transform: translateY(-1px); background: #f5f8fd; border-color: rgba(23,61,112,0.18);}
.regionMenu .region-chip.active{opacity: 1; background: linear-gradient(135deg, #0f2a4f, #173d70); border: 1px solid #c9a227; color: #ffffff; font-weight: 800; box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.22), 0 6px 14px rgba(15,42,79,0.18);}
.regionMenu .region-chip:focus-visible{outline: 2px solid var(--link); outline-offset: 2px;}
@media (max-width: 820px){.regionMenu{padding: 8px 0 12px 0;}
.regionMenu-inner{flex-wrap: wrap; padding: 0 14px;}
.regionMenu-chips{flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 10px; width: 100%;}
.regionMenu-chips::-webkit-scrollbar{height: 8px;}
.regionMenu-chips::-webkit-scrollbar-thumb{background: rgba(11,31,58,0.14); border-radius: 999px;}
.regionMenu-search{width: 100%; margin-left: 0;}
.regionMenu-search input[type="search"], .regionMenu-search input[type="text"]{width: 100%;}}
.regionBar{display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: nowrap;}
.regionChips{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; min-width: 0;}
.regionSearch{margin-left: auto; display: flex; align-items: center;}
input[type="search"].regionSearchInput{width: min(340px, 36vw); padding: 8px 10px; border-radius: 999px;}
@media (max-width: 820px){.regionBar{flex-wrap: wrap;}
.regionSearch{width: 100%; margin-left: 0;}
input[type="search"].regionSearchInput{width: 100%;}}
.region-chip{display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; cursor: pointer; transition: all 0.2s ease;}
#activeFilters{margin: 0 0 16px 0;}
#activeFilters[hidden]{display: none !important; margin: 0 !important; padding: 0 !important;}
.layout{position: relative; row-gap: 2px;}
.layoutTopRow{position: sticky; top: 12px; justify-self: end; align-self: start; width: var(--index-rail-w); padding: 0 12px; margin: 0; box-sizing: border-box; z-index: 1200;}
.layoutTopMain{display: none !important;}
.layoutTopRail{width: 100%; max-width: 100%;}
.railSearchTop{width: 100%; margin: 0;}
.rail{margin-top: 0;}
.content, .rail{min-width: 0;}
.searchField{position: relative; display: inline-flex; align-items: center; width: 100%; box-sizing: border-box;}
.searchField::before{content: ""; position: absolute; left: 14px; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); pointer-events: none; opacity: 0.6; z-index: 2; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d7483' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");}
.regionSearchInput{padding-right: 36px;}
.searchIcon{position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 14px; line-height: 1; opacity: 0.6; pointer-events: none; z-index: 2;}
.searchField input, .searchField input[type="search"]{width: 100%; box-sizing: border-box; padding-left: 38px !important; padding-right: 36px; border-radius: 12px 12px 0 0;}
.searchClearBtn{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 999px; border: 1px solid rgba(11,31,58,0.12); background: #ffffff; color: #6d7483; cursor: pointer; line-height: 1; display: inline-flex; align-items: center; justify-content: center;}
.searchClearBtn:hover{color: #1b2230; background: #f5f8fd;}
@media (max-width: 980px){.layoutTopRow{position: static; top: auto; right: auto; width: 100%; padding: 0; margin: 0 0 6px 0;}
.layoutTopRail, .railSearchTop, .railSearchTop .searchField{width: 100%; max-width: none;}
.rail{margin-top: 0;}}
.voteHero{text-align: center; max-width: 900px; margin: 0 auto 10px auto; padding: 22px 24px; background: linear-gradient(135deg,#16233b,#1e355d); border-radius: 14px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 8px 18px rgba(0,0,0,0.28);}
.voteHeroTitle{font-size: 30px; font-weight: 900; letter-spacing: .3px; margin-bottom: 0; color: white;}
.voteHeroSubtitle{font-size: 17px; font-weight: 700; color: #d6def5; margin-bottom: 0;}
.voteHeroDescription{font-size: 14px; color: #b9c4e5; line-height: 1.45;}
.sectionArticles{display: grid; gap: 14px;}
.sectionFeedCard{display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px; background: var(--panel2); border: 1px solid var(--border); border-radius: 16px; padding: 16px;}
.sectionFeedCard-media{display: block; border-radius: 12px; overflow: hidden; border: 1px solid var(--border); background: rgba(255,255,255,0.03);}
.sectionFeedCard-media img{width: 100%; height: 100%; min-height: 140px; object-fit: cover; display: block;}
.sectionFeedCard-body{min-width: 0;}
.sectionFeedCard-meta{color: var(--muted); font-size: 0.88rem; margin-bottom: 6px;}
.sectionFeedCard-title{margin: 0 0 8px 0; font-size: 1.15rem; line-height: 1.2;}
.sectionFeedCard-title a{text-decoration: none;}
.sectionFeedCard-title a:hover{text-decoration: underline;}
.sectionFeedCard-excerpt{margin: 0 0 12px 0; color: var(--text); opacity: 0.92; line-height: 1.6;}
.sectionFeedCard-tags{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px;}
.sectionFeedCard-actions{margin-top: 8px;}
@media (max-width: 760px){.sectionFeedCard{grid-template-columns: 1fr;}
.sectionFeedCard-media img{min-height: 180px;}}
.sectionArticleCard{display: block; overflow: hidden;}
.sectionArticleThumbLink{float: left; display: block; width: 180px; margin: 0 20px 12px 0; text-decoration: none;}
.sectionArticleThumb{width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; display: block;}
.sectionArticleBody{display: block;}
.sectionArticleTitle{margin: 0 0 10px 0;}
.sectionArticleExcerpt{margin: 0 0 12px 0; line-height: 1.6;}
.sectionArticleDate{margin-bottom: 12px;}
.sectionArticleActions{margin-top: 8px;}
.sectionArticleActions .chip{display: inline-block; background: #0b1f3a; color: #fff; border: 1px solid #0b1f3a; text-decoration: none;}
.sectionArticleActions .chip:hover{background: #102a4d; color: #fff; border-color: #102a4d;}
@media (max-width: 700px){.sectionArticleThumbLink{float: none; width: 100%; max-width: 220px; margin: 0 0 14px 0;}}
.sectionArticleMeta{position: relative; display: flex; align-items: center; margin-top: -4px;}
.sectionArticleDate{font-size: 0.95rem;}
.sectionArticleButton{position: absolute; left: 50%; transform: translateX(-50%); background: #0b1f3a; color: #fff; border: 1px solid #0b1f3a; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border-radius: 999px; flex-shrink: 0; width: fit-content;}
.sectionArticleButton:hover{background: #102a4d; border-color: #102a4d;}
@media (max-width: 480px){.sectionArticleButton{font-size: 14px; padding: 8px 16px;}}
.sectionFeaturedCard{display: flex; flex-direction: column;}
.sectionCardThumb{width: 100%; height: auto; display: block; border-radius: 14px; object-fit: cover;}
.sectionCardTitle{margin: 10px 0 10px; line-height: 1.25;}
.sectionCardExcerpt, .sectionCard p{margin: 0 0 12px; line-height: 1.7;}
.sectionCardActions{display: flex; justify-content: center; margin-top: 12px;}
.sectionCardActions .sectionArticleButton{position: static; left: auto; transform: none;}
.sectionBlockPlain{background: transparent; border: none; box-shadow: none; border-radius: 0; padding: 0;}
.about-icon-figure{width: 120.4px; height: 120.4px; min-width: 120.4px; min-height: 120.4px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0;}
.about-inline-svg{width: 120.4px; height: 120.4px; min-width: 120.4px; min-height: 120.4px; display: block; flex: 0 0 120.4px;}
body.home-index #featured{display: none !important;}
body.home-index #articlesContainer.cards{display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 24px !important; row-gap: 30px !important; align-items: start !important; width: 100%;}
body.home-index #articlesContainer > .card, body.home-index #articlesContainer > article, body.home-index #articlesContainer > .articleCard{min-width: 0; height: auto !important; min-height: 0 !important; align-self: start !important; display: flex; flex-direction: column; border-radius: 20px; padding: 18px; margin: 0 !important; box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);}
body.home-index #articlesContainer .homeArticleCardGrid{display: flex; flex-direction: column; gap: 14px; height: auto !important; min-height: 0 !important;}
body.home-index #articlesContainer .homeArticleCardBody{display: flex; flex-direction: column; flex: 0 1 auto !important; min-height: 0 !important;}
body.home-index #articlesContainer .homeCardCover{margin: 0;}
body.home-index #articlesContainer .homeCardCover img, body.home-index #articlesContainer .card-cover img, body.home-index #articlesContainer .cardMedia img{aspect-ratio: 16 / 9; object-fit: cover;}
body.home-index #articlesContainer .card-title{margin-bottom: 8px;}
body.home-index #articlesContainer .card-excerpt{flex: 0 0 auto !important; margin: 8px 0 14px; line-height: 1.55; max-height: calc(1.55em * 8); overflow: hidden;}
body.home-index #articlesContainer .card-tags{display: none !important; margin: 0 !important; padding: 0 !important;}
body.home-index #articlesContainer .cardVotePreview, body.home-index #articlesContainer .cardVoteStrip, body.home-index #articlesContainer .voteResults, body.home-index #articlesContainer .vote-results, body.home-index #articlesContainer .voteSummary, body.home-index #articlesContainer .vote-summary, body.home-index #articlesContainer .pollResults, body.home-index #articlesContainer .poll-results, body.home-index #articlesContainer .debateVoteResults, body.home-index #articlesContainer .articleVoteResults, body.home-index #articlesContainer .article-vote-results, body.home-index #articlesContainer .article-vote-summary, body.home-index #articlesContainer .homeVoteResults, body.home-index #articlesContainer [data-vote-results], body.home-index #articlesContainer [data-role="vote-results"], body.home-index #articlesContainer [aria-label="Vote results"], body.home-index #articlesContainer [aria-label="Poll results"]{display: none !important;}
.homeCardActions{margin-top: 16px !important; padding-top: 0; display: flex; justify-content: flex-start; align-items: flex-end;}
.homeReadCommentBtn{position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 21px; padding: 5px 14px; border-radius: 999px; background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue2)); border: 1px solid rgba(212,175,55,0.55); color: #ffffff; font-weight: 900; font-size: 0.82rem; line-height: 1; text-decoration: none; box-shadow: 0 6px 14px rgba(11,31,58,0.14); overflow: hidden; transform: translateZ(0); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, filter 0.2s ease;}
.homeReadCommentBtn::after{content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.22) 45%, transparent 70%); transform: translateX(-140%); transition: transform 0.45s ease; pointer-events: none;}
.homeReadCommentBtn:hover{color: #ffffff; text-decoration: none; transform: translateY(-2px) scale(1.03); border-color: rgba(212,175,55,0.95); box-shadow: 0 10px 22px rgba(11,31,58,0.26); filter: saturate(1.08);}
.homeReadCommentBtn:hover::after{transform: translateX(140%);}
.homeReadCommentBtn:focus-visible{outline: 3px solid rgba(212,175,55,0.36); outline-offset: 3px;}
@media (max-width: 900px){body.home-index #articlesContainer.cards{grid-template-columns: 1fr !important; row-gap: 24px !important; column-gap: 0 !important;}}
body.home-index #articlesContainer.cards{display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 22px !important; row-gap: 26px !important; align-items: stretch !important; margin-top: 0 !important;}
body.home-index #articlesContainer .card{display: flex !important; flex-direction: column !important; height: 100% !important; margin: 0 !important; padding: 26px 26px 22px !important; border-radius: 24px !important; box-sizing: border-box !important;}
body.home-index #articlesContainer .card-excerpt{display: block !important; flex: 0 0 auto !important; margin: 10px 0 16px !important; line-height: 1.55 !important; max-height: calc(1.55em * 8) !important; overflow: hidden !important;}
body.home-index #articlesContainer .homeCardActions, body.home-index #articlesContainer .card-actions{margin-top: auto !important; padding-top: 18px !important; display: flex !important; align-items: flex-end !important; justify-content: flex-start !important;}
body.home-index #articlesContainer .homeReadCommentBtn{min-height: 22px !important; padding: 6px 18px !important; font-size: 0.84rem !important; line-height: 1 !important;}
@media (max-width: 900px){body.home-index #articlesContainer.cards{grid-template-columns: 1fr !important; row-gap: 22px !important; column-gap: 0 !important;}
body.home-index #articlesContainer .card{height: auto !important; padding: 22px 20px 20px !important;}}
@media (min-width: 981px){.layout .rail{position: static !important; top: auto !important; height: auto !important; max-height: none !important; overflow: visible !important; align-self: start;}
.layout .layoutTopRow{position: sticky; top: 12px; z-index: 1200;}}
@media (min-width: 981px){.layout{align-items: start;}
.layout .layoutTopRow{grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 0 12px 0 !important; justify-self: stretch !important; align-self: start !important; position: sticky !important; top: 12px !important; z-index: 1200 !important;}
.layout .layoutTopRail, .layout .railSearchTop, .layout .railSearchTop .searchField{width: 100% !important; max-width: none !important;}
.layout .content{grid-column: 1 !important; grid-row: 1 / span 2 !important; align-self: start !important; margin-top: 0 !important; padding-top: 0 !important;}
.layout .rail{grid-column: 2 !important; grid-row: 2 !important; margin-top: 0 !important; align-self: start !important; position: static !important; top: auto !important; height: auto !important; max-height: none !important; overflow: visible !important;}}
@media (min-width: 981px){.layout{align-items: start !important;}
.layout .content{grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; margin-top: 0 !important; padding-top: 0 !important;}
.layout .layoutTopRow{grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; justify-self: stretch !important; align-self: start !important; position: sticky !important; top: 12px !important; z-index: 1200 !important;}
.layout .rail{grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; margin-top: 46px !important; position: static !important; top: auto !important; height: auto !important; max-height: none !important; overflow: visible !important;}}
@media (min-width: 981px){.layout .layoutTopRow{left: auto !important; right: auto !important; transform: none !important; width: 100% !important; max-width: none !important; justify-self: stretch !important; box-sizing: border-box !important;}
.layout .layoutTopRail, .layout .railSearchTop, .layout .railSearchTop .searchField{width: 100% !important; max-width: none !important; box-sizing: border-box !important;}
.layout .rail{width: 100% !important; max-width: none !important; justify-self: stretch !important; box-sizing: border-box !important;}}
@media (min-width: 981px){.layout .layoutTopRow{transform: translateX(-20px) !important;}}
@media (max-width: 760px){.home-index .layoutTopRow{position: sticky; top: var(--gp-mobile-search-sticky-top, 0px); z-index: 850; width: 100%; background: #f5f7fb; padding: 8px 0 10px;}
.home-index .layoutTopRail{width: 100%;}
.home-index .railSearchTop{width: 100%; max-width: none; margin: 0;}}
@media (min-width: 1101px){body.home-index .layout{--index-rail-w: 360px; display: grid !important; grid-template-columns: minmax(0, calc(100% - var(--index-rail-w) - 20px)) var(--index-rail-w) !important; column-gap: 20px !important; row-gap: 0 !important; width: min(calc(100% - 32px), var(--site-max, 1180px)) !important; max-width: var(--site-max, 1180px) !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; align-items: start !important;}
body.home-index .layout .content{grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; width: 100% !important; max-width: none !important; margin-top: 0 !important; padding-top: 0 !important;}
body.home-index .layout .layoutTopRow{grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: var(--index-rail-w) !important; min-width: 0 !important; justify-self: stretch !important; align-self: start !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; transform: none !important; position: sticky !important; top: 12px !important; z-index: 1200 !important;}
body.home-index .layout .layoutTopRail, body.home-index .layout .railSearchTop, body.home-index .layout .railSearchTop .searchField{width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important;}
body.home-index .layout .rail{grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: var(--index-rail-w) !important; min-width: 0 !important; justify-self: stretch !important; align-self: start !important; box-sizing: border-box !important; margin-top: 46px !important; padding: 12px 16px 16px !important; position: static !important; top: auto !important; height: auto !important; max-height: none !important; overflow: visible !important;}}
body.home-index #articlesContainer .homeReadCommentBtn, body.home-index #featured .cta-btn{appearance: none !important; -webkit-appearance: none !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 22px !important; min-width: 178px !important; width: auto !important; padding: 6px 18px !important; border-radius: 999px !important; border: 1px solid rgba(212,175,55,0.75) !important; background: linear-gradient(135deg, var(--brand-navy, #0b1f3a), var(--brand-blue2, #1b3f73)) !important; background-color: var(--brand-navy, #0b1f3a) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 900 !important; font-size: 0.84rem !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 8px 18px rgba(11,31,58,0.18) !important; cursor: pointer !important; opacity: 1 !important; overflow: hidden !important;}
body.home-index #articlesContainer .homeReadCommentBtn:hover, body.home-index #featured .cta-btn:hover{color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-decoration: none !important; transform: translateY(-2px) !important; border-color: rgba(212,175,55,0.98) !important; box-shadow: 0 12px 24px rgba(11,31,58,0.28) !important;}
body.home-index #articlesContainer .homeReadCommentBtn:empty::before, body.home-index #featured .cta-btn:empty::before{content: "Read & Comment →";}