/* Article reading layout shared by news, sports and entertainment. */
body.qb-theme-article { overflow-x: clip; }
body.qb-theme-article .content-auth-alt { background: var(--qb-paper); }
body.qb-theme-article #page_container { margin: 0 auto; padding-bottom: 48px !important; }
body.qb-theme-article .arttemp-shell > .row { margin: 0 -17px; align-items: flex-start; }
body.qb-theme-article .arttemp-shell > .row > [class*="col-"] { padding: 0 17px; min-width: 0; }
body.qb-theme-article #amn_div { flex: 0 0 72%; max-width: 72%; }
body.qb-theme-article .qb-article-sidebar { flex: 0 0 28%; max-width: 28%; border-left: 1px solid var(--qb-line); }
body.qb-theme-article .arttemp-breadcrumb { background: transparent; padding: 0; margin: 0 0 20px; gap: 4px; }
body.qb-theme-article .breadcrumb-item { font-size: 12px; color: var(--qb-muted); }
body.qb-theme-article .breadcrumb-item a { color: var(--qb-accent); }
body.qb-theme-article .arttemp-panel {
  background: var(--qb-surface); border: 1px solid var(--qb-line); border-top: 2px solid var(--qb-ink);
  border-radius: 0 0 5px 5px; box-shadow: none; overflow: hidden; margin-bottom: 28px;
}
body.qb-theme-article .arttemp-panel-body { padding: 32px 36px; }
body.qb-theme-article .arttemp-main-title {
  font-family: Georgia, "Times New Roman", serif; font-weight: 400;
  font-size: clamp(32px, 3.25vw, 48px); line-height: 1.12; letter-spacing: -.8px;
  color: var(--qb-ink); margin: 0 0 24px; overflow-wrap: break-word;
}
body.qb-theme-article .arttemp-panel-body > .mg-b-10 .badge {
  background: var(--qb-tint) !important; color: var(--qb-accent) !important;
  border-radius: 3px; font-size: 10px !important; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
}
body.qb-theme-article .arttemp-action-bar { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
body.qb-theme-article .arttemp-action-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 12px; color: var(--qb-muted); }
body.qb-theme-article .arttemp-action-source { color: var(--qb-ink); font-weight: 600; }
body.qb-theme-article .arttemp-action-sep { color: #a1afc6; }
body.qb-theme-article .arttemp-action-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
body.qb-theme-article .arttemp-action-views { display: inline-flex; align-items: center; gap: 5px; color: var(--qb-muted); font-size: 12px; }
body.qb-theme-article .arttemp-action-divider { width: 1px; height: 22px; background: var(--qb-line); margin: 0 3px; }
body.qb-theme-article .arttemp-action-btn {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  padding: 0; border: 1px solid var(--qb-line); border-radius: 5px;
  background: var(--qb-surface); color: var(--qb-accent); cursor: pointer;
}
body.qb-theme-article .arttemp-action-btn:hover,
body.qb-theme-article .arttemp-bkmk-btn.is-saved { background: var(--qb-tint); border-color: #9ab0d8; color: var(--qb-accent); }
body.qb-theme-article .arttemp-copy-toast { display: none; font-size: 12px; color: var(--qb-accent); flex-basis: 100%; }
body.qb-theme-article .arttemp-action-bar + hr { display: none; }
body.qb-theme-article .arttemp-summary { font-size: 19px; line-height: 1.6; color: var(--qb-muted); margin: 0 0 28px; font-style: normal; }
body.qb-theme-article .arttemp-summary p:last-child { margin-bottom: 0; }
body.qb-theme-article .arttemp-gallery-card { margin: 28px -36px 32px; border-block: 1px solid var(--qb-line); background: #edf1f8; }
body.qb-theme-article .arttemp-gallery-main { position: relative; overflow: hidden; }
body.qb-theme-article .arttemp-gallery-main img {
  display: block; width: 100%; height: auto; max-height: 620px; object-fit: contain; cursor: zoom-in;
}
body.qb-theme-article .arttemp-nav,
body.qb-theme-article .arttemp-zoom {
  position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border: 1px solid var(--qb-line); border-radius: 5px;
  background: rgba(255,255,255,.96); color: var(--qb-accent); font-size: 24px; cursor: pointer;
}
body.qb-theme-article .arttemp-prev { left: 14px; top: 50%; transform: translateY(-50%); }
body.qb-theme-article .arttemp-next { right: 14px; top: 50%; transform: translateY(-50%); }
body.qb-theme-article .arttemp-zoom { right: 14px; bottom: 14px; }
body.qb-theme-article .arttemp-count { position: absolute; left: 14px; bottom: 14px; padding: 6px 10px; border-radius: 3px; color: #fff; background: #172a50dc; font-size: 11px; }
body.qb-theme-article .arttemp-thumbs { display: flex; gap: 10px; padding: 12px; overflow-x: auto; background: var(--qb-surface); }
body.qb-theme-article .arttemp-thumb { flex: 0 0 82px; height: 62px; border: 2px solid transparent; border-radius: 3px; padding: 0; background: var(--qb-tint); cursor: pointer; overflow: hidden; }
body.qb-theme-article .arttemp-thumb img { width: 100%; height: 100%; object-fit: cover; }
body.qb-theme-article .arttemp-thumb.is-active { border-color: var(--qb-accent); }
body.qb-theme-article .arttemp-body-text { max-width: 68ch; margin-inline: auto; font-family: Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.8; color: var(--qb-ink); overflow-wrap: anywhere; }
body.qb-theme-article .arttemp-body-text p { margin-bottom: 1.4em; }
body.qb-theme-article .arttemp-body-text :is(h2,h3,h4) { font-family: inherit; color: var(--qb-ink); line-height: 1.25; margin: 1.5em 0 .6em; }
body.qb-theme-article .arttemp-body-text a { text-decoration: underline; text-underline-offset: 3px; }
body.qb-theme-article .arttemp-body-text :is(img,video,iframe) { max-width: 100%; border-radius: 3px; }
body.qb-theme-article .arttemp-body-text img { height: auto; }
body.qb-theme-article .arttemp-body-text blockquote { border-left: 3px solid var(--qb-accent); background: var(--qb-paper); padding: 18px 24px; margin: 24px 0; }
body.qb-theme-article .arttemp-kp-card { background: var(--qb-paper); border-left: 3px solid var(--qb-accent); padding: 22px; margin: 0 0 30px; border-radius: 0 4px 4px 0; }
body.qb-theme-article .arttemp-kp-card h6 { color: var(--qb-accent); font-size: 11px; }
body.qb-theme-article .arttemp-kp-list { margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.7; color: var(--qb-ink); }
body.qb-theme-article .arttemp-kp-list li + li { margin-top: 10px; }
body.qb-theme-article .arttemp-sources { border-top: 1px solid var(--qb-line); margin-top: 30px; padding-top: 20px; }
body.qb-theme-article .arttemp-credit-line { line-height: 1.7; }
body.qb-theme-article .arttemp-badge { display: inline-flex; padding: 7px 10px; background: var(--qb-tint); color: var(--qb-accent); border-radius: 3px; font-size: 11px; font-weight: 600; }
body.qb-theme-article .qb-article-ad { display: block !important; background: #edf1f8; border: 1px solid var(--qb-line); padding: 10px 0 0 !important; border-radius: 5px; margin-bottom: 28px !important; }
body.qb-theme-article .qb-article-ad::before { content: attr(data-ad-label); display: block; text-align: center; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; color: var(--qb-muted); padding-bottom: 10px; }
body.qb-theme-article .arttemp-sidebar-title { border-top: 2px solid var(--qb-ink); padding-top: 16px; margin: 0 0 4px; font-size: 11px; line-height: 1.5; color: var(--qb-ink); letter-spacing: .1em; font-weight: 700; text-transform: uppercase; }
body.qb-theme-article .arttemp-article-mini { display: flex; align-items: flex-start; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--qb-line); text-decoration: none; }
body.qb-theme-article .arttemp-article-mini-thumb { flex: 0 0 80px; height: 80px; border-radius: 3px; overflow: hidden; order: 2; background: var(--qb-tint); }
body.qb-theme-article .arttemp-article-mini-thumb img { width: 100%; height: 100%; object-fit: cover; }
body.qb-theme-article .arttemp-article-mini-body { min-width: 0; flex: 1; }
body.qb-theme-article .arttemp-article-mini-title { font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 400; line-height: 1.35; color: var(--qb-ink); margin: 0 0 10px; }
body.qb-theme-article .arttemp-article-mini:hover .arttemp-article-mini-title { color: var(--qb-accent); text-decoration: underline; text-underline-offset: 3px; }
body.qb-theme-article .arttemp-article-mini-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--qb-muted); font-size: 11px; line-height: 1.6; margin-bottom: 10px; }
body.qb-theme-article .arttemp-article-mini-meta { font-size: 10px; color: var(--qb-muted); }
body.qb-theme-article .arttemp-article-mini-thumb:has(img[src*="no-photo"]) { display: none; }
body.qb-theme-article .qb-comments-section { border-color: var(--qb-line); }
body.qb-theme-article .qb-comments-title { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 25px; color: var(--qb-ink); }
body.qb-theme-article :is(.qb-cmt-body,.qb-cmt-textarea,.qb-cmt-login-cta) { border-radius: 5px; border-color: var(--qb-line); }
body.qb-theme-article .qb-cmt-submit { background: var(--qb-accent); border-radius: 5px; min-height: 44px; }
body.qb-theme-article .arttemp-lightbox { position: fixed; inset: 0; z-index: 1100; display: none; align-items: center; justify-content: center; background: rgba(12,23,45,.97); padding: 70px; }
body.qb-theme-article .arttemp-lightbox.is-open { display: flex; }
body.qb-theme-article .arttemp-lightbox img { max-width: 100%; max-height: calc(100dvh - 140px); object-fit: contain; }
body.qb-theme-article .arttemp-lb-btn { position: absolute; width: 44px; height: 44px; border: 1px solid #ffffff55; border-radius: 5px; background: #ffffff18; color: #fff; font-size: 25px; cursor: pointer; }
body.qb-theme-article .arttemp-lb-close { top: 16px; right: 16px; }
body.qb-theme-article .arttemp-lb-prev { left: 12px; top: 50%; transform: translateY(-50%); }
body.qb-theme-article .arttemp-lb-next { right: 12px; top: 50%; transform: translateY(-50%); }
body.qb-theme-article .arttemp-lb-count { position: absolute; bottom: 22px; color: #fff; font-size: 12px; }
body.qb-theme-article.qb-gallery-open { overflow: hidden; }
@media (max-width: 991px) {
  body.qb-theme-article .content.content-fixed { margin-top: 0 !important; }
  body.qb-theme-article #amn_div,
  body.qb-theme-article .qb-article-sidebar { flex: 0 0 100%; max-width: 100%; }
  body.qb-theme-article .qb-article-sidebar { border: 0; }
  body.qb-theme-article .arttemp-article-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
}
@media (max-width: 575px) {
  body.qb-theme-article .arttemp-panel-body { padding: 24px 20px; }
  body.qb-theme-article .arttemp-main-title { font-size: 32px; letter-spacing: -.5px; margin-bottom: 20px; }
  body.qb-theme-article .arttemp-summary { font-size: 17px; }
  body.qb-theme-article .arttemp-gallery-card { margin: 24px -20px; }
  body.qb-theme-article .arttemp-gallery-main img { max-height: 420px; }
  body.qb-theme-article .arttemp-body-text { font-size: 18px; line-height: 1.75; }
  body.qb-theme-article .arttemp-article-list { grid-template-columns: minmax(0,1fr); }
  body.qb-theme-article .arttemp-lightbox { padding: 64px 12px; }
  body.qb-theme-article .arttemp-lb-prev,
  body.qb-theme-article .arttemp-lb-next { top: auto; bottom: 12px; transform: none; }
  body.qb-theme-article .arttemp-kp-card { padding: 18px; }
}
body.qb-theme-article .breadcrumb-item:empty { display: none; }

@media (max-width: 359px) {
  body.qb-theme-article .arttemp-action-btns { gap: 2px; }
  body.qb-theme-article .arttemp-action-divider { display: none; }
}
body.qb-theme-article { --plyr-color-main: var(--qb-accent); }