/* Homepage-only refresh. Kept separate so archives, articles and players retain
   their existing design. Settings still own section order, sources and colors. */
html body.site-theme-eslahat #main.esh-home-refresh {
    --home-gap: var(--esh-section-gap, 16px);
    --home-radius: var(--esh-card-radius, 10px);
    --home-shadow: 0 3px 12px rgba(12, 39, 64, .075);
}
/* فاصلهٔ بین بخش‌ها را از یک نقطه کنترل می‌کنیم تا باز و بسته بودن
   کارت‌های خدمات روز روی فاصلهٔ بخش بعدی اثر نگذارد. */
html body.site-theme-eslahat #main.esh-home-refresh > .esh-phase-shell {
    row-gap: var(--home-gap);
}
html body.site-theme-eslahat #main.esh-home-refresh > .esh-phase-shell > .esh-phase-ordered {
    margin-block: 0 !important;
}
html body.site-theme-eslahat #main.esh-home-refresh > .esh-phase-shell > .esh-phase-ordered {
    order: var(--esh-section-order, 990) !important;
}
html body.site-theme-eslahat #main.esh-home-refresh :is(.esh-phase-panel, .esh-phase-news-card, .esh-phase-dashboard-card, .esh-service-card, .esh-topic-card, .esh-phase-service-panel) {
    border: 1px solid var(--esh-line);
    border-radius: var(--home-radius);
    box-shadow: var(--home-shadow);
}
html body.site-theme-eslahat #main.esh-home-refresh :is(.esh-phase-panel-head, .esh-phase-dashboard-head, .esh-service-card-head, .esh-phase-media-head) {
    /* رنگ تیره و روشن هر دو از خودِ رنگ سرویس ساخته می‌شوند؛
       شروع گرادیان در گوشهٔ بالای راست و پایان آن در پایینِ چپ است. */
    background: var(--service-color, var(--esh-primary, #207e96));
    background: linear-gradient(to left bottom,
        color-mix(in srgb, var(--service-color, var(--esh-primary, #207e96)) 58%, #000 42%) 0%,
        color-mix(in srgb, var(--service-color, var(--esh-primary, #207e96)) 78%, #fff 22%) 100%);
    box-shadow: none;
}
html body.site-theme-eslahat #main.esh-home-refresh :is(.esh-phase-service-panel .esh-phase-media-head, .esh-service-card .esh-service-card-head) {
    background: var(--service-color, #238da5);
    background: linear-gradient(to left bottom,
        color-mix(in srgb, var(--service-color, #238da5) 58%, #000 42%) 0%,
        color-mix(in srgb, var(--service-color, #238da5) 78%, #fff 22%) 100%);
}
/* عنوان داخلی پنل قبلاً یک مستطیل فیروزه‌ای جدا روی گرادیان می‌کشید؛
   شفاف می‌ماند تا تمام هد یکپارچه و وابسته به رنگ سرویس دیده شود. */
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-media-head-title {
    background: transparent !important;
}
/* هدهای «آخرین اخبار» و «پیشنهاد سردبیر» همان فاصلهٔ داخلی هد سرویس‌ها را
   داشته باشند؛ خودِ فهرست خبرها عمداً بدون جابه‌جایی باقی می‌ماند. */
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-hero-grid > :is(.esh-phase-editorial, .esh-phase-latest) > .esh-phase-media-head {
    width: auto;
    margin: .6rem .6rem 0;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-hero-slider {
    border: 1px solid var(--esh-line);
    border-radius: var(--home-radius);
    box-shadow: var(--home-shadow);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-hero-slider::before { content: none; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-hero-title strong { text-wrap: pretty; }
/* هاب مستقل لینک سرویس‌ها؛ قبل از کارت ویژه قرار می‌گیرد و فقط از فهرست
   دسته‌بندی‌های عمومی تغذیه می‌شود تا کارت‌های خبری تکرار نشوند. */
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links {
    width: 100%;
    box-sizing: border-box;
    padding: 14px;
    border: 1px solid var(--esh-line);
    border-radius: var(--home-radius);
    background: var(--esh-panel, #fff);
    box-shadow: var(--home-shadow);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 8px 14px;
    box-sizing: border-box;
    border-radius: calc(var(--home-radius) - 2px);
    color: #fff;
    background: linear-gradient(112deg, #19b6c2 0%, #17618c 54%, #0d2758 100%);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-title,
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-title h2 {
    margin: 0;
    color: #fff;
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.5;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-head-icon {
    display: grid;
    place-items: center;
    line-height: 0;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-more {
    color: rgba(255,255,255,.86);
    font-size: .72rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-more:hover { color: #fff; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link {
    display: grid;
    place-items: center;
    align-content: center;
    min-width: 0;
    min-height: 96px;
    padding: 10px 6px 9px;
    box-sizing: border-box;
    border: 1px solid var(--esh-line);
    border-top: 3px solid var(--service-link-color, var(--esh-primary, #238da5));
    border-radius: 9px;
    color: var(--esh-text);
    background: var(--esh-panel-2, #fff);
    text-align: center;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link:hover {
    border-color: var(--service-link-color, var(--esh-primary, #238da5));
    box-shadow: 0 5px 14px color-mix(in srgb, var(--service-link-color, #238da5) 22%, transparent);
    transform: translateY(-2px);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-bottom: 7px;
    border-radius: 13px;
    color: var(--service-link-color, var(--esh-primary, #238da5));
    background: color-mix(in srgb, var(--service-link-color, #238da5) 12%, #fff);
    line-height: 0;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link-icon svg { display: block; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link-label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: var(--service-link-color, var(--esh-text));
    font-size: .78rem;
    font-weight: 900;
    line-height: 1.6;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link--all {
    background: color-mix(in srgb, #f97316 6%, var(--esh-panel-2, #fff));
}
html[data-theme="dark"] body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links {
    border-color: #2e405a;
    background: #15243a;
}
html[data-theme="dark"] body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link {
    border-color: #2e405a;
    background: #1a2c45;
}
html[data-theme="dark"] body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link-icon {
    background: color-mix(in srgb, var(--service-link-color, #238da5) 18%, #15243a);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-panels {
    gap: var(--home-gap);
    margin-block: 0;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-local-news {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-local-news > .esh-phase-service-panel {
    border-top: 3px solid #238da5;
}
html body.site-theme-eslahat #main.esh-home-refresh :is(.esh-service-lead-image, .esh-phase-service-lead-image) {
    display: block;
    aspect-ratio: 16 / 9;
    height: auto;
    overflow: hidden;
    border-radius: 6px;
}
html body.site-theme-eslahat #main.esh-home-refresh :is(.esh-service-lead-image, .esh-phase-service-lead-image) > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-list {
    background: transparent;
    border-radius: 0;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-list-item {
    padding-block: 10px;
    min-height: 64px;
    border-bottom: 1px solid var(--esh-line);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-list-item:last-child { border-bottom: 0; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-topic-card {
    height: auto !important;
    min-height: 0 !important;
    align-self: start;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-media-hub { border-radius: 0 !important; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-video-archive-thumb {
    width: 88px;
    height: auto;
    flex: 0 0 88px;
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    overflow: hidden;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-video-archive-thumb > :is(img, video) {
    width: 100%; height: 100%; object-fit: cover; border-radius: inherit;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-frame {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-video-feature-copy {
    direction: rtl;
    text-align: right;
}
/* All utilities start as useful summaries. Details remain native, keyboard
   accessible and fully functional without JavaScript. */
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools {
    margin-block: 0 !important;
    padding: 18px !important;
    border: 1px solid #b5d1dc;
    border-radius: var(--home-radius);
    background: linear-gradient(135deg, #e8f5f8 0%, #d8edf2 100%) !important;
    color: var(--esh-text);
    box-shadow: var(--home-shadow);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-head {
    margin-bottom: 12px;
    padding: 9px 12px;
    border: 0;
    border-radius: calc(var(--home-radius) - 2px);
    background: linear-gradient(to left,
        color-mix(in srgb, var(--esh-primary, #238da5) 58%, #102a4a 42%) 0%,
        color-mix(in srgb, var(--esh-primary, #238da5) 90%, #ffffff 10%) 100%);
    color: #fff;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-heading {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2rem;
    line-height: 1;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-heading > span,
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-media-head-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    line-height: 0;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-heading > span svg,
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-media-head-icon svg,
html body.site-theme-eslahat #main.esh-home-refresh .esh-service-card-head h2 svg,
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-dashboard-heading svg {
    display: block;
    flex: 0 0 auto;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-heading h2,
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-subtitle {
    color: #fff !important;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-heading h2 {
    display: block;
    line-height: 1.5;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-subtitle { color: rgba(255,255,255,.78) !important; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: var(--home-gap) !important;
}
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card {
    position: relative;
    isolation: isolate;
    display: block;
    height: auto !important;
    min-height: 0 !important;
    align-self: start;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 14px;
    background: var(--tool-card-start, var(--esh-panel));
    color: var(--esh-text);
    box-shadow: 0 8px 18px rgba(12, 39, 64, .12), 0 1px 2px rgba(12, 39, 64, .08);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card::before {
    position: absolute;
    z-index: -1;
    width: 11rem;
    height: 11rem;
    top: -7.5rem;
    right: -4rem;
    content: '';
    border-radius: 50%;
    background: rgba(255, 255, 255, .13);
    pointer-events: none;
}
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, .48);
    box-shadow: 0 12px 24px rgba(12, 39, 64, .17), 0 2px 4px rgba(12, 39, 64, .08);
}
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--freezing { --tool-card-start:#1e3a8a; --tool-card-end:#38bdf8; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--cold { --tool-card-start:#1d4ed8; --tool-card-end:#60a5fa; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--cool { --tool-card-start:#0284c7; --tool-card-end:#67e8f9; --tool-card-text:#06344b; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--mild { --tool-card-start:#0891b2; --tool-card-end:#fde68a; --tool-card-text:#143047; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--warm { --tool-card-start:#fbbf24; --tool-card-end:#fb923c; --tool-card-text:#512208; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--hot { --tool-card-start:#f97316; --tool-card-end:#ef4444; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--very-hot { --tool-card-start:#ef4444; --tool-card-end:#b91c1c; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--extreme { --tool-card-start:#dc2626; --tool-card-end:#7f1d1d; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card.esh-home-weather--unknown { --tool-card-start:#256d86; --tool-card-end:#238da5; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card--prayer { --tool-card-start:#064e3b; --tool-card-end:#15803d; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card--market { --tool-card-start:#6b4305; --tool-card-end:#d4a72c; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card--league { --tool-card-start:#14532d; --tool-card-end:#4d9b42; --tool-card-text:#fff; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 38px;
    align-items: center;
    column-gap: 12px;
    min-height: 112px;
    padding: 16px 14px;
    box-sizing: border-box;
    list-style: none;
    color: var(--tool-card-text, var(--esh-text));
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .13) 0%, rgba(255, 255, 255, 0) 52%),
        linear-gradient(135deg, var(--tool-card-start, var(--esh-panel)) 0%, var(--tool-card-end, var(--esh-panel-2)) 100%);
    direction: rtl;
    cursor: pointer;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary:focus-visible {
    outline: 3px solid rgba(255, 255, 255, .9);
    outline-offset: -4px;
}
html body.site-theme-eslahat #main.esh-home-refresh details.esh-phase-tool-card[open] {
    border-color: rgba(255, 255, 255, .48);
    box-shadow: 0 10px 22px rgba(12, 39, 64, .18), 0 2px 5px rgba(12, 39, 64, .08);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary::-webkit-details-marker { display: none; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    text-align: right;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary strong {
    display: block;
    color: inherit;
    font-size: .98rem;
    font-weight: 900;
    line-height: 1.45;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary small {
    display: block;
    margin-top: 5px;
    color: color-mix(in srgb, var(--tool-card-text, var(--esh-muted)) 82%, transparent);
    font-size: .75rem;
    line-height: 1.75;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-icon {
    display: grid;
    place-items: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    box-sizing: border-box;
    color: var(--tool-card-text, #187a8c);
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 5px 12px rgba(5, 35, 47, .1);
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-chevron {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    border: 1.5px solid color-mix(in srgb, var(--tool-card-text, #fff) 78%, transparent);
    border-radius: 50%;
    color: var(--tool-card-text, #fff);
    background: color-mix(in srgb, var(--tool-card-start, #103943) 32%, transparent);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--tool-card-text, #fff) 12%, transparent),
        0 5px 12px color-mix(in srgb, var(--tool-card-start, #103943) 30%, transparent);
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-chevron svg {
    display: block;
    width: 17px;
    height: 17px;
    stroke-width: 2.8;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary:hover .esh-home-tool-chevron {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--tool-card-text, #fff) 20%, transparent),
        0 5px 13px color-mix(in srgb, var(--tool-card-start, #103943) 38%, transparent);
    background: color-mix(in srgb, var(--tool-card-end, #238da5) 38%, transparent);
    transform: scale(1.04);
}
html body.site-theme-eslahat #main.esh-home-refresh details[open] > .esh-home-tool-summary .esh-home-tool-chevron {
    background: color-mix(in srgb, var(--tool-card-end, #238da5) 40%, transparent);
    transform: rotate(180deg);
}
html body.site-theme-eslahat #main.esh-home-refresh details[open] > .esh-home-tool-summary:hover .esh-home-tool-chevron {
    transform: rotate(180deg) scale(1.04);
}
html body.site-theme-eslahat #main.esh-home-refresh details:not([open]) > .esh-home-tool-content { display: none; }
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-content {
    padding: 10px;
    border-top: 1px solid var(--esh-line);
    background: var(--tool-card-start, #103943);
    background: linear-gradient(135deg, color-mix(in srgb, var(--tool-card-start, #103943) 82%, #092a33 18%), color-mix(in srgb, var(--tool-card-end, #103943) 84%, #092a33 16%));
    color: #fff;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-content > :is(.wx-card, .prayer-widget, .market-widget) {
    width: 100%; min-height: 0; margin: 0; box-sizing: border-box;
    border: 0; border-radius: 6px; box-shadow: none;
    background: transparent !important; color: #fff;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-content > .market-widget { padding: 12px; }
/* The SVG keeps its geometry; only the map's display viewport is bounded. */
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-khz-section .khz-map-card {
    box-shadow: var(--home-shadow); border-radius: var(--home-radius);
}
html body.site-theme-eslahat #main.esh-home-refresh .khz-map-head { min-height: 0; background: linear-gradient(to left, #14556c, #2a9bb0); }
html body.site-theme-eslahat #main.esh-home-refresh .khz-map-body {
    display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    min-height: 0; align-items: start;
}
html body.site-theme-eslahat #main.esh-home-refresh .khz-map-main {
    display: flex; height: 460px; min-height: 0; align-items: center; justify-content: center;
}
html body.site-theme-eslahat #main.esh-home-refresh .khz-svg {
    display: block; width: 100%; height: 100%; max-height: 100%; box-shadow: none;
}
html body.site-theme-eslahat #main.esh-home-refresh .khz-side {
    width: 100%; min-height: 0; max-height: 460px; overflow-y: auto; scrollbar-width: thin;
}
html body.site-theme-eslahat #main.esh-home-refresh .khz-wx-days { grid-template-columns: repeat(6, minmax(0, 1fr)); }
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-county-select {
    display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
    padding: 12px 16px 0; font-size: .8rem; color: #e9f6f8;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-home-county-select select {
    min-height: 42px; min-width: 170px; max-width: 100%; padding: 6px 10px;
    border: 1px solid #69949e; border-radius: 6px;
    font: inherit; color: #fff; background: #103943;
}
html body.site-theme-eslahat #main.esh-home-refresh :is(summary, select, a, button):focus-visible {
    outline: 3px solid #f58a43; outline-offset: 3px;
}
html[data-theme="dark"] body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-icon { color: #6bc5d4; }
html[data-theme="dark"] body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools {
    border-color: #2e5965;
    background: linear-gradient(135deg, #13323b 0%, #0c2730 100%) !important;
}
@media (max-width: 1050px) {
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html body.site-theme-eslahat #main.esh-home-refresh .khz-wx-days { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links { padding: 10px; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-head { padding-inline: 11px; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-title h2 { font-size: .92rem; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-more { font-size: .66rem; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link { min-height: 88px; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link-icon { width: 39px; height: 39px; margin-bottom: 5px; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-service-link-label { font-size: .74rem; }
    html body.site-theme-eslahat #main.esh-home-refresh > .esh-phase-shell > .esh-home-local-news {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-hero-title strong {
        font-size: 1rem; line-height: 1.9;
        display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
    }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary {
        grid-template-columns: 42px minmax(0, 1fr) 36px;
        column-gap: 10px;
        min-height: 94px;
        padding: 13px 12px;
    }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-chevron {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary strong { font-size: .92rem; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-home-tool-summary small { font-size: .7rem; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools { padding: 14px !important; }
    html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-daily-tools-head { padding-inline: 2px; }
    html body.site-theme-eslahat #main.esh-home-refresh .khz-map-body { grid-template-columns: minmax(0, 1fr); }
    html body.site-theme-eslahat #main.esh-home-refresh .khz-map-main { height: 320px; }
    html body.site-theme-eslahat #main.esh-home-refresh .khz-side { max-height: none; overflow: visible; }
    html body.site-theme-eslahat #main.esh-home-refresh .khz-wx-days { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
    html body.site-theme-eslahat #main.esh-home-refresh :is(.esh-home-tool-chevron, .esh-phase-service-link) { transition: none; }
}

/* فقط محتوای کارت «پیشنهاد سردبیر» راست‌به‌چپ باشد؛ جهت ltr آیتم فقط
   برای حفظ جای تصویر در سمت راست نگه داشته می‌شود. */
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-editorial,
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-editorial .esh-phase-feed,
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-editorial .esh-phase-feed-copy {
    direction: rtl;
    text-align: right;
}
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-editorial .esh-phase-feed-item,
html body.site-theme-eslahat #main.esh-home-refresh .esh-phase-editorial .esh-phase-feed-thumb {
    direction: ltr;
}