/* صفحه‌ی اول با زبانِ «مقطع» (۱۷ آبان ۱۴۰۵)، بعد از اسلایدر (slider.css). فقط در Views/Home/Index.
   میدان‌ها: سفیدِ صفحه، سنگیِ روشن (--kx-stone) برای جست‌وجو، ردیف‌ها و راهنما، زردِ برند برای کارتِ گروه و روندِ خرید؛ جوهرِ #17130F.
   مرزِ بخش‌ها فاصله و عوض‌شدنِ میدان است، نه خط و قاب. مقطع‌ها همان .sx ِ Services/SteelSections. */
:root { --kx-ink: #17130F; --kx-ink-2: #4A4136; --kx-stone: #EFEEEB; --kx-hover: #F3E7B0; --kx-ease: cubic-bezier(.32, .72, 0, 1); }
:root[data-theme="dark"] { --kx-ink: #F5F3EE; --kx-ink-2: #C9C2B6; --kx-stone: #211D19; --kx-hover: #2E2818; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --kx-ink: #F5F3EE; --kx-ink-2: #C9C2B6; --kx-stone: #211D19; --kx-hover: #2E2818; } }

.kx-sec { padding-top: clamp(72px, 9vw, 128px); }
.kx-head { margin-bottom: 32px; }
.kx-head h1, .kx-head h2 { margin: 0; color: var(--kx-ink); font-size: clamp(30px, 3.4vw, 48px); font-weight: 900; line-height: 1.3; text-wrap: balance; }
.kx-head p { margin: 10px 0 0; max-width: 44em; color: var(--kx-ink-2); font-size: 17px; line-height: 1.9; }
.kx-head-row { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 12px 32px; }
.kx-link { color: var(--kx-ink); font-weight: 800; text-decoration: underline; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 7px; transition: text-decoration-color .2s; }
.kx-link:hover { text-decoration-color: currentColor; }
.kx-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 26px; border-radius: 999px; font-size: 16px; font-weight: 800; text-decoration: none; transition: background-color .25s var(--kx-ease), scale .2s var(--kx-ease); touch-action: manipulation; }
.kx-pill:active { scale: .97; }
.kx-pill-ink { background: #17130F; color: var(--yellow-400); }
.kx-pill-ink:hover { background: #2A2117; }
.kx-pill:focus-visible, .kx-link:focus-visible { outline: 3px solid var(--kx-ink); outline-offset: 3px; }
.kx-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.sx { overflow: visible; }

/* ۲. محصولات: مقطع‌ها روی سفید؛ با رفتنِ نشانگر، سطحِ برش کمی از اکسترودش جدا می‌شود */
.kx-cats { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 44px 28px; margin: 0; padding: 0; }
.kx-cat { display: grid; justify-items: start; gap: 4px; color: var(--kx-ink); text-decoration: none; }
.kx-cat-sx { width: min(100%, 196px); height: auto; margin-bottom: 14px; }
.kx-cat-sx > g { transition: transform .45s var(--kx-ease); }
.kx-cat:hover .kx-cat-sx > g { transform: translate(2px, -3px); }
.kx-cat b { font-size: 20px; font-weight: 900; }
.kx-cat small { color: var(--kx-ink-2); font-size: 15px; }
.kx-cat strong { color: var(--kx-ink); font-weight: 900; font-variant-numeric: tabular-nums; }
.kx-cat:focus-visible { outline: 3px solid var(--kx-ink); outline-offset: 6px; border-radius: 12px; }

/* ۳. جست‌وجو و چهار دلیل */
.kx-find { margin-top: clamp(64px, 8vw, 112px); padding-block: 40px; background: var(--kx-stone); }
.kx-find-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.kx-search { flex: 1 1 360px; display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--bg); color: var(--fg-muted); font: inherit; font-size: 16px; text-align: start; cursor: text; transition: box-shadow .2s; }
.kx-search:hover { box-shadow: inset 0 0 0 2px var(--yellow-400); }
.kx-search:focus-visible { outline: 3px solid var(--kx-ink); outline-offset: 3px; }
.kx-search .icon { width: 20px; height: 20px; color: var(--kx-ink); }
.kx-call { color: var(--kx-ink-2); text-decoration: none; }
.kx-call b { margin-inline-start: 6px; color: var(--kx-ink); font-weight: 900; }
.kx-trust { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 28px; margin: 34px 0 0; padding: 0; }
.kx-trust li { display: grid; gap: 4px; }
.kx-trust b { color: var(--kx-ink); font-size: 24px; font-weight: 900; }
.kx-trust span { color: var(--kx-ink-2); font-size: 15px; line-height: 1.8; }
.kx-breaking { display: flex; gap: 12px; align-items: baseline; margin-top: 28px; padding: 14px 20px; border-radius: 16px; background: var(--kx-stone); color: var(--kx-ink); text-decoration: none; font-weight: 700; }
.kx-breaking b { color: var(--red-600); font-weight: 900; }

/* ۴. قیمتِ روز */
.kx-prices .pz-lead { margin: 10px 0 0; max-width: 46em; color: var(--kx-ink-2); font-size: 17px; line-height: 1.9; }
.kx-fresh { display: inline-flex; align-items: center; gap: 10px; margin: 0; color: var(--kx-ink-2); font-size: 15px; }
.kx-fresh b { color: var(--kx-ink); }
.kx-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.kx-tabs::-webkit-scrollbar { display: none; }
.kx-tabs button { flex: none; display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 20px 0 16px; border: 0; border-radius: 999px; background: var(--kx-stone); color: var(--kx-ink); font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; transition: background-color .25s var(--kx-ease), color .25s var(--kx-ease); touch-action: manipulation; }
.kx-tabs button .sx-glyph { width: 22px; height: 22px; fill: currentColor; opacity: .55; }
.kx-tabs button:hover { background: var(--kx-hover); }
.kx-tabs button[aria-selected="true"] { background: #17130F; color: var(--yellow-400); }
.kx-tabs button[aria-selected="true"] .sx-glyph { opacity: 1; }
.kx-tabs button:focus-visible { outline: 3px solid var(--kx-ink); outline-offset: 2px; }
.kx-panel { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 44px; align-items: start; }
.kx-panel[hidden] { display: none; }
.kx-card { position: sticky; top: calc(var(--header-h, 120px) + 16px); display: grid; justify-items: start; gap: 12px; padding: 28px; border-radius: 28px; background: var(--yellow-400); color: #17130F; }
.kx-card .sx-extrude { fill: #17130F; }
.kx-card-sx { width: 150px; height: auto; margin-bottom: 4px; }
.kx-card h3 { margin: 0; font-size: 24px; font-weight: 900; color: #17130F; }
.kx-range { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin: 0; }
.kx-range small { flex-basis: 100%; color: #3D3428; font-size: 13px; }
.kx-range b { font-size: 32px; font-weight: 900; line-height: 1.25; font-variant-numeric: tabular-nums; }
.kx-range span { color: #3D3428; }
.kx-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; color: #3D3428; font-size: 15px; }
.kx-meta .up { color: #991B1B; font-weight: 800; }
.kx-meta .down { color: #14532D; font-weight: 800; }
.kx-expert { display: flex; align-items: center; justify-content: space-between; gap: 12px; justify-self: stretch; margin-top: 6px; padding: 14px 16px; border-radius: 16px; background: rgb(23 19 15 / .08); color: #17130F; text-decoration: none; transition: background-color .2s; }
.kx-expert:hover { background: rgb(23 19 15 / .14); }
.kx-expert b { display: block; font-weight: 900; }
.kx-expert small { color: #3D3428; font-size: 13px; }
.kx-expert .ltr { font-weight: 900; white-space: nowrap; }
/* جدولِ قیمت: جدولِ واقعی (سرستون برای صفحه‌خوان، tr[data-code] برای به‌روزرسانیِ زنده)؛ هر ردیف یک قرصِ سنگی */
.kx-tbl { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0 6px; margin-top: -6px; }
.kx-tbl thead th { padding: 0 12px 2px; color: var(--kx-ink-2); font-size: 13px; font-weight: 700; text-align: start; }
.kx-tbl thead th:first-child { padding-inline-start: 18px; }
.kx-tbl thead th:nth-child(2) { width: 200px; }
.kx-tbl thead th:nth-child(3) { width: 168px; }
.kx-tbl thead th:nth-child(4) { width: 60px; }
.kx-tbl tbody tr > * { height: 68px; padding: 0 12px; background: var(--kx-stone); text-align: start; font-weight: inherit; vertical-align: middle; transition: background-color .2s; }
.kx-tbl tbody tr > :first-child { padding-inline-start: 18px; border-start-start-radius: 18px; border-end-start-radius: 18px; }
.kx-tbl tbody tr > :last-child { padding-inline: 0 12px; border-start-end-radius: 18px; border-end-end-radius: 18px; }
.kx-tbl tbody tr:hover > * { background: var(--kx-hover); }
.kx-name { display: grid; gap: 2px; min-width: 0; color: var(--kx-ink); text-decoration: none; }
.kx-name b { font-size: 17px; font-weight: 900; }
.kx-name small { color: var(--kx-ink-2); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kx-price { display: flex; align-items: baseline; gap: 6px; }
.kx-price b { color: var(--kx-ink); font-size: 20px; font-weight: 900; font-variant-numeric: tabular-nums; }
.kx-price small { color: var(--kx-ink-2); font-size: 13px; }
.kx-add { display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 999px; background: #17130F; color: var(--yellow-400); cursor: pointer; transition: scale .2s var(--kx-ease), background-color .2s; touch-action: manipulation; }
.kx-add:hover { background: #2A2117; }
.kx-add:active { scale: .92; }
.kx-add .icon { width: 16px; height: 16px; }
.kx-add:focus-visible { outline: 3px solid var(--kx-ink); outline-offset: 2px; }
.kx-table-foot { display: flex; flex-wrap: wrap; gap: 8px 26px; margin: 18px 0 0; padding: 0 18px; font-size: 15px; }
.kx-table-foot a { color: var(--kx-ink); font-weight: 800; text-decoration: underline; text-decoration-color: color-mix(in srgb, currentColor 30%, transparent); text-underline-offset: 6px; }

/* ۵. روندِ خرید روی زرد */
.kx-buy { margin-top: clamp(72px, 9vw, 128px); }
.kx-buy-in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr); gap: clamp(32px, 5vw, 80px); padding: clamp(32px, 5vw, 64px); border-radius: 28px; background: var(--yellow-400); color: #17130F; }
.kx-buy-head h2 { margin: 0 0 14px; font-size: clamp(30px, 3.4vw, 48px); font-weight: 900; line-height: 1.3; color: #17130F; text-wrap: balance; }
.kx-buy-head p { margin: 0 0 26px; color: #3D3428; font-size: 17px; line-height: 1.9; }
.kx-buy .kx-link { color: #17130F; }
.kx-steps { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 40px; margin: 0; padding: 0; }
.kx-n { display: block; color: #17130F; font-size: 48px; font-weight: 900; line-height: 1; font-variant-numeric: tabular-nums; }
.kx-steps h3 { margin: 10px 0 4px; font-size: 20px; font-weight: 900; color: #17130F; }
.kx-steps p { margin: 0; color: #3D3428; font-size: 15px; line-height: 1.85; }

/* ۶. نمای بازار: کاشی‌های همان صفحه‌ی بازار، روی سنگیِ روشن و بی قاب */
.kx-idx > * { border: 0 !important; box-shadow: none !important; background: var(--kx-stone) !important; border-radius: 22px !important; }

/* ۷. خبر */
.kx-news { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, .9fr); gap: 44px; align-items: start; }
.kx-news.no-tw { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.kx-story { display: grid; gap: 10px; color: var(--kx-ink); text-decoration: none; }
.kx-story.no-cover { padding: 28px; border-radius: 28px; background: var(--kx-stone); }
.kx-cover { display: block; aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; background: var(--kx-stone); margin-bottom: 6px; }
.kx-cover img { width: 100%; height: 100%; object-fit: cover; }
.kx-story h3 { margin: 0; font-size: 24px; font-weight: 900; line-height: 1.6; color: var(--kx-ink); }
.kx-story p { margin: 0; color: var(--kx-ink-2); line-height: 1.9; }
.kx-story:hover h3 { text-decoration: underline; text-underline-offset: 7px; text-decoration-color: color-mix(in srgb, currentColor 30%, transparent); }
.kx-when { display: flex; gap: 10px; color: var(--kx-ink-2); font-size: 13px; }
.kx-when b { color: var(--kx-ink); font-weight: 800; }
.kx-when b.hot { color: var(--red-600); }
.kx-heads { list-style: none; display: grid; gap: 8px; margin: 0; padding: 0; }
.kx-heads a { display: grid; gap: 6px; padding: 16px 18px; border-radius: 18px; background: var(--kx-stone); color: var(--kx-ink); text-decoration: none; transition: background-color .2s; }
.kx-heads a:hover { background: var(--kx-hover); }
.kx-h { font-weight: 800; line-height: 1.75; }
.kx-tw h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; color: var(--kx-ink); font-size: 17px; font-weight: 900; }
.kx-tw h3 a { margin-inline-start: auto; color: var(--kx-ink-2); font-size: 15px; font-weight: 700; }
.kx-tw ol { list-style: none; display: grid; gap: 8px; margin: 0; padding: 0; }
.kx-tw li { padding: 12px 16px; border-radius: 16px; background: var(--kx-stone); }
.kx-tw time { display: block; margin-bottom: 4px; color: var(--kx-ink-2); font-size: 13px; }
.kx-tw .nw-tw-text { color: var(--kx-ink); font-size: 15px; line-height: 1.85; }

/* راهنمای خرید روی سنگیِ روشن */
.kx-guide-sec { margin-top: clamp(72px, 9vw, 128px); padding-block: clamp(48px, 6vw, 80px); background: var(--kx-stone); }
.kx-guide { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 40px; }
.kx-guide h3 { margin: 0 0 12px; color: var(--kx-ink); font-size: 17px; font-weight: 900; }
.kx-guide ul { list-style: none; display: grid; gap: 10px; margin: 0; padding: 0; }
.kx-guide a { display: inline-flex; align-items: center; gap: 8px; color: var(--kx-ink-2); font-size: 15px; text-decoration: none; }
.kx-guide a:hover { color: var(--kx-ink); text-decoration: underline; text-underline-offset: 5px; }
.kx-guide .sx-glyph { width: 16px; height: 16px; fill: currentColor; opacity: .6; flex: none; }

/* پرسش‌ها */
.kx-faq { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: 48px; align-items: start; padding-bottom: clamp(72px, 9vw, 128px); }
.kx-faq h2 { margin: 0 0 12px; color: var(--kx-ink); font-size: clamp(30px, 3.4vw, 48px); font-weight: 900; }
.kx-faq p { margin: 0; color: var(--kx-ink-2); font-size: 17px; line-height: 1.9; }
.kx-faq .faq details { border: 0; border-radius: 18px; background: var(--kx-stone); box-shadow: none; }
.kx-faq .faq details[open] { background: var(--kx-hover); box-shadow: none; }

@media (max-width: 1080px) {
  .kx-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kx-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kx-panel { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .kx-card { position: static; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; }
  .kx-card-sx { grid-row: span 3; width: 110px; }
  .kx-buy-in { grid-template-columns: minmax(0, 1fr); }
  .kx-news, .kx-news.no-tw { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .kx-tw { grid-column: 1 / -1; }
  .kx-guide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .kx-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  .kx-cat-sx { width: 100%; }
  .kx-cat b { font-size: 17px; }
  .kx-find-bar .kx-pill { flex: 1 1 auto; }
  .kx-call { flex-basis: 100%; }
  .kx-trust b { font-size: 20px; }
  /* گوشی: کارتِ گروه جمع‌وجور، مقطع کنارِ نام و بازه؛ دکمه و کارشناس تمام‌عرض */
  .kx-card { grid-template-columns: minmax(0, 1fr) 76px; column-gap: 14px; row-gap: 10px; padding: 20px; border-radius: 22px; }
  .kx-card-sx { grid-column: 2; grid-row: 1 / span 2; width: 76px; margin: 0; }
  .kx-card h3 { grid-column: 1; grid-row: 1; font-size: 20px; }
  .kx-range { grid-column: 1; grid-row: 2; }
  .kx-range b { font-size: 24px; }
  .kx-meta, .kx-card .kx-pill, .kx-expert { grid-column: 1 / -1; }
  .kx-card .kx-pill { min-height: 46px; }
  .kx-expert { margin-top: 0; padding: 10px 14px; }
  /* گوشی: هر ردیف دو خط، نام کنارِ قیمت و تغییر؛ سرستون فقط برای صفحه‌خوان */
  .kx-tbl, .kx-tbl tbody { display: block; margin: 0; }
  .kx-tbl thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .kx-tbl tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto 40px; grid-template-areas: "n p a" "n c a"; column-gap: 12px; row-gap: 2px; align-items: center; margin-bottom: 6px; padding: 12px; padding-inline-start: 16px; border-radius: 18px; background: var(--kx-stone); transition: background-color .2s; }
  .kx-tbl tbody tr:hover { background: var(--kx-hover); }
  .kx-tbl tbody tr > * { display: block; height: auto; padding: 0 !important; background: none !important; border-radius: 0 !important; }
  .kx-tbl tbody th { grid-area: n; min-width: 0; } .kx-tbl .kx-price { grid-area: p; justify-content: end; display: flex; } .kx-tbl .kx-chg { grid-area: c; justify-self: end; } .kx-tbl .kx-act { grid-area: a; }
  .kx-tabs button { min-height: 44px; padding: 0 16px 0 12px; }
  .kx-steps { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .kx-n { font-size: 32px; }
  .kx-news, .kx-news.no-tw { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .kx-guide { grid-template-columns: minmax(0, 1fr); }
  .kx-faq { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (prefers-reduced-motion: reduce) { .kx-cat-sx > g, .kx-pill, .kx-add { transition: none; } }

/* حالتِ شب: دکمه‌ها و زبانه‌ی جاریِ سیاه روی زمینه‌ی تیره گم می‌شدند؛ آن‌جا زردند (کارت و روندِ خریدِ زرد همان سیاه را نگه می‌دارند) */
:root[data-theme="dark"] :is(.kx-find, .kx-prices .kx-table, .kx-tabs) :is(.kx-pill-ink, .kx-add, button[aria-selected="true"]) { background: var(--yellow-400); color: #17130F; }
:root[data-theme="dark"] .kx-cat .sx-extrude, :root[data-theme="dark"] .kx-sec > .wrap > .kx-cats .sx-extrude { fill: #000; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) :is(.kx-find, .kx-prices .kx-table, .kx-tabs) :is(.kx-pill-ink, .kx-add, button[aria-selected="true"]) { background: var(--yellow-400); color: #17130F; }
}


/* تغییرِ روز در جدول: تراشه یک‌خط، رقم‌ها ۱۳ پیکسل */
.kx-chg .chg { white-space: nowrap; font-size: 13px; }
.kx-chg .chg .pct { font-size: inherit; }

/* نمای بازار (۱۸ آبان): نوارِ جوهری، هم‌رنگِ نوارِ قیمتِ زیرِ سربرگ. هر کالا یک ردیف: نام، روندِ سی روزه، قیمت، تغییرِ روز و هفته و ماه.
   کارت‌های خاکستریِ کوچک (برچسبِ ریز بالای عدد) جایشان را به سطرهایی داده‌اند که از دور خوانده می‌شوند؛ قرمز گران‌تر، سبز ارزان‌تر. */
.kx-mkt { margin-top: clamp(72px, 9vw, 128px); padding-block: clamp(56px, 7vw, 96px); background: #17130F; color: #F5F3EE; }
.kx-mkt .kx-head h2 { color: #F5F3EE; }
.kx-mkt .kx-head p { color: #C9C2B6; }
.kx-mkt .kx-link { color: var(--yellow-400); }
.kx-mkt .kx-idx { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.kx-mkt .kx-idx > .mkc { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.5fr) minmax(0, 1.25fr) minmax(0, 1.15fr); grid-template-areas: "top spark val foot"; align-items: center; column-gap: 32px; padding: 18px 26px; background: rgb(255 255 255 / .05) !important; border-radius: 20px !important; color: #F5F3EE; transition: background-color .2s; }
.kx-mkt .kx-idx > .mkc:hover { background: rgb(255 255 255 / .1) !important; }
.kx-mkt .kx-idx > .mkc:focus-visible { outline: 3px solid var(--yellow-400); outline-offset: 2px; }
.kx-mkt .idx-top { grid-area: top; }
.kx-mkt .idx-name { color: #F5F3EE; font-size: 17px; font-weight: 900; }
.kx-mkt .idx-top .code { display: none; }
.kx-mkt .idx-val { grid-area: val; color: #F5F3EE; font-size: 24px; line-height: 1.35; }
.kx-mkt .idx-val small { color: #A8A094; font-size: 13px; }
.kx-mkt .spark-w { grid-area: spark; height: 40px; }
.kx-mkt .spark { height: 40px; }
.kx-mkt .spark-dot { box-shadow: 0 0 0 2px #17130F; }
.kx-mkt .mkc .spark-w.up, .kx-mkt .mkc.up .spark-w { color: #F87171; }
.kx-mkt .mkc .spark-w.down, .kx-mkt .mkc.down .spark-w { color: #4ADE80; }
.kx-mkt .mkc .spark-w.flat, .kx-mkt .mkc.flat .spark-w { color: #A8A094; }
.kx-mkt .idx-foot { grid-area: foot; justify-content: flex-start; gap: 20px; color: #A8A094; font-size: 13px; }
.kx-mkt .idx-foot .chg { padding: 0; background: none; font-size: 15px; }
.kx-mkt .chg.rise { color: #F87171; }
.kx-mkt .chg.fall { color: #4ADE80; }
.kx-mkt .chg:is(.muted, .flat) { color: #C9C2B6; }
:root[data-theme="dark"] .kx-mkt { background: #0D0B09; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .kx-mkt { background: #0D0B09; } }
@media (max-width: 900px) {
  .kx-mkt .kx-idx > .mkc { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "top val" "spark spark" "foot foot"; row-gap: 10px; padding: 16px 18px; }
  .kx-mkt .idx-val { text-align: end; }
}

/* اخبار: وقتی فقط یک نوشته هست، تمام‌عرض و درشت‌تر (نیمه‌ی خالیِ صفحه نماند) */
.kx-news:has(> .kx-story:only-child) { grid-template-columns: minmax(0, 1fr); }
.kx-story.no-cover:only-child { padding: clamp(28px, 4vw, 48px); }
.kx-story:only-child h3 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.5; }
.kx-story:only-child p { max-width: 46em; font-size: 17px; }