/* New Shillong Roulette Teer enhancements */

@media (min-width: 791px) {
  .header-inner { gap: 14px; }
  .brand-copy strong { font-size: .67rem; letter-spacing: .09em; }
  .brand-copy small { font-size: .48rem; letter-spacing: .16em; }
  .main-nav { gap: 10px; }
  .main-nav a { font-size: .58rem; white-space: nowrap; }
}

.result-hero { isolation: isolate; }
.result-hero__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; }
.result-hero::before { z-index: -1; background: linear-gradient(90deg, rgba(5, 12, 31, .98) 0%, rgba(10, 23, 55, .94) 36%, rgba(12, 23, 52, .62) 62%, rgba(8, 15, 33, .2) 100%); }
.result-hero::after { z-index: -1; }
.result-hero__grid { z-index: 1; grid-template-columns: minmax(0, .88fr) minmax(450px, 1.12fr); }
.result-hero h1 { max-width: 590px; }

.hero-live-board { width: min(100%, 620px); justify-self: end; overflow: hidden; border: 1px solid rgba(255, 255, 255, .2); border-radius: 18px; background: rgba(6, 14, 37, .74); box-shadow: 0 22px 52px rgba(0, 0, 0, .28); backdrop-filter: blur(12px); }
.hero-live-board__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 17px; border-bottom: 1px solid rgba(255, 255, 255, .13); color: #d5def5; font-size: .59rem; font-weight: 900; letter-spacing: .11em; }
.hero-live-board__head > span { display: inline-flex; align-items: center; gap: 8px; }
.hero-live-board__head i { width: 7px; height: 7px; display: block; border-radius: 50%; background: #4ed1a3; box-shadow: 0 0 0 4px rgba(78, 209, 163, .15); }
.hero-live-board__head button { padding: 6px 8px; color: #f8d87d; border: 1px solid rgba(245, 200, 94, .32); border-radius: 6px; background: transparent; font-size: .57rem; font-weight: 850; }
.hero-live-board__head button:hover { color: var(--ink); background: var(--gold); }
.live-result-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.live-result-table th, .live-result-table td { padding: 13px 12px; border-bottom: 1px solid rgba(255, 255, 255, .1); text-align: left; vertical-align: top; }
.live-result-table thead th { padding: 10px 12px; color: #8999c1; background: rgba(255, 255, 255, .035); font-size: .52rem; font-weight: 900; letter-spacing: .09em; }
.live-result-table thead th:first-child { width: 39%; }
.live-result-table tbody th { color: var(--white); font-size: .66rem; line-height: 1.35; }
.live-result-table tbody th small { display: block; margin-top: 5px; color: #97a6c9; font-size: .5rem; font-weight: 700; }
.live-result-table td small, .live-result-table td em, .live-result-table td span { display: block; font-style: normal; }
.live-result-table td small { color: #9eadd0; font-size: .5rem; font-weight: 750; }
.live-result-table td b { display: inline-block; min-width: 31px; margin: 3px 0 1px; color: var(--gold); font-family: var(--display); font-size: 1.45rem; font-weight: 900; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.live-result-table td em { color: #bdd0f5; font-size: .48rem; font-weight: 850; letter-spacing: .04em; }
.live-result-table td span { margin-top: 4px; padding: 4px 5px; color: #77f0c1; border: 1px solid rgba(119, 240, 193, .25); border-radius: 4px; background: rgba(38, 158, 121, .13); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .59rem; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: .03em; }
.hero-live-board > p { margin: 0; padding: 11px 14px; color: #9baacb; font-size: .54rem; line-height: 1.55; }

.media-promo-section { padding-top: 0; }
.media-promo { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 26px; padding: 28px 32px; color: var(--white); border-radius: 17px; background: linear-gradient(120deg, #192b60, #321e42); box-shadow: var(--shadow); }
.button--disabled { opacity: .63; box-shadow: none; cursor: not-allowed; }
.media-promo__icon { width: 52px; height: 52px; display: grid; place-items: center; padding-left: 3px; color: var(--white); border-radius: 50%; background: #f24747; box-shadow: 0 8px 20px rgba(0, 0, 0, .22); font-size: 1.1rem; }
.media-promo .eyebrow { margin-bottom: 7px; }.media-promo h2 { margin: 0; color: var(--white); font-family: var(--display); font-size: clamp(1.5rem, 3vw, 2.15rem); letter-spacing: -.04em; }.media-promo p:not(.eyebrow) { max-width: 650px; margin: 9px 0 0; color: #c7d2ef; font-size: .74rem; line-height: 1.65; }

.seo-article-section { padding-top: 78px; }
.seo-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; align-items: start; gap: 60px; }
.seo-article { max-width: 800px; }.seo-article > h2 { max-width: 690px; margin: 0 0 22px; color: var(--ink); font-family: var(--display); font-size: clamp(2.05rem, 4.2vw, 3.35rem); font-weight: 880; letter-spacing: -.055em; line-height: 1.04; }
.author-line { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 25px; color: #717d95; font-size: .64rem; }.author-line strong { color: var(--ink); }.author-avatar { width: 28px; height: 28px; display: grid; place-items: center; color: var(--ink); border-radius: 50%; background: var(--gold); font-size: .52rem; font-weight: 900; letter-spacing: .03em; }
.wheel-explainer { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 25px 0 36px; padding: 18px; border: 1px solid #dde4f1; border-radius: 14px; background: linear-gradient(135deg, #f7f9ff, #fff7e8); }.wheel-explainer > span { min-width: 92px; display: grid; gap: 4px; place-items: center; padding: 10px; border: 1px solid #d8deed; border-radius: 10px; background: var(--white); }.wheel-explainer small { color: #74819c; font-size: .5rem; font-weight: 900; letter-spacing: .07em; }.wheel-explainer b, .wheel-explainer > strong { color: var(--ink); font-family: var(--display); font-size: 2rem; font-weight: 900; }.wheel-explainer > i { color: var(--coral); font-family: var(--display); font-size: 1.4rem; font-style: normal; font-weight: 900; }.wheel-explainer > strong { color: #9a651b; }
.seo-article__block { padding: 27px 0; border-top: 1px solid #e2e6ee; }.seo-article__block h3 { margin: 0 0 9px; color: var(--ink); font-family: var(--display); font-size: 1.42rem; letter-spacing: -.025em; }.seo-article__block p { max-width: 760px; margin: 0; color: var(--muted); font-size: .83rem; line-height: 1.8; }
.payout-table-wrap { overflow-x: auto; margin-top: 16px; border: 1px solid #e0e4ec; border-radius: 11px; }.payout-table { width: 100%; min-width: 520px; border-collapse: collapse; text-align: left; }.payout-table th { padding: 12px 14px; color: #68758e; background: #f6f8fc; font-size: .56rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.payout-table td { padding: 13px 14px; color: #5f6a80; border-top: 1px solid #e7eaf0; font-size: .7rem; line-height: 1.45; }.payout-table td:last-child { color: #8a5c1e; font-weight: 850; }.table-note { margin-top: 10px !important; color: #8a7152 !important; font-size: .66rem !important; }
.faq-block details { border-top: 1px solid #e2e6ee; }.faq-block details:last-child { border-bottom: 1px solid #e2e6ee; }.faq-block summary { padding: 14px 24px 14px 0; color: var(--ink); cursor: pointer; font-size: .77rem; font-weight: 850; }.faq-block details p { padding: 0 0 15px; }.faq-block summary::marker { color: var(--coral); }
.article-aside { position: sticky; top: 102px; display: grid; gap: 15px; }.ad-slot { min-height: 206px; display: grid; align-content: center; justify-items: center; gap: 5px; padding: 22px; color: #7d8aa3; border: 1px dashed #c9d1df; border-radius: 13px; background: #f7f9fc; text-align: center; }.ad-slot span { color: #9aa5ba; font-size: .5rem; font-weight: 900; letter-spacing: .12em; }.ad-slot strong { color: #67748c; font-size: .82rem; }.ad-slot small { font-size: .59rem; }.article-aside__notice { padding: 20px; color: #cbd6f1; border-radius: 13px; background: var(--ink); }.article-aside__notice strong { color: var(--gold); font-size: .74rem; }.article-aside__notice p { margin: 9px 0 13px; font-size: .67rem; line-height: 1.6; }.article-aside__notice a { color: var(--white); border-bottom: 1px solid rgba(255, 255, 255, .35); font-size: .66rem; font-weight: 800; }

.share-section { color: var(--white); background: linear-gradient(120deg, #0c1734, #243d7b); }.share-section__inner { display: flex; align-items: center; justify-content: space-between; gap: 36px; padding: 43px 0; }.share-section .eyebrow { margin-bottom: 8px; }.share-section h2 { margin: 0; color: var(--white); font-family: var(--display); font-size: clamp(1.55rem, 3vw, 2.25rem); letter-spacing: -.04em; }.share-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }.share-actions button { min-height: 37px; padding: 8px 11px; color: #eff4ff; border: 1px solid rgba(255, 255, 255, .22); border-radius: 7px; background: rgba(255, 255, 255, .08); font-size: .62rem; font-weight: 850; }.share-actions button:hover { color: var(--ink); background: var(--gold); }.share-actions p { flex-basis: 100%; min-height: 1em; margin: 2px 0 0; color: #d2dffb; font-size: .58rem; text-align: right; }

.archive-sort-label { display: inline-flex; align-items: center; gap: 8px; color: #65718a; font-size: .62rem; font-weight: 850; }.archive-sort-label select { min-height: 38px; padding: 0 8px; color: var(--ink); border: 1px solid #d8dfea; border-radius: 7px; background: var(--white); font-size: .64rem; }.archive-matrix-wrap:focus-visible { outline: 3px solid var(--sky); outline-offset: 3px; }

.ad-slot--banner { min-height: 92px; margin-top: 26px; border-radius: 12px; }.ad-slot--inline { min-height: 116px; margin: 8px 0 27px; background: #f4f7fc; }

@media (max-width: 950px) {
  .result-hero__grid { grid-template-columns: 1fr; }.hero-live-board { width: 100%; justify-self: stretch; }.seo-article-layout { grid-template-columns: 1fr; gap: 32px; }.article-aside { position: static; grid-template-columns: 1fr 1fr; }.media-promo { grid-template-columns: auto minmax(0, 1fr); }.media-promo .button { grid-column: 2; justify-self: start; }.share-section__inner { align-items: start; flex-direction: column; }.share-actions { justify-content: flex-start; }.share-actions p { text-align: left; }
}

@media (max-width: 790px) {
  .main-nav { overflow-y: auto; justify-content: flex-start; }.result-hero__image { object-position: 73% center; }.result-hero::before { background: linear-gradient(90deg, rgba(5, 12, 31, .96), rgba(10, 23, 55, .81) 60%, rgba(8, 15, 33, .58)); }.seo-article-section { padding-top: 58px; }.article-aside { grid-template-columns: 1fr; }.archive-sort-label { align-items: flex-start; flex-direction: column; }.archive-controls { width: 100%; }
}

@media (max-width: 540px) {
  .hero-live-board__head { padding: 13px; }.live-result-table thead th { padding: 9px 7px; }.live-result-table th, .live-result-table td { padding: 10px 7px; }.live-result-table thead th:first-child { width: 36%; }.live-result-table tbody th { font-size: .57rem; }.live-result-table td b { font-size: 1.15rem; }.live-result-table td span { padding: 3px; font-size: .51rem; }.media-promo { grid-template-columns: auto 1fr; gap: 16px; padding: 23px 19px; }.media-promo__icon { width: 43px; height: 43px; }.media-promo .button { grid-column: 1 / -1; width: 100%; }.wheel-explainer { justify-content: center; gap: 8px; padding: 13px; }.wheel-explainer > span { min-width: 78px; padding: 8px; }.wheel-explainer b, .wheel-explainer > strong { font-size: 1.65rem; }.seo-article__block h3 { font-size: 1.26rem; }.share-actions { width: 100%; }.share-actions button { flex: 1 1 calc(50% - 8px); }.share-actions p { width: 100%; }.article-aside__notice { padding: 18px; }
}