/* =========================================================
   ARTICLE.CSS – cikkoldal külön stílusai
   Frontend.css-ből kiszervezve.
   A mobil szabályokat nem bántjuk: továbbra is mobile.css.
   ========================================================= */

.article-container{
width: min(100% - 32px, 1440px);
  max-width: 1440px;
  margin-inline: auto;
  margin-top: clamp(34px, 4vw, 64px);
  padding: clamp(22px, 3vw, 42px) 0 clamp(54px, 6vw, 86px);
}

.article-layout > article{
min-width: 0;
}

.article-sidebar{
position: sticky;
  top: 96px;
  display: grid;
  gap: 18px;
  min-width: 0;
}


.article-layout > article {
display: flex;
  flex-direction: column;
  gap: 18px;
  padding: clamp(12px, 2vw, 18px);
  border: 1px solid rgba(13, 111, 143, .10);
  border-radius: var(--kt-radius);
  background: linear-gradient(135deg, rgba(255,255,255,.46), rgba(237,248,251,.24));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}


.site-news-page .article-layout > article {
background: radial-gradient(circle at 10% 0%, rgba(33, 204, 227, .18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(229,248,251,.60));
}


.article-share-layout {
order: 8;
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: clamp(14px, 2vw, 22px);
  align-items: start;
}


.article-share-main {
display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}


.article-share-rail {
position: sticky;
  top: 112px;
  align-self: start;
  min-width: 0;
}


.article-share-rail .share-container {
order: initial;
  width: 100%;
  margin: 0;
  padding: 12px;
  overflow: hidden;
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: var(--kt-radius);
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold), var(--kt-cyan)) 0 0 / 100% 4px no-repeat,
    radial-gradient(circle at 100% 0%, rgba(33,204,227,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(215,181,106,.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(235,249,252,.84));
  box-shadow: 0 18px 44px rgba(7, 49, 74, .12),
    inset 0 1px 0 rgba(255,255,255,.92);
}


.article-share-rail .premium-title {
font-size: .82rem;
  letter-spacing: .08em;
}


.article-share-rail .share-counter {
display: none;
}


.article-share-rail .share-counter, .article-share-rail .share-url-wrapper {
display: none;
}


.article-share-rail .share-btn {
width: 100%;
  min-width: 0;
  justify-content: flex-start;
}


.article-share-rail .share-btn, .article-share-layout .share-btn {
display: grid;
  place-items: center;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  justify-content: center;
  overflow: hidden;
  color: transparent;
}


.article-share-rail .share-btn.home {
margin-top: 0;
}


.article-share-rail .share-btn::before, .article-share-layout .share-btn::before {
width: 100%;
  clip-path: none;
  z-index: 0;
}


.article-share-rail .share-btn svg, .article-share-layout .share-btn svg {
position: relative;
  left: auto;
  top: auto;
  width: 18px;
  height: 18px;
  transform: none;
  color: #fff;
  stroke: currentColor;
  z-index: 1;
}


.article-share-layout .rating-container {
width: 100%;
}


.article-share-rail .share-container .premium-header {
margin: -12px -12px 12px;
  padding: 16px 12px 12px;
  border-bottom: 1px solid rgba(13, 111, 143, .12);
  background: rgba(255,255,255,.28);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}


.article-share-rail .share-container .premium-title-wrapper {
display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}


.article-share-rail .share-container .premium-icon {
display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(33,204,227,.28);
  border-radius: 5px;
  background: linear-gradient(135deg, #0d6f8f, #062b44);
  color: #e9fbff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 22px rgba(7,49,74,.16);
}


.article-share-rail .share-container .premium-icon svg {
width: 18px;
  height: 18px;
  fill: none;
}


.article-sidebar .related-news-card {
order: 1;
}


.article-sidebar .latest-coupon-card {
order: 2;
}


body.article-page .article-layout {
grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: clamp(18px, 2.4vw, 28px);
}


body.article-page .article-ai-lead, body.article-page .article-product-data, body.article-page .article-share-rating, body.article-page .article-share-rail .share-container {
border-radius: 5px;
  box-shadow: 0 12px 30px rgba(7, 49, 74, .10), inset 0 1px 0 rgba(255, 255, 255, .82);
}

.article-container{
letter-spacing: 0 !important;
}

.article-container{
width: min(100% - 32px, 1440px) !important;
  margin-top: 32px !important;
}

.article-layout{
display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 22px !important;
  align-items: start;
}

.rating-container, .article-ai-lead, .article-product-data, .article-share-rating, .article-share-rail .share-container{
border-radius: var(--ktp-radius) !important;
}


.article-page-container {
flex: 1 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


body.article-page .article-header-premium, body.article-page .article-meta-premium, body.article-page .share-container, body.article-page .rating-container, body.article-page .kt-preferred-source-cta, body.article-page .comments-section, body.article-page .comment-form-container, body.article-page .related-news-card, body.article-page .article-ai-lead, body.article-page .article-product-data, body.article-page .article-share-rail .share-container {
background: #ffffff !important;
  border: 1px solid #d1dfeb !important;
  border-radius: 5px !important;
  box-shadow: 0 10px 24px rgba(20, 66, 112, .08) !important;
}


body.article-page .share-btn, body.article-page .article-share-layout .share-btn, body.article-page .article-share-rail .share-btn, body.article-page .comment-toolbar button, body.article-page .format-btn, body.article-page .format-color, body.article-page .comment-action-btn, body.article-page .rating-btn, body.article-page .btn-ai, body.article-page .save-btn-icon {
color: var(--ktp-blue-strong, #0054a8) !important;
  background: #ffffff !important;
  border: 1px solid #bfd7ee !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
}


body.article-page .share-btn::before, body.article-page .article-share-layout .share-btn::before, body.article-page .article-share-rail .share-btn::before, body.article-page .btn-ai::before, body.article-page .save-btn-icon::before {
display: none !important;
  content: none !important;
}


body.article-page .share-btn svg, body.article-page .article-share-layout .share-btn svg, body.article-page .article-share-rail .share-btn svg, body.article-page .btn-ai svg, body.article-page .save-btn-icon svg, body.article-page .comment-toolbar button svg {
color: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}


/* =========================================================
   04. Közös komponensek, kártyák, gombok
   ========================================================= */
.btn-ai {
gap: 7px;
  padding: 6px 11px;
  font-size: .86rem;
}


.save-form {
display: flex;
  align-items: center;
  margin: 0;
}


.btn-ai-icon {
width: 18px;
  height: 18px;
}


.kt-preferred-source-mark svg {
width: 70%;
  height: 70%;
}


.breadcrumb {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--kt-muted);
  font-size: .88rem;
  font-weight: 750;
}


.breadcrumb-link, .breadcrumb-cat {
color: var(--kt-brand);
}


.breadcrumb-current {
min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.article-header-premium {
order: 1;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  grid-template-areas: "author author spacer rating"
    "read views actions actions";
  align-items: center;
  gap: 10px 12px;
  margin: 0;
  padding: 18px 18px 16px;
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: var(--kt-radius);
  background: radial-gradient(circle at 100% 0%, rgba(33,204,227,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(215,181,106,.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(235,249,252,.84));
  box-shadow: 0 18px 44px rgba(7, 49, 74, .12),
    inset 0 1px 0 rgba(255,255,255,.92);
}


.article-header-premium::after {
content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  z-index: 1;
  height: 4px;
  border-radius: var(--kt-radius) var(--kt-radius) 0 0;
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold), var(--kt-cyan));
  pointer-events: none;
}


.article-header-premium > * {
position: relative;
  z-index: 2;
}


.article-header-premium > .cat-badge-premium {
display: none;
}


.article-header-premium > .article-category-chips {
display: none;
}


.article-header-premium > .article-title-premium {
grid-column: 1 / -1;
  margin: 0;
  color: var(--kt-ink);
  font-size: clamp(1.45rem, 3.1vw, 2.35rem);
}


.site-news-page .article-header-premium {
position: relative;
  overflow: hidden;
  border-color: rgba(33, 204, 227, .26);
  background: linear-gradient(135deg, rgba(6, 42, 58, .96), rgba(9, 61, 79, .88)),
    radial-gradient(circle at 88% 18%, rgba(33, 204, 227, .24), transparent 34%);
  color: #f4fdff;
}


.site-news-page .article-header-premium::after {
content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.10) 44%, transparent 62%);
  pointer-events: none;
}


.site-news-page .article-excerpt-premium {
border-color: rgba(33, 204, 227, .22);
  background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(223,248,252,.66));
  color: #0b3145;
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  font-weight: 750;
}


.site-news-page .article-body-premium {
position: relative;
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid rgba(13, 111, 143, .14);
  border-radius: var(--kt-radius);
  background: rgba(255,255,255,.72);
  box-shadow: 0 18px 40px rgba(7, 49, 74, .08);
}


.article-meta-premium {
display: contents;
}


.author-date-premium {
display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}


.author-date-premium .content-source-badge {
min-height: 20px;
  padding: 3px 8px;
  font-size: .64rem;
}


.article-meta-premium > .meta-item {
display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(13, 111, 143, .16);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .54);
  color: var(--kt-text);
  font-size: .86rem;
  font-weight: 850;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}


.article-meta-premium > .meta-item:nth-of-type(2) {
grid-area: read;
}


.article-meta-premium > .meta-item:nth-of-type(3) {
grid-area: views;
}


.gallery-wrap {
order: 4;
  padding: 0;
  overflow: hidden;
}


.gallery-main {
position: relative;
  height: clamp(300px, 38vw, 520px);
  overflow: hidden;
  border-radius: var(--kt-radius);
  background: var(--kt-surface-dark);
}


.gallery-main img {
width: 100%;
  height: 100%;
  object-fit: cover;
}


.article-image-title {
position: absolute;
  inset: auto 0 0;
  z-index: 3;
  padding: clamp(48px, 8vw, 110px) clamp(16px, 3vw, 34px) clamp(18px, 3vw, 32px);
  background: linear-gradient(0deg, rgba(4, 14, 24, .94) 0%, rgba(4, 14, 24, .72) 48%, rgba(4, 14, 24, 0) 100%);
  pointer-events: none;
}


.article-image-badge {
position: absolute;
  top: clamp(14px, 2.2vw, 26px);
  left: clamp(14px, 2.2vw, 26px);
  z-index: 4;
}


.article-image-badge .cat-badge-premium {
display: inline-flex;
  max-width: min(72vw, 560px);
  background: rgba(8, 48, 68, .72);
  border-color: rgba(55, 216, 238, .28);
  color: rgba(150, 232, 244, .92);
  box-shadow: 0 12px 26px rgba(0, 0, 0, .14), inset 0 0 18px rgba(33, 204, 227, .10);
  backdrop-filter: blur(10px);
}


.article-title-premium {
margin: 0;
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}


.article-image-title .article-title-premium {
max-width: 880px;
  color: #f7fcff;
  font-size: clamp(1.45rem, 3.2vw, 2.75rem);
  text-shadow: 0 18px 44px rgba(0, 0, 0, .42);
}

.gallery-arrow, .gallery-expand{
position: absolute;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: var(--kt-radius-sm);
  background: rgba(7, 24, 39, .70);
  color: #fff;
  backdrop-filter: blur(12px);
}


.article-image-badge .article-category-chips {
max-width: min(72vw, 560px);
}


.gallery-arrow {
top: 50%;
  width: 42px;
  height: 54px;
  transform: translateY(-50%);
  font-size: 2rem;
}


.gallery-arrow.prev {
left: 12px;
}


.gallery-arrow.next {
right: 12px;
}


.gallery-expand {
right: 12px;
  bottom: 12px;
  width: 42px;
  height: 42px;
}


.gallery-count {
position: absolute;
  left: 12px;
  bottom: 12px;
  padding: 8px 10px;
  border-radius: var(--kt-radius-sm);
  background: rgba(7, 24, 39, .72);
  color: #fff;
  font-weight: 900;
}


.gallery-thumbs {
display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: 8px;
  margin-top: 10px;
}


.gallery-thumb {
height: 72px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: var(--kt-radius-sm);
  cursor: pointer;
  opacity: .72;
}


.gallery-thumb.active {
border-color: var(--kt-cyan);
  opacity: 1;
}


.gallery-thumb img {
width: 100%;
  height: 100%;
  object-fit: cover;
}


.article-excerpt-premium {
order: 3;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 90px clamp(20px, 3.2vw, 38px) clamp(22px, 3vw, 32px);
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: var(--kt-radius);
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold), var(--kt-cyan)) 0 0 / 100% 4px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.48), rgba(232,249,253,.34)) 0 0 / 100% 62px no-repeat,
    linear-gradient(to bottom, transparent 61px, rgba(13,111,143,.12) 61px, rgba(13,111,143,.12) 62px, transparent 62px),
    radial-gradient(circle at 100% 0%, rgba(33,204,227,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(215,181,106,.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(235,249,252,.84));
  box-shadow: 0 18px 44px rgba(7, 49, 74, .12),
    inset 0 1px 0 rgba(255,255,255,.92);
  color: #10283a;
  font-size: clamp(1rem, 1.45vw, 1.16rem);
  line-height: 1.72;
  font-weight: 760;
  letter-spacing: .002em;
  text-align: justify;
  text-align-last: left;
  overflow-wrap: anywhere;
}


.article-excerpt-premium::before {
content: "RĂ–VIDEN";
  position: absolute;
  left: 18px;
  top: 20px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border: 1px solid rgba(215,181,106,.42);
  border-radius: var(--kt-radius-sm);
  background: linear-gradient(135deg, rgba(255,250,235,.98), rgba(255,255,255,.92));
  color: #8a671e;
  box-shadow: 0 8px 18px rgba(7,49,74,.08);
  font-size: .68rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .10em;
}


.article-excerpt-premium::after {
display: none;
  content: none;
}


.article-ai-lead {
order: 3;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(22px, 3vw, 32px) clamp(20px, 3.2vw, 38px);
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: 5px;
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold)) 0 0 / 100% 4px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(235,249,252,.86));
  box-shadow: 0 18px 44px rgba(7, 49, 74, .11),
    inset 0 1px 0 rgba(255,255,255,.9);
  color: #10283a;
}


.article-ai-lead::before {
content: "";
  position: absolute;
  inset: 4px 0 auto;
  height: 54px;
  background: linear-gradient(90deg, rgba(13,111,143,.08), rgba(33,204,227,.04), rgba(215,181,106,.08));
  pointer-events: none;
}


.article-ai-lead > * {
position: relative;
  z-index: 1;
}


.article-ai-lead.is-ai .article-ai-lead-kicker {
border-color: rgba(33,204,227,.44);
  background: linear-gradient(135deg, rgba(226,250,253,.98), rgba(255,255,255,.92));
  color: #0d6f8f;
}


.article-ai-lead p {
margin: 0;
  font-size: clamp(1rem, 1.35vw, 1.14rem);
  font-weight: 730;
  line-height: 1.72;
  overflow-wrap: anywhere;
}


.ai-summary-container::after {
content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  z-index: 1;
  height: 4px;
  border-radius: var(--kt-radius) var(--kt-radius) 0 0;
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold), var(--kt-cyan));
  pointer-events: none;
}


.ai-summary-container > * {
position: relative;
  z-index: 2;
}


.ai-summary-close {
color: #ef4444;
  border-color: rgba(239, 68, 68, .30);
  background: rgba(255, 255, 255, .62);
}


.ai-summary-close:hover {
color: #fff;
  border-color: rgba(239, 68, 68, .58);
  background: linear-gradient(135deg, #ef4444, #b91c1c);
}


.ai-summary-content {
padding: clamp(20px, 3vw, 32px);
  color: #10283a;
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.72;
  font-weight: 650;
}


.ai-summary-content h2 {
margin: 0 0 12px;
  color: var(--kt-ink);
  font-size: clamp(1.25rem, 2.2vw, 1.75rem);
  line-height: 1.18;
  font-weight: 950;
}


.ai-summary-content p, .ai-summary-content ul {
margin: 0 0 13px;
}


.ai-summary-content ul {
padding-left: 20px;
}


.ai-summary-content strong {
color: var(--kt-ink);
  font-weight: 950;
}


.ai-summary-content em {
color: #0a6f89;
  font-style: normal;
  font-weight: 850;
}


.ai-summary-content :last-child {
margin-bottom: 0;
}


.article-youtube-box {
order: 8;
  overflow: hidden;
}


.article-youtube-head {
padding: 14px 16px;
  border-bottom: 1px solid var(--kt-line);
  color: var(--kt-ink);
  font-weight: 950;
}


.article-youtube-frame {
aspect-ratio: 16 / 9;
  background: var(--kt-surface-dark);
}


.article-youtube-frame iframe {
width: 100%;
  height: 100%;
  border: 0;
  display: block;
}


.article-body-premium {
order: 9;
  color: var(--kt-text);
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  line-height: 1.82;
}


.article-body-premium > *:first-child {
margin-top: 0;
}


.article-content-plain p {
margin: 0 0 1.05em;
}


.article-content-plain br {
line-height: 1.8;
}


.article-content-formatted h2, .article-content-formatted h3, .article-content-formatted h4 {
margin: 1.65em 0 .6em;
  color: var(--kt-ink);
  line-height: 1.12;
  letter-spacing: 0;
  font-weight: 950;
}


.article-content-formatted h2 {
font-size: clamp(1.65rem, 3vw, 2.4rem);
}


.article-content-formatted h3 {
font-size: clamp(1.35rem, 2.4vw, 1.8rem);
}


.article-content-formatted p, .article-content-formatted ul, .article-content-formatted ol, .article-content-formatted blockquote, .article-content-plain p {
margin: 0 0 1.15em;
}


.article-content-formatted ul, .article-content-formatted ol {
padding-left: 1.35em;
}


.article-content-formatted li {
margin: .35em 0;
}


.article-body-premium a {
color: var(--kt-brand);
  font-weight: 850;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}


.article-body-premium img {
max-width: 100%;
  height: auto;
  border-radius: var(--kt-radius);
  box-shadow: var(--kt-shadow);
}


.article-content-formatted blockquote {
padding: 4px 0 4px 18px;
  border-left: 4px solid var(--kt-cyan);
  color: var(--kt-ink);
  font-weight: 750;
}


.related-news-card {
position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: var(--kt-radius);
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold), var(--kt-cyan)) 0 0 / 100% 4px no-repeat,
    radial-gradient(circle at 100% 0%, rgba(33,204,227,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(215,181,106,.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(235,249,252,.84));
  box-shadow: 0 18px 44px rgba(7, 49, 74, .12),
    inset 0 1px 0 rgba(255,255,255,.92);
}


.related-news-card .sidebar-card-head {
margin: -14px -14px 12px;
  padding: 16px 14px 12px;
  border-bottom: 1px solid rgba(13, 111, 143, .12);
  background: rgba(255,255,255,.28);
}


.related-news-card .s-card-title {
color: var(--kt-ink);
  font-weight: 950;
}


.related-item {
display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 9px;
  margin-top: 8px;
  border: 1px solid rgba(13,111,143,.12);
  border-radius: var(--kt-radius-sm);
  background: rgba(255,255,255,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}


.related-item:hover {
border-color: rgba(33,204,227,.34);
  background: radial-gradient(circle at 100% 0%, rgba(33,204,227,.12), transparent 34%),
    rgba(255,255,255,.72);
}


.related-item img, .related-item-placeholder {
width: 76px;
  height: 62px;
}


.related-item-title {
margin: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: .88rem;
}


body.article-page .article-ai-lead {
background: linear-gradient(90deg, var(--kt-cyan), rgba(215, 181, 106, .72)) 0 0 / 100% 2px no-repeat,
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(237, 250, 252, .84));
}


body.article-page .article-body-premium {
max-width: 820px;
  margin-inline: auto;
  font-size: 1.06rem;
  line-height: 1.82;
}


body.article-page .article-content-formatted p, body.article-page .article-content-formatted ul, body.article-page .article-content-formatted ol, body.article-page .article-content-plain p {
max-width: 70ch;
}


body.article-page .article-content-formatted h2 {
margin-top: 1.9em;
  padding-bottom: .38rem;
  border-bottom: 1px solid rgba(10, 116, 148, .14);
  font-size: 1.78rem;
}


body.article-page .article-content-formatted h3 {
font-size: 1.34rem;
}


body.article-page .article-body-premium a {
text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.article-content-formatted, .article-content-plain{
color: var(--ktp-muted) !important;
  letter-spacing: 0 !important;
}


.ai-summary-container {
order: 2;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #d1dfeb !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(20, 66, 112, .10) !important;
  border-left: 5px solid var(--ktp-blue, #006ecb) !important;
}


.ai-summary-container::before, .ai-summary-container::after {
display: none !important;
  content: none !important;
}


.ai-summary-header {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid #d8e5f0 !important;
  background: #f8fbff !important;
}


.ai-summary-title {
display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border: 1px solid #bfd7ee !important;
  border-radius: 4px !important;
  background: #eef8ff !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  box-shadow: 0 8px 18px rgba(7,49,74,.08);
  font-size: .68rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .10em;
  text-transform: uppercase;
}


.ai-summary-container[hidden] {
display: none !important;
}


body.article-page .kt-preferred-source-cta {
display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
}


body.article-page .kt-preferred-source-kicker {
color: var(--ktp-blue-strong, #0054a8) !important;
  background: transparent !important;
  letter-spacing: 0 !important;
}


body.article-page .related-news-card {
padding: 14px !important;
}


body.article-page .related-item {
display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 92px !important;
  padding: 8px !important;
  color: var(--ktp-ink, #101827) !important;
  background: #ffffff !important;
  border: 1px solid #d1dfeb !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}


body.article-page .related-item img, body.article-page .related-item-placeholder {
width: 86px !important;
  height: 68px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  border: 1px solid #d5e2ef !important;
}

body.article-page .related-item-title, .related-item-title{
display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: var(--ktp-ink, #101827) !important;
  font-size: clamp(1rem, 1.1vw, 1.18rem) !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  letter-spacing: 0 !important;
}

.site-news-page .author-name-premium, .site-news-page .author-date-premium, .site-news-page .current-rating-inline{
color: rgba(244, 253, 255, .84);
}


.current-rating-inline {
grid-area: rating;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(215, 181, 106, .32);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .56);
  color: #8a671e;
  font-weight: 850;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}


.rating-stars-mini, .rating-stars {
display: inline-flex;
  gap: 1px;
}


.star-mini, .rating-star {
color: rgba(102, 127, 141, .35);
}


.star-mini.filled, .rating-star.filled {
color: var(--kt-gold);
}


.rating-value {
color: #f5a400;
  font-weight: 950;
}


.article-actions {
grid-area: actions;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
}


.btn-ai, .save-btn-icon, .ai-summary-close {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  height: 34px;
  border: 1px solid rgba(13, 111, 143, .20);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .72);
  color: var(--kt-brand);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85);
  font-weight: 850;
  transition: transform var(--kt-speed), box-shadow var(--kt-speed), background var(--kt-speed);
}


.save-btn-icon {
width: 36px;
  padding: 0;
  margin-top: 2px;
}


.btn-ai:hover, .save-btn-icon:hover {
transform: translateY(-1px);
  background: rgba(13, 111, 143, .10);
  box-shadow: 0 0 0 4px rgba(33, 204, 227, .14), inset 0 1px 0 rgba(255, 255, 255, .88);
}


.save-btn-icon.saved {
color: var(--kt-ink);
  border-color: rgba(215, 181, 106, .60);
  background: var(--kt-gold);
}


.rating-container {
order: 10;
}


.rating-content {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.rating-stats{
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}


.rating-score {
display: flex;
  align-items: baseline;
  gap: 4px;
}


.rating-number {
color: var(--kt-ink);
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 950;
}


.rating-max, .rating-total, .rating-label {
color: var(--kt-muted);
  font-weight: 850;
}


.rating-btn {
width: 40px;
  height: 40px;
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .70);
  color: var(--kt-brand);
  font-weight: 950;
}


.rating-btn:hover, .rating-btn.active {
color: #fff;
  border-color: rgba(215, 181, 106, .38);
  background: linear-gradient(135deg, var(--kt-gold), #96701b);
}


.share-container {
order: 11;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: var(--kt-radius);
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold), var(--kt-cyan)) 0 0 / 100% 4px no-repeat,
    radial-gradient(circle at 100% 0%, rgba(33,204,227,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(215,181,106,.14), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(235,249,252,.84));
  box-shadow: 0 18px 44px rgba(7, 49, 74, .12),
    inset 0 1px 0 rgba(255,255,255,.92);
}


.share-container .premium-icon {
display: none;
}


.share-container .premium-header {
margin: calc(clamp(16px, 2.5vw, 24px) * -1) calc(clamp(16px, 2.5vw, 24px) * -1) 12px;
  padding: 16px clamp(16px, 2.5vw, 24px) 12px;
  border-bottom: 1px solid rgba(13, 111, 143, .12);
  background: rgba(255,255,255,.28);
}


.share-btn {
--share-color: var(--kt-brand);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: auto;
  min-width: 118px;
  height: 34px;
  min-height: 34px;
  padding: 0 11px 0 48px;
  border: 1px solid rgba(7, 24, 39, .10);
  border-radius: 2px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .58));
  color: var(--kt-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 8px 18px rgba(7, 49, 74, .08);
  backdrop-filter: blur(12px) saturate(1.2);
  font-size: .76rem;
  font-weight: 900;
  white-space: nowrap;
  transition: transform var(--kt-speed), box-shadow var(--kt-speed), border-color var(--kt-speed), background var(--kt-speed);
}


.share-btn::before {
content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 40px;
  background: linear-gradient(135deg, rgba(255,255,255,.20), transparent 48%),
    var(--share-color);
  clip-path: polygon(0 0, 82% 0, 100% 50%, 82% 100%, 0 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}


.share-btn svg {
position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 14px;
  height: 14px;
  color: #fff;
  fill: none;
  stroke: currentColor;
}


.share-btn:hover {
transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--share-color) 48%, #ffffff);
  background: linear-gradient(135deg, color-mix(in srgb, var(--share-color) 14%, #ffffff), rgba(255,255,255,.82));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--share-color) 14%, transparent), 0 14px 28px rgba(7, 49, 74, .13), inset 0 1px 0 rgba(255, 255, 255, 1);
}


.share-btn.facebook {
--share-color: #4867aa;
}


.share-btn.telegram {
--share-color: #249bd7;
}


.share-btn.twitter {
--share-color: #07131f;
}


.share-btn.linkedin {
--share-color: #0a66c2;
}


.share-btn.copy {
--share-color: var(--kt-brand);
}


.share-btn.home {
--share-color: #f97316;
}


.share-url-wrapper {
display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .76);
}


.share-url-label {
color: var(--kt-muted);
  font-weight: 850;
}

.share-toast{
position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 10000;
  transform: translate(-50%, 18px);
  opacity: 0;
  pointer-events: none;
  padding: 11px 16px;
  border-radius: var(--kt-radius-sm);
  background: var(--kt-surface-dark);
  color: #fff;
  font-weight: 850;
  box-shadow: 0 18px 42px rgba(7, 24, 39, .26);
  transition: opacity var(--kt-speed), transform var(--kt-speed);
}

.share-toast.show{
opacity: 1;
  transform: translate(-50%, 0);
}


.article-share-rating {
position: relative;
  isolation: isolate;
  margin-top: 12px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(215,181,106,.25);
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(215,181,106,.95), rgba(33,204,227,.78)) 0 0 / 100% 4px no-repeat,
    radial-gradient(circle at 100% 0%, rgba(215,181,106,.20), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(236,249,252,.86));
  box-shadow: 0 18px 42px rgba(7,49,74,.12), inset 0 1px 0 rgba(255,255,255,.92);
}


.article-share-rating .rating-content, .article-share-rating .rating-stats, .article-share-rating .rating-actions {
display: grid;
  width: 100%;
  gap: 10px;
}


.article-share-rating .rating-stats {
grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}


.article-share-rating .rating-score {
justify-content: center;
}


.article-share-rating .rating-number {
font-size: 2.15rem;
  color: #071827;
}


.article-share-rating .rating-stars {
justify-content: center;
  font-size: 1rem;
}


.article-share-rating .rating-label, .article-share-rating .rating-total {
text-align: center;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}


.article-share-rating .rating-btn {
width: 100%;
  height: 34px;
  border-color: rgba(215,181,106,.30);
  background: rgba(255,255,255,.78);
  color: #8a671e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}


.article-share-rating .rating-btn:hover, .article-share-rating .rating-btn.active {
border-color: rgba(215,181,106,.52);
  background: linear-gradient(135deg, #d7b56a, #8d6819);
  color: #fff;
}


body.article-page .rating-score, body.article-page .rating-stats, body.article-page .rating-content, body.article-page .rating-actions {
background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


body.article-page .rating-number {
color: var(--ktp-ink, #101827) !important;
letter-spacing: 0 !important;
}


body.article-page .rating-max, body.article-page .rating-total, body.article-page .rating-label {
color: var(--ktp-muted, #5f6c7b) !important;
  letter-spacing: 0 !important;
}

.rating-container, .share-container, .comments-section, .comment-form-container, .article-excerpt-premium, .gallery-wrap, .article-youtube-box, .ai-summary-container{
border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(241, 250, 253, .84));
  box-shadow: var(--kt-shadow);
}


.comments-premium-icon {
width: 1.25em;
  height: 1.25em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.25em;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ktp-blue-strong, var(--kt-brand, #0054a8));
  box-shadow: none;
}


.comments-premium-icon svg {
width: 1em;
  height: 1em;
  display: block;
  stroke: currentColor;
  fill: none;
  filter: none;
}

.comments-count, .share-counter{
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 6px 9px;
  border: 1px solid rgba(215, 181, 106, .32);
  border-radius: var(--kt-radius-sm);
  background: rgba(215, 181, 106, .13);
  color: #876317;
  font-weight: 900;
}


.author-avatar-premium, .comment-user-placeholder, .comment-item-placeholder {
width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  overflow: hidden;
  border-radius: var(--kt-radius-sm);
  background: linear-gradient(135deg, var(--kt-surface-dark), var(--kt-brand));
  color: #f4fdff;
  font-weight: 900;
}


.author-name-premium, .comment-username, .comment-item-name {
color: var(--kt-ink);
  font-weight: 900;
}


.author-date-premium, .comment-item-date {
color: var(--kt-muted);
  font-size: .82rem;
}


.rating-container, .share-container, .comments-section {
padding: clamp(16px, 2.5vw, 24px);
}


.share-url-input, .comment-input-field {
width: 100%;
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .78);
  color: var(--kt-ink);
}


.comments-section {
order: 12;
}


.comment-form-container {
padding: 14px;
  margin-bottom: 16px;
}


.comment-user-info, .comment-item-header {
display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}


.comment-item-meta {
display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}


.comment-actions {
display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}


.comment-action-btn, .reply-cancel-btn {
min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: var(--kt-radius-sm);
  background: linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(220, 247, 252, .62));
  color: var(--kt-brand);
  font-size: .78rem;
  font-weight: 900;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}


.comment-action-btn:hover, .reply-cancel-btn:hover {
transform: translateY(-1px);
  border-color: rgba(11, 138, 171, .38);
  background: linear-gradient(135deg, rgba(229, 251, 255, .95), rgba(255, 255, 255, .78));
  box-shadow: 0 10px 24px rgba(7, 49, 74, .12), inset 0 0 18px rgba(33, 204, 227, .18);
}


.comment-toolbar {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0;
}


.comment-input-row {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: stretch;
}


.reply-context[hidden], .comment-edit-form[hidden] {
display: none;
}


.comment-input-field {
min-height: 56px;
  height: 56px;
  padding: 10px 12px;
  resize: vertical;
}


.comment-submit-btn {
min-width: 104px;
  min-height: 56px;
  padding: 0 14px;
}


.comments-list {
display: grid;
  gap: 12px;
}


.comment-item {
padding: 14px;
  border: 1px solid rgba(13, 111, 143, .13);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .62);
}


.comment-item-content {
margin-top: 10px;
  color: var(--kt-text);
  line-height: 1.62;
}


.comment-edit-form {
display: grid;
  gap: 8px;
  margin-top: 10px;
}


.comment-edit-form .comment-input-field {
min-height: 82px;
  height: 82px;
}


.comment-edit-actions {
display: flex;
  justify-content: flex-end;
  gap: 8px;
}


.comment-save-edit-btn {
background: linear-gradient(135deg, #0b5d78, #071c2f);
  color: #fff;
}


.comment-save-edit-btn:disabled {
cursor: wait;
  opacity: .68;
  transform: none;
}


.comment-replies {
display: grid;
  gap: 10px;
  margin-top: 12px;
  margin-left: 38px;
  padding-left: 12px;
  border-left: 2px solid rgba(13, 111, 143, .14);
}


.comment-reply {
padding: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(229, 250, 255, .52));
}


.comment-user-badge, .comment-item-badge {
display: inline-flex;
  padding: 3px 7px;
  border-radius: var(--kt-radius-sm);
  background: rgba(13, 111, 143, .08);
  color: var(--kt-brand);
  font-size: .72rem;
  font-weight: 850;
}

.comment-login-box, .no-comments{
padding: 14px;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .68);
}


.comment-toolbar .format-btn svg {
width: 17px;
  height: 17px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.comment-toolbar .format-swatch {
color: #ef4444;
}


.comment-toolbar .format-swatch.green {
color: #22c55e;
}


.comment-toolbar .format-swatch.blue {
color: #3b82f6;
}


.comment-hidden-source {
display: none !important;
}


.comment-rich-editor {
min-height: 112px;
  outline: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}


.comment-rich-editor:empty::before {
content: attr(data-placeholder);
  color: rgba(82, 116, 132, .72);
  pointer-events: none;
}


.comment-rich-editor blockquote {
margin: 8px 0;
  padding: 8px 10px;
  border-left: 3px solid var(--kt-cyan, #37d8ee);
  border-radius: 5px;
  background: rgba(55, 216, 238, .08);
}


.comment-rich-editor ul, .comment-rich-editor ol {
margin: 8px 0 8px 20px;
  padding: 0;
}


.comment-item-content blockquote {
margin: 8px 0;
  padding: 8px 10px;
  border-left: 3px solid var(--kt-cyan, #37d8ee);
  border-radius: 5px;
  background: rgba(55, 216, 238, .08);
}


.comment-item-content ul {
margin: 8px 0 8px 20px;
  padding: 0;
}

.share-btn{
border-radius: var(--ktp-radius) !important;
  letter-spacing: 0 !important;
}


body.article-page .article-header-premium::before, body.article-page .article-header-premium::after, body.article-page .share-container::before, body.article-page .share-container::after, body.article-page .rating-container::before, body.article-page .rating-container::after, body.article-page .kt-preferred-source-cta::before, body.article-page .kt-preferred-source-cta::after, body.article-page .comments-section::before, body.article-page .comments-section::after, body.article-page .related-news-card::before, body.article-page .related-news-card::after, body.article-page .article-ai-lead::before, body.article-page .article-ai-lead::after {
display: none !important;
  content: none !important;
}


body.article-page .premium-header, body.article-page .ai-summary-header, body.article-page .article-product-data-head, body.article-page .sidebar-card-head, body.article-page .comments-section > .premium-header, body.article-page .share-container > .premium-header {
background: #f8fbff !important;
  border: 0 !important;
  border-bottom: 1px solid #d8e5f0 !important;
  border-radius: 5px 5px 0 0 !important;
  box-shadow: none !important;
}


body.article-page .premium-title, body.article-page .comments-section h2, body.article-page .comments-section h3, body.article-page .related-news-card .s-card-title, body.article-page .kt-preferred-source-copy h2, body.article-page .article-ai-lead-kicker, body.article-page .article-product-data-head h2 {
color: var(--ktp-ink, #101827) !important;
letter-spacing: 0 !important;
  text-shadow: none !important;
}


body.article-page .premium-icon, body.article-page .comments-premium-icon, body.article-page .recent-header-icon, body.article-page .kt-preferred-source-mark {
width: 1.25em !important;
  height: 1.25em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 1.25em !important;
  background: transparent !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}


body.article-page .comment-user-placeholder, body.article-page .comment-item-placeholder, body.article-page .related-item-placeholder {
background: #ffffff !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  border: 1px solid rgba(0, 84, 168, .18) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}


body.article-page .premium-icon svg, body.article-page .comments-premium-icon svg, body.article-page .kt-preferred-source-mark svg {
color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}


body.article-page .share-btn:hover, body.article-page .comment-toolbar button:hover, body.article-page .format-btn:hover, body.article-page .comment-action-btn:hover, body.article-page .rating-btn:hover, body.article-page .btn-ai:hover, body.article-page .save-btn-icon:hover, body.article-page .rating-btn.active {
color: #07192d !important;
  background: var(--ktp-yellow, #5DADE2) !important;
  border-color: #3B8BC4 !important;
  transform: translateY(-1px) !important;
}


body.article-page .comment-submit-btn, body.article-page .kt-preferred-source-button, body.article-page .btn-primary, body.article-page .submit-btn {
color: #07192d !important;
  background: var(--ktp-yellow, #5DADE2) !important;
  border: 1px solid #3B8BC4 !important;
  border-radius: 5px !important;
  box-shadow: 0 3px 0 var(--ktp-blue-strong, #0054a8) !important;
font-weight: 800 !important;
  letter-spacing: 0 !important;
}


body.article-page .comment-input-field, body.article-page textarea, body.article-page input, body.article-page select {
color: var(--ktp-ink, #101827) !important;
  background: #ffffff !important;
  border: 1px solid #bdd4e7 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}


body.article-page .comment-input-row {
display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(96px, 128px) !important;
  gap: 8px !important;
}


body.article-page .no-comments, body.article-page .comment-login-box {
color: var(--ktp-ink, #101827) !important;
  background: #ffffff !important;
  border: 1px solid #d1dfeb !important;
  border-radius: 5px !important;
}


body.article-page .kt-preferred-source-copy p, body.article-page .article-ai-lead p, body.article-page .article-body-premium, body.article-page .comment-item-content {
color: var(--ktp-muted, #5f6c7b) !important;
}


body.article-page .comment-toolbar button svg, .comment-toolbar .format-btn svg {
background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}


body.article-page .comment-toolbar .format-swatch, .comment-toolbar .format-swatch {
color: #ef4444 !important;
}


body.article-page .comment-toolbar .format-swatch.green, .comment-toolbar .format-swatch.green {
color: #16a34a !important;
}


body.article-page .comment-toolbar .format-swatch.blue, .comment-toolbar .format-swatch.blue {
color: #0054a8 !important;
}


body.article-page .comment-toolbar .format-swatch svg path:first-child, .comment-toolbar .format-swatch svg path:first-child {
fill: currentColor !important;
  stroke: currentColor !important;
}


body.article-page .comment-toolbar .format-swatch svg path:last-child, .comment-toolbar .format-swatch svg path:last-child {
stroke: #07192d !important;
}

.related-item{
color: inherit;
  text-decoration: none;
  transition: transform var(--kt-speed), box-shadow var(--kt-speed), border-color var(--kt-speed), background var(--kt-speed);
}

.related-item:hover{
transform: translateY(-2px);
  box-shadow: var(--kt-shadow-hover);
}

.related-item img, .related-item-placeholder{
overflow: hidden;
  border-radius: var(--kt-radius-sm);
  background: linear-gradient(135deg, rgba(7, 24, 39, .08), rgba(33, 204, 227, .12));
}

.related-item img{
width: 100%;
  height: 100%;
  object-fit: cover;
}

.related-item-title{
color: var(--kt-ink);
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.article-product-data{
order: 4;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(10, 116, 148, .18);
  border-radius: 5px;
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold), rgba(8,49,65,.20)) 0 0 / 100% 3px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(234,249,252,.82));
  box-shadow: 0 16px 38px rgba(7,49,74,.09), inset 0 1px 0 rgba(255,255,255,.86);
}

.article-product-data-head{
display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(10,116,148,.13);
}

.article-product-data-head h2{
margin: 0;
  color: #071827;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: 0;
}

.article-product-data-head span{
color: #66879a;
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
  white-space: nowrap;
}


.article-product-data-table {
width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}


.article-product-data-table tr + tr {
border-top: 1px solid rgba(10,116,148,.10);
}


.article-product-data-table th, .article-product-data-table td {
padding: 11px 18px;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}


.article-product-data-table th {
width: 36%;
  color: #527484;
  font-size: .78rem;
  font-weight: 850;
  text-transform: uppercase;
}


.article-product-data-table td {
color: #10283a;
  font-size: .95rem;
  font-weight: 760;
}

.article-title-premium{
color: var(--ktp-ink) !important;
font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}


/* =========================================================
   13. Segédosztályok és állapotok
   ========================================================= */
.kt-preferred-source-cta {
order: 10;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(14px, 2.2vw, 22px);
  margin: 8px 0 2px;
  padding: clamp(16px, 2.8vw, 24px);
  overflow: hidden;
  border: 1px solid rgba(33, 204, 227, .36);
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(33, 204, 227, .95), rgba(215, 181, 106, .92)) 0 0 / 100% 3px no-repeat,
    radial-gradient(circle at 8% 10%, rgba(33, 204, 227, .18), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(215, 181, 106, .18), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(236, 249, 252, .86));
  box-shadow: 0 18px 44px rgba(7, 49, 74, .13), inset 0 1px 0 rgba(255,255,255,.86);
}


.kt-preferred-source-cta::before {
content: "";
  position: absolute;
  inset: 3px auto 3px 0;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, var(--kt-cyan, #21cce3), var(--kt-gold, #d7b56a));
}


.kt-preferred-source-mark {
position: relative;
  display: grid;
  place-items: center;
  width: clamp(48px, 7vw, 62px);
  height: clamp(48px, 7vw, 62px);
  border-radius: 5px;
  color: var(--kt-cyan, #21cce3);
  background: linear-gradient(145deg, rgba(5, 20, 35, .96), rgba(8, 51, 78, .92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 10px 28px rgba(7, 49, 74, .20);
}


.kt-preferred-source-mark::after {
content: "";
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--kt-gold, #d7b56a);
  box-shadow: 0 0 0 5px rgba(215, 181, 106, .15);
}


.kt-preferred-source-copy {
min-width: 0;
}


.kt-preferred-source-kicker {
margin: 0 0 5px;
  color: var(--kt-brand, #0d6f8f);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}


.kt-preferred-source-copy h2 {
margin: 0;
  color: var(--kt-ink, #07131f);
  font-size: clamp(1.05rem, 2.2vw, 1.5rem);
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: 0;
}


.kt-preferred-source-copy p:last-child {
margin: 7px 0 0;
  max-width: 66ch;
  color: var(--kt-muted, #5f7481);
  font-size: .94rem;
  line-height: 1.48;
}


body.article-page .kt-preferred-source-cta {
  grid-template-columns: 54px minmax(0, 1fr) auto !important;
  gap: 18px !important;
  margin: 10px 0 4px !important;
  padding: 20px 22px !important;
  border: 1px solid #dadce0 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .10), 0 10px 26px rgba(60, 64, 67, .08) !important;
}


body.article-page .kt-preferred-source-cta::before,
body.article-page .kt-preferred-source-cta::after,
body.article-page .kt-preferred-source-mark::after {
  display: none !important;
  content: none !important;
}


body.article-page .kt-preferred-source-mark {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border: 1px solid #e0e3e7 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .16) !important;
  color: inherit !important;
}


body.article-page .kt-preferred-source-mark .google-g-logo {
  width: 27px !important;
  height: 27px !important;
  display: block !important;
  color: inherit !important;
  filter: none !important;
  stroke: none !important;
}


body.article-page .kt-preferred-source-mark .google-g-logo path {
  stroke: none !important;
}


body.article-page .kt-preferred-source-mark .google-g-blue {
  fill: #4285f4 !important;
}


body.article-page .kt-preferred-source-mark .google-g-green {
  fill: #34a853 !important;
}


body.article-page .kt-preferred-source-mark .google-g-yellow {
  fill: #fbbc05 !important;
}


body.article-page .kt-preferred-source-mark .google-g-red {
  fill: #ea4335 !important;
}


body.article-page .kt-preferred-source-kicker {
  margin-bottom: 6px !important;
  color: #5f6368 !important;
font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}


body.article-page .kt-preferred-source-copy h2 {
  color: #202124 !important;
font-size: clamp(1.15rem, 2vw, 1.55rem) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}


body.article-page .kt-preferred-source-copy p:last-child {
  max-width: 62ch !important;
  color: #5f6368 !important;
  font-size: .96rem !important;
  line-height: 1.5 !important;
}


/* =========================================================
   14. Animációk, fókusz, accessibility
   ========================================================= */
.kt-preferred-source-button:hover, .kt-preferred-source-button:focus-visible {
transform: translateY(-1px);
  border-color: rgba(215, 181, 106, .72);
  box-shadow: 0 16px 34px rgba(7, 49, 74, .25);
}


/* =========================================================
   15. Egyéb ritkán használt szabályok
   ========================================================= */
.ai-loading {
display: flex;
  align-items: center;
  gap: 10px;
  color: var(--kt-muted);
  font-weight: 800;
}


.ai-loading-spinner {
width: 20px;
  height: 20px;
  border: 3px solid rgba(13, 111, 143, .16);
  border-top-color: var(--kt-cyan);
  border-radius: 5px;
  animation: ktSpin .8s linear infinite;
}


.reply-context {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  margin-bottom: 8px;
  padding: 6px 8px 6px 10px;
  border: 1px solid rgba(13, 111, 143, .16);
  border-radius: var(--kt-radius-sm);
  background: linear-gradient(135deg, rgba(226, 250, 255, .76), rgba(255, 255, 255, .62));
  color: var(--kt-muted);
  font-size: .84rem;
}


.reply-context strong {
color: var(--kt-ink);
}


.ai-error {
color: #9f1d1d !important;
  font-weight: 850;
  background: #fff7f2 !important;
  border: 1px solid #f2c9b8 !important;
  border-left: 5px solid #d83b25 !important;
  border-radius: 5px !important;
}


/* =========================================================
   99. Cikkoldal prémium masthead v2 — kategóriák kép helyett
   ========================================================= */
body.article-page .article-masthead-premium {
  order: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  gap: clamp(13px, 1.9vw, 20px) !important;
  padding: clamp(18px, 2.6vw, 30px) !important;
  overflow: visible !important;
  border: 1px solid rgba(0, 84, 168, .18) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(90deg, var(--ktp-blue-strong, #0054a8), var(--ktp-yellow, #5DADE2), var(--ktp-sky, #02a9f4)) 0 0 / 100% 4px no-repeat,
    radial-gradient(circle at 94% 8%, rgba(2, 169, 244, .12), transparent 32%),
    radial-gradient(circle at 8% 100%, rgba(93, 173, 226, .13), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 18px 42px rgba(20, 66, 112, .11), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}


body.article-page .article-masthead-premium::before,
body.article-page .article-masthead-premium::after {
  display: none !important;
  content: none !important;
}


.article-masthead-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}


body.article-page .article-masthead-top .article-category-chips,
body.article-page .article-category-chips-premium {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
}


body.article-page .article-category-chips-premium .cat-badge-premium {
  display: inline-flex !important;
  align-items: center;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(0, 84, 168, .18) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf8ff 100%) !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  box-shadow: 0 8px 18px rgba(20, 66, 112, .07), inset 0 1px 0 rgba(255, 255, 255, .95) !important;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .045em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}


.article-cats-more {
  position: relative;
  display: inline-flex;
  z-index: 20;
}


.article-cats-more summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(93, 173, 226, .58);
  border-radius: 5px;
  background: linear-gradient(180deg, #7DBDE8 0%, var(--ktp-yellow, #5DADE2) 100%);
  color: #07192d;
  box-shadow: 0 8px 18px rgba(93, 173, 226, .17), inset 0 1px 0 rgba(255, 255, 255, .55);
  font-size: .72rem;
  font-weight: 950;
  cursor: pointer;
  user-select: none;
}


.article-cats-more summary::-webkit-details-marker {
  display: none;
}


body.article-page .article-masthead-premium .article-title-premium {
  display: block !important;
  margin: 0 !important;
  max-width: min(1080px, 100%);
  color: var(--ktp-ink, #101827) !important;
font-size: clamp(2rem, 4vw, 3.75rem) !important;
  font-weight: 950 !important;
  line-height: 1.03 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}


.article-lead-premium {
  margin: 0;
  max-width: 76ch;
  color: #22354a;
font-size: clamp(1.08rem, 1.65vw, 1.36rem);
  font-weight: 700;
  line-height: 1.48;
}


body.article-page .article-masthead-meta {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


body.article-page .article-masthead-meta .meta-item,
body.article-page .article-author-compact,
body.article-page .article-masthead-meta .content-source-badge,
body.article-page .article-masthead-meta .current-rating-inline {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(0, 84, 168, .13) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .78) !important;
  color: #476175 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
  font-size: .78rem;
  font-weight: 850;
  line-height: 1;
}


body.article-page .article-masthead-meta .meta-item strong {
  color: var(--ktp-ink, #101827);
  font-weight: 950;
}


body.article-page .article-masthead-meta svg {
  width: 16px !important;
  height: 16px !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  stroke: currentColor !important;
  fill: none !important;
}


body.article-page .article-author-compact .author-avatar-premium {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  flex: 0 0 22px !important;
  display: inline-grid !important;
  place-items: center;
  border-radius: 4px !important;
  background: var(--ktp-blue-strong, #0054a8) !important;
  color: #fff !important;
  font-size: .72rem;
  font-weight: 950;
  overflow: hidden;
}


body.article-page .article-author-compact img.author-avatar-premium {
  object-fit: cover;
}


body.article-page .article-masthead-premium .article-actions {
  position: relative;
  z-index: 22;
  grid-area: auto !important;
  justify-self: end;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0 !important;
}


body.article-page .article-masthead-premium .btn-ai,
body.article-page .article-masthead-premium .save-btn-icon {
  min-height: 34px !important;
  height: 34px !important;
  border-color: #bfd7ee !important;
  background: #ffffff !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
}


body.article-page .gallery-wrap {
  order: 2 !important;
}


body.article-page .gallery-main {
  height: clamp(300px, 34vw, 500px);
  border: 1px solid rgba(0, 84, 168, .14);
  border-radius: 5px !important;
  background: #eef8ff;
  box-shadow: 0 14px 34px rgba(20, 66, 112, .10);
}


body.article-page .article-image-badge,
body.article-page .article-image-title {
  display: none !important;
}


/* =========================================================
   100. Cikkoldal masthead v3 — tisztább kategória, erősebb cím, szerző elöl
   ========================================================= */
body.article-page .article-masthead-premium {
  gap: clamp(15px, 2vw, 22px) !important;
  padding: clamp(20px, 2.8vw, 34px) !important;
}


body.article-page .article-category-chips-premium {
  row-gap: 8px !important;
  overflow: visible !important;
}


.article-cats-more.article-cats-more-inline {
  position: static !important;
  z-index: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-width: 0 !important;
}


.article-cats-more.article-cats-more-inline[open] {
  flex: 1 1 100% !important;
  width: 100% !important;
  padding-top: 2px !important;
}


.article-cats-more.article-cats-more-inline summary {
  position: relative !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  overflow: hidden !important;
  border-color: rgba(93, 173, 226, .62) !important;
  background: linear-gradient(180deg, #7DBDE8 0%, var(--ktp-yellow, #5DADE2) 100%) !important;
  box-shadow: 0 7px 16px rgba(93, 173, 226, .14), inset 0 1px 0 rgba(255, 255, 255, .70) !important;
}


.article-cats-more.article-cats-more-inline summary::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}


.article-cats-more.article-cats-more-inline[open] summary::after {
  transform: translateY(2px) rotate(-135deg);
}


.article-cats-more.article-cats-more-inline .cat-more-open {
  display: none;
}


.article-cats-more.article-cats-more-inline[open] .cat-more-closed {
  display: none;
}


.article-cats-more.article-cats-more-inline[open] .cat-more-open {
  display: inline;
}


.article-cats-more.article-cats-more-inline .article-cats-more-list {
  position: static !important;
  display: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}


.article-cats-more.article-cats-more-inline[open] .article-cats-more-list {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
}


body.article-page .article-masthead-premium .article-title-premium {
  position: relative !important;
  max-width: min(1120px, 100%) !important;
  padding: clamp(10px, 1.5vw, 16px) 0 clamp(12px, 1.6vw, 18px) clamp(14px, 1.8vw, 22px) !important;
  border-left: 5px solid var(--ktp-yellow, #5DADE2) !important;
  background:
    linear-gradient(90deg, rgba(0, 84, 168, .070), rgba(2, 169, 244, .025), transparent 78%) !important;
  color: #071124 !important;
  font-size: clamp(2.25rem, 4.8vw, 4.75rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  overflow-wrap: anywhere !important;
}


body.article-page .article-masthead-premium .article-title-premium::after {
  content: "";
  position: absolute;
  left: clamp(14px, 1.8vw, 22px);
  bottom: 0;
  width: min(280px, 42%);
  height: 4px;
  border-radius: 0 !important;
  background: linear-gradient(90deg, var(--ktp-blue-strong, #0054a8), var(--ktp-yellow, #5DADE2));
  box-shadow: 0 8px 18px rgba(0, 84, 168, .12);
}


body.article-page .article-masthead-meta {
  align-items: center !important;
  gap: 8px !important;
}


body.article-page .article-author-primary {
  order: 1 !important;
  padding: 5px 10px 5px 6px !important;
  border-color: rgba(0, 84, 168, .22) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f0f8ff 100%) !important;
  color: #071124 !important;
  font-weight: 950 !important;
}


body.article-page .article-author-primary + .content-source-badge {
  order: 2 !important;
}


body.article-page .article-masthead-meta .article-published-relative {
  order: 3 !important;
}


body.article-page .article-masthead-meta .meta-item:not(.article-published-relative) {
  order: 4 !important;
}


body.article-page .article-masthead-meta .current-rating-inline {
  order: 5 !important;
  margin-left: auto !important;
}


body.article-page .article-author-primary .author-avatar-premium {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  flex-basis: 28px !important;
  border: 1px solid rgba(93, 173, 226, .48) !important;
  background: linear-gradient(135deg, var(--ktp-blue-strong, #0054a8), #073b73) !important;
  box-shadow: 0 6px 14px rgba(0, 84, 168, .16) !important;
}


body.article-page .article-body-premium {
  order: 8 !important;
}


body.article-page .article-youtube-box {
  order: 9 !important;
  margin-top: 6px !important;
  border: 1px solid rgba(0, 84, 168, .16) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(20, 66, 112, .10) !important;
}


body.article-page .article-youtube-head {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 13px 16px !important;
  background: linear-gradient(90deg, rgba(0, 84, 168, .08), rgba(93, 173, 226, .10)) !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}


body.article-page .kt-preferred-source-cta {
  order: 10 !important;
}


body.article-page .comments-section {
  order: 12 !important;
}


/* =========================================================
   101. Cikkoldal finomítás — kisebb cím/lead + képkredit a képen
   ========================================================= */
body.article-page .article-masthead-premium {
  gap: clamp(10px, 1.5vw, 16px) !important;
  padding: clamp(16px, 2.1vw, 24px) !important;
  background: #ffffff !important;
}


body.article-page .article-masthead-premium .article-title-premium {
  max-width: min(980px, 100%) !important;
  margin: 0 !important;
  padding: 0 0 12px !important;
  border-left: 0 !important;
  background: transparent !important;
  color: #071124 !important;
  font-size: clamp(1.85rem, 3.35vw, 3.25rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.028em !important;
  text-shadow: none !important;
}


body.article-page .article-masthead-premium .article-title-premium::after {
  left: 0 !important;
  bottom: 0 !important;
  width: min(190px, 38%) !important;
  height: 3px !important;
  background: var(--ktp-blue-strong, #0054a8) !important;
  box-shadow: none !important;
}


body.article-page .article-lead-premium {
  max-width: 82ch !important;
  margin: 0 !important;
  color: #24384a !important;
font-size: clamp(.98rem, 1.12vw, 1.14rem) !important;
  font-weight: 720 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
}


body.article-page .gallery-main {
  position: relative !important;
  overflow: hidden !important;
}


body.article-page .gallery-main .article-image-credit {
  position: absolute !important;
  left: 10px !important;
  bottom: 10px !important;
  z-index: 8 !important;
  width: auto !important;
  max-width: min(520px, calc(100% - 20px)) !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-radius: 5px !important;
  background: rgba(7, 17, 36, .58) !important;
  color: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .20) !important;
  backdrop-filter: blur(10px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.1) !important;
  font-size: .68rem !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  pointer-events: none !important;
}


body.article-page .gallery-main .article-image-credit.is-ai-credit {
  color: rgba(255, 255, 255, .94) !important;
}