.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* category nav: red pills on mobile, bold tabs with red underline on desktop */
.chip { white-space: nowrap; padding: 6px 14px; border-radius: 4px; border: 1px solid #e2ddd6; line-height: 1.2; }
.chip-on { background: #e3121b; color: #fff; border-color: #e3121b; }
@media (min-width: 768px) {
  .chip { padding: 12px 12px; border-radius: 0; border: 0; border-bottom: 4px solid transparent; }
  .chip-on { background: transparent; color: #e3121b; border-bottom-color: #e3121b; }
  .chip:hover { color: #e3121b; }
}

/* dropdown under a top-level category (desktop hover) */
.dropdown { display: none; position: absolute; left: 0; top: 100%; min-width: 190px; background: #fff; border: 1px solid #e2ddd6;
  border-top: 3px solid #e3121b; box-shadow: 0 8px 20px rgba(0,0,0,.08); padding: 6px 0; z-index: 30; }
.dropdown a { display: block; padding: 8px 16px; font-family: Mukta, sans-serif; font-weight: 500; font-size: 15px; white-space: nowrap; }
.dropdown a:hover { background: #fbf3f3; color: #e3121b; }
@media (min-width: 768px) { .group:hover .dropdown { display: block; } }

/* sub-category chips on a category page */
.subchip { padding: 6px 14px; border: 1px solid #e2ddd6; border-radius: 999px; }
.subchip:hover { border-color: #e3121b; color: #e3121b; }
.subchip-on { background: #1c22b8; color: #fff; border-color: #1c22b8; }

/* coloured section ribbon (print-paper strip) */
.ribbon { display: inline-block; color: #fff; font-family: Khand, Mukta, sans-serif; font-weight: 700; font-size: 20px;
  line-height: 1; padding: 7px 14px 5px; }
@media (min-width: 768px) { .ribbon { font-size: 24px; padding: 8px 18px 6px; } }

/* sub-headline strip under a big headline */
.strip { color: #fff; font-family: Khand, Mukta, sans-serif; font-weight: 600; font-size: 17px; line-height: 1.25; padding: 6px 12px; }
@media (min-width: 768px) { .strip { font-size: 22px; padding: 8px 16px; } }

/* breaking ticker marquee */
.ticker { overflow: hidden; white-space: nowrap; flex: 1; }
.ticker-track { display: inline-block; padding-left: 100%; animation: ticker 30s linear infinite; }
.ticker:hover .ticker-track { animation-play-state: paused; }
@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

/* article body */
.prose-news p { margin: 0 0 1em; }
.prose-news .dateline { font-weight: 700; }
.prose-news h2 { font-family: Khand, Mukta, sans-serif; font-weight: 700; font-size: 1.5em; line-height: 1.15; margin: 1.2em 0 .4em; }
.prose-news h3 { font-weight: 700; font-size: 1.15em; margin: 1em 0 .4em; }
.prose-news blockquote { border-left: 4px solid #e3121b; padding-left: 1em; color: #5f5a55; margin: 1em 0; }
.prose-news ul, .prose-news ol { padding-left: 1.5em; margin: 0 0 1em; }
.prose-news ul { list-style: disc; } .prose-news ol { list-style: decimal; }
.prose-news img { max-width: 100%; height: auto; margin: 1em 0; }
.prose-news iframe { max-width: 100%; margin: 1em 0; }
.prose-news a { color: #e3121b; text-decoration: underline; }

/* ad blocks */
.ad-wrap { display: flex; flex-direction: column; gap: 4px; align-items: center; min-height: 100px;
  background: #faf8f4; border: 1px solid #e2ddd6; padding: 8px; }
.ad-label { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: #9a938c; }
.ad-wrap ins { width: 100%; }