.tiwc-news-rail{ display:flex; gap:var(--tiwc-s-md); overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-left:var(--tiwc-gutter); padding-bottom:var(--tiwc-s-sm); -webkit-overflow-scrolling:touch; } .tiwc-news-rail::-webkit-scrollbar{height:6px} .tiwc-news-rail::-webkit-scrollbar-thumb{ background:var(--tiwc-border-strong); border-radius:var(--tiwc-r-pill); } .tiwc-news-card{ flex:0 0 340px; scroll-snap-align:start; display:flex; flex-direction:column; overflow:hidden; background:var(--tiwc-paper); border:1px solid var(--tiwc-paper-line); border-radius:var(--tiwc-r-lg); box-shadow:var(--tiwc-shadow-sm); } @media (max-width:600px){ .tiwc-news-card{flex-basis:85%;} } .tiwc-news-card__media{display:block; aspect-ratio:16/10; overflow:hidden;} .tiwc-news-card__media img{ width:100%; height:100%; object-fit:cover; transition:transform var(--tiwc-dur) var(--tiwc-ease); } .tiwc-news-card:hover .tiwc-news-card__media img{transform:scale(1.04);} .tiwc-news-card__body{ display:flex; flex-direction:column; gap:var(--tiwc-s-2xs); padding:var(--tiwc-s-md); flex:1; } .tiwc-news-card__meta{ display:flex; align-items:center; gap:var(--tiwc-s-2xs); font-size:var(--tiwc-fs-xs); text-transform:uppercase; letter-spacing:.08em; color:var(--tiwc-paper-muted); } .tiwc-news-card__cat{color:var(--tiwc-primary); font-weight:700;} .tiwc-news-card__dot{width:4px;height:4px;border-radius:50%;background:var(--tiwc-gold);} .tiwc-news-card__title{ font-family:var(--tiwc-font-heading); font-size:var(--tiwc-fs-h4); line-height:var(--tiwc-lh-heading); color:var(--tiwc-paper-ink); margin:.3rem 0; } .tiwc-news-card__title a{color:inherit; text-decoration:none;} .tiwc-news-card__title a:hover{color:var(--tiwc-primary);} .tiwc-news-card__excerpt{ font-size:var(--tiwc-fs-sm); line-height:var(--tiwc-lh-body); color:var(--tiwc-paper-muted); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .tiwc-news-card__more{ margin-top:auto; color:var(--tiwc-primary); font-weight:600; font-size:var(--tiwc-fs-sm); text-decoration:none; } .tiwc-news-card__more:hover{text-decoration:underline;}