#article.yk-home-articles {
  --yk-navy: #041b3e;
  --yk-deep: #071526;
  --yk-sky: #a1ddff;
  --yk-ink: #163250;
  --yk-muted: #506980;
  --yk-line: #dce7f1;
  --yk-pale: #f3f7fc;
  box-sizing: border-box;
  width: 100%;
  text-align: right;
  padding: 0 8px 26px;
  font-family: 'IRANSansWeb', 'Noto Sans Arabic', Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.7;
}
#article.yk-home-articles *, #article.yk-home-articles *::before, #article.yk-home-articles *::after { box-sizing: border-box; }
#article.yk-home-articles a { text-decoration: none; }
#article.yk-home-articles :is(a, button):focus-visible { outline: 2px solid #287fb1; outline-offset: 3px; }
#article.yk-home-articles .yk-page {
  container: yk-page / inline-size;
  width: 100%;
  max-width: 1140px;
  margin-inline: auto;
  background: var(--yk-pale);
  border: 1px solid var(--yk-line);
  border-radius: 16px;
  box-shadow: 0 10px 26px #0929510e;
  color-scheme: light;
}
#article.yk-home-articles .yk-faq {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: min(100%, 740px);
  margin: 0 auto;
  border-radius: 15px;
}
#article.yk-home-articles .yk-faq .yk-faq-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 740 / 304;
  object-fit: contain;
  margin: 0;
}
#article.yk-home-articles .yk-faq::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(145deg, #071526e0 0%, #07152680 21%, #07152600 53%),
              linear-gradient(to bottom, #07152600 70%, #07152655 100%);
}
#article.yk-home-articles .yk-faq-actions {
  --yk-logo-size: 38px;
  --yk-pulse-duration: 800ms;
  position: absolute;
  top: clamp(10px, 2.8cqw, 25px);
  left: clamp(12px, 3cqw, 26px);
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
#article.yk-home-articles .yk-message-link {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 10px;
}
#article.yk-home-articles .yk-message-logo {
  width: var(--yk-logo-size);
  height: var(--yk-logo-size);
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 7px #0005;
}
#article.yk-home-articles .yk-message-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#article.yk-home-articles .yk-bale { --yk-glow: 67 183 162; }
#article.yk-home-articles .yk-whatsapp {
  --yk-glow: 83 205 94;
  --yk-pulse-delay: calc(var(--yk-pulse-duration) * 3);
}
#article.yk-home-articles .yk-eitaa {
  --yk-glow: 239 123 0;
  --yk-pulse-delay: calc(var(--yk-pulse-duration) * 6);
}
#article.yk-home-articles .yk-eitaa img { transform: scale(1.48); }
#article.yk-home-articles .yk-message-link:hover .yk-message-logo { box-shadow: 0 0 12px rgb(var(--yk-glow) / .65); }
@media (prefers-reduced-motion: no-preference) {
  #article.yk-home-articles .yk-faq-actions.is-pulsing .yk-message-logo {
    animation: yk-messenger-highlight var(--yk-pulse-duration) ease-in-out 3;
    animation-delay: var(--yk-pulse-delay, 0ms);
  }
}
@keyframes yk-messenger-highlight {
  0%, 100% { box-shadow: 0 2px 7px #0005; }
  50% { box-shadow: 0 0 0 4px rgb(var(--yk-glow) / .65), 0 0 19px rgb(var(--yk-glow) / .88); }
}
#article.yk-home-articles .yk-editorial { padding: 23px 24px 26px; }
#article.yk-home-articles .yk-editorial-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 17px; }
#article.yk-home-articles .yk-editorial-head h2 {
  color: var(--yk-navy);
  margin: 0;
  font-size: clamp(19px, 3.8cqw, 29px);
  font-weight: 700;
  line-height: 1.5;
  padding-inline-start: 11px;
  border-inline-start: 3px solid #4faedc;
}
#article.yk-home-articles .yk-archive {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  padding: 6px 12px;
  min-height: 43px;
  border: 1px solid #d4e3f0;
  border-radius: 10px;
  background: #fff;
  color: var(--yk-navy);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
#article.yk-home-articles .yk-archive:hover { border-color: #8fc7e6; background: #eaf6ff; }
#article.yk-home-articles .yk-chevron { display: inline-block; flex: 0 0 7px; inline-size: 7px; block-size: 7px; border-inline-end: 1.5px solid currentColor; border-block-end: 1.5px solid currentColor; transform: rotate(45deg); }
#article.yk-home-articles .yk-story-grid { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr); gap: 13px; }
#article.yk-home-articles .yk-lead { min-width: 0; margin: 0; }
#article.yk-home-articles .yk-lead > a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  min-height: 350px;
  height: 100%;
  background: var(--yk-deep);
  color: white;
  border-radius: 14px;
}
#article.yk-home-articles .yk-lead-image {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  height: 69%;
  object-fit: cover;
  object-position: center 28%;
  z-index: -2;
}
#article.yk-home-articles .yk-lead > a::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #07152606 17%, #07152621 31%, #071526d6 56%, #071526 71%);
}
#article.yk-home-articles .yk-lead-content { width: 100%; padding: 15px 19px 17px; }
#article.yk-home-articles .yk-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; color: #b7d2e5; margin: 0 0 4px; font-size: 11px; }
#article.yk-home-articles .yk-meta-dot { width: 4px; height: 4px; border-radius: 50%; background: #83b2d0; }
#article.yk-home-articles .yk-lead h3 { margin: 0; color: #fff; font-size: clamp(20px, 3.55cqw, 29px); font-weight: 700; line-height: 1.45; }
#article.yk-home-articles .yk-lead-summary { color: #d1e1ee; font-size: 12px; line-height: 1.85; margin: 6px 0 12px; max-width: 39ch; }
#article.yk-home-articles .yk-read {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 5px 13px;
  border-radius: 8px;
  background: var(--yk-sky);
  color: var(--yk-navy);
  font-size: 12px;
  font-weight: 700;
}
#article.yk-home-articles .yk-lead > a:hover .yk-read { background: #d0edff; }
#article.yk-home-articles .yk-side-stories { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 10px; min-width: 0; }
#article.yk-home-articles .yk-story { min-width: 0; margin: 0; }
#article.yk-home-articles .yk-story > a {
  display: grid;
  grid-template-columns: minmax(72px, 34%) minmax(0, 1fr) 7px;
  align-items: center;
  gap: 10px;
  height: 100%;
  min-height: 100px;
  padding: 8px 8px 8px 12px;
  border: 1px solid var(--yk-line);
  border-radius: 13px;
  background: #fff;
  color: var(--yk-ink);
  box-shadow: 0 5px 14px #10365e08;
}
#article.yk-home-articles .yk-story > a:hover { border-color: #8fc7e6; background: #fbfdff; }
#article.yk-home-articles .yk-story img { display: block; width: 100%; height: 100%; min-height: 82px; max-height: 118px; object-fit: cover; border-radius: 8px; background: #142741; }
#article.yk-home-articles .yk-story-content { min-width: 0; }
#article.yk-home-articles .yk-story-content h3 { margin: 0; color: var(--yk-navy); font-size: clamp(13px, 2.05cqw, 17px); font-weight: 700; line-height: 1.55; }
#article.yk-home-articles .yk-story-content p { margin: 4px 0 0; color: var(--yk-muted); font-size: 11px; }
#article.yk-home-articles .yk-story > a > .yk-chevron { color: #3979a0; }
#article.yk-home-articles .yk-editorial-footer {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}
#article.yk-home-articles .yk-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 46px;
  padding: 7px 21px;
  border-radius: 10px;
  background: var(--yk-navy);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}
#article.yk-home-articles .yk-more:hover { background: #163250; }

@container yk-page (max-width: 585px) {
  #article.yk-home-articles .yk-faq-actions {
    --yk-logo-size: 34px;
    top: clamp(5px, calc(4cqw - 8px), 13px);
    flex-direction: column;
    gap: 3px;
  }
  #article.yk-home-articles .yk-message-link {
    height: clamp(34px, 12cqw, 44px);
  }
  #article.yk-home-articles .yk-editorial { padding: 17px 13px 17px; }
  #article.yk-home-articles .yk-editorial-head { gap: 7px; margin-bottom: 13px; }
  #article.yk-home-articles .yk-editorial-head h2 { font-size: clamp(15px, 5cqw, 23px); padding-inline-start: 7px; }
  #article.yk-home-articles .yk-archive { font-size: 11px; padding-inline: 8px; gap: 6px; }
  #article.yk-home-articles .yk-story-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  #article.yk-home-articles .yk-lead > a { min-height: 310px; }
  #article.yk-home-articles .yk-lead-content { padding: 13px 15px 15px; }
  #article.yk-home-articles .yk-lead h3 { font-size: clamp(20px, 6cqw, 27px); }
  #article.yk-home-articles .yk-story > a { grid-template-columns: minmax(70px, 28%) minmax(0, 1fr) 7px; min-height: 81px; }
  #article.yk-home-articles .yk-story img { min-height: 63px; max-height: 77px; }
  #article.yk-home-articles .yk-story-content h3 { font-size: clamp(13px, 3.8cqw, 16px); }
}
@media (max-width: 600px) {
  #article.yk-home-articles { padding-inline: 0; }
}