/* Jolfa editorial system v35 */
.articles-index-hero{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:58px;padding-bottom:34px}.articles-index-hero>div:first-child{max-width:760px}.articles-index-hero h1{font-size:clamp(2.25rem,4.8vw,4.4rem);line-height:1.12;margin:4px 0 0}.articles-index-hero p{max-width:65ch;margin-top:16px;color:var(--muted);font-size:1rem;line-height:2}.articles-index-hero__visual{position:relative;width:min(330px,32vw);aspect-ratio:1.15;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:32px;background:linear-gradient(145deg,var(--surface),var(--surface-tint));box-shadow:var(--shadow-soft);overflow:hidden}.articles-index-hero__visual>i{font-size:4rem;color:var(--primary);opacity:.9}.articles-index-hero__visual>span{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-soft);font-size:.72rem;font-weight:900}.articles-index-hero__visual>span:nth-of-type(1){top:24px;inset-inline-start:18px}.articles-index-hero__visual>span:nth-of-type(2){bottom:26px;inset-inline-start:34px}.articles-index-hero__visual>span:nth-of-type(3){top:50%;inset-inline-end:18px}.articles-index{padding-bottom:64px}.articles-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;padding:14px 16px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft)}.articles-toolbar>div{display:flex;flex-direction:column;gap:3px}.articles-toolbar>div strong{font-size:1rem}.articles-toolbar>div span{color:var(--muted);font-size:.73rem;font-weight:800}.article-category-filter{margin:0;min-width:230px}.article-category-filter .select-control{margin:0}.article-grid{display:flex;align-items:stretch;flex-wrap:wrap;gap:18px}.article-grid>.article-card{flex:1 1 310px;max-width:calc(33.333% - 12px)}.article-card.article-card--editorial{padding:0;gap:0;overflow:hidden;border-radius:24px;min-height:100%;background:var(--surface);transition:transform .55s cubic-bezier(.22,1,.36,1),border-color .45s ease,box-shadow .55s cubic-bezier(.22,1,.36,1)}.article-card.article-card--editorial:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--primary) 28%,var(--border));box-shadow:0 26px 58px rgba(53,22,76,.13)}.article-card__media{position:relative;display:block!important;width:100%;aspect-ratio:16/9;margin:0!important;overflow:hidden;background:var(--surface-soft)}.article-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .72s cubic-bezier(.22,1,.36,1)}.article-card:hover .article-card__media img{transform:scale(1.035)}.article-card__media::after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(17,8,25,.52));pointer-events:none}.article-card__category{position:absolute;z-index:2;inset-inline-start:13px;bottom:12px;display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(28,12,40,.72);backdrop-filter:blur(8px);color:#fff!important;font-size:.68rem!important;font-weight:950}.article-card__body{flex:1;display:flex;flex-direction:column;padding:24px 24px 26px}.article-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:.68rem;font-weight:800}.article-card__meta span{display:inline-flex;align-items:center;gap:6px}.article-card__meta i{color:var(--primary);font-size:.72rem}.article-card__body h2{margin:12px 0 0;font-size:1.12rem;line-height:1.65}.article-card__body h2 a{display:block!important;margin:0!important;color:var(--text)!important}.article-card__body>p{margin:9px 0 0;line-height:1.85;font-size:.84rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px}.article-card__author{min-width:0;display:inline-flex!important;align-items:center;gap:6px;color:var(--muted)!important;font-size:.67rem!important;font-weight:850}.article-card__author i{color:var(--primary)}.article-card__action{min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center;gap:8px!important;margin:0!important;padding:0 13px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:12px;background:var(--surface-tint);color:var(--primary)!important;font-size:.75rem;font-weight:950;white-space:nowrap;transition:.2s ease}.article-card__action:hover{background:var(--primary);border-color:var(--primary);color:#fff!important;transform:translateX(-2px)}html[dir="ltr"] .article-card__action:hover{transform:translateX(2px)}.article-grid--landing{margin-top:4px}.article-grid--related>.article-card{flex:1 1 360px;max-width:calc(50% - 9px)}.article-grid .empty-state{width:100%}

.article-reading-progress{position:fixed;z-index:1050;top:var(--header-height);inset-inline:0;height:3px;background:transparent;pointer-events:none}.article-reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--primary));transition:width .08s linear}.article-page{padding-bottom:30px}.article-page__hero{padding-top:48px}.article-breadcrumb{margin-bottom:20px}.article-page__category{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:var(--surface-tint);color:var(--primary);font-size:.76rem;font-weight:950}.article-page__hero h1{max-width:970px;margin:18px 0 0;font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.18;letter-spacing:-.035em}.article-page__lead{max-width:850px;margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:2}.article-page__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:20px;color:var(--muted);font-size:.78rem;font-weight:850}.article-page__meta span{display:inline-flex;align-items:center;gap:7px}.article-page__meta i{color:var(--primary)}.article-page__cover{margin:30px 0 0;width:100%;aspect-ratio:16/7;border:1px solid var(--border);border-radius:30px;overflow:hidden;background:var(--surface-soft);box-shadow:var(--shadow-soft)}.article-page__cover img{width:100%;height:100%;object-fit:cover;display:block}.article-reader{display:flex;align-items:flex-start;gap:30px;padding-top:30px}.article-content{flex:1 1 auto;min-width:0;max-width:860px}.article-sidebar{position:sticky;top:calc(var(--header-height) + 24px);width:270px;flex:0 0 270px;display:flex;flex-direction:column;gap:12px}.article-toc,.article-share-box,.article-summary-box,.article-author-box{border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-soft)}.article-toc{padding:17px}.article-toc>strong{display:flex;align-items:center;gap:8px;font-size:.87rem}.article-toc>strong i{color:var(--primary)}.article-toc>div{display:flex;flex-direction:column;gap:3px;margin-top:12px}.article-toc a{position:relative;padding:9px 12px;border-radius:11px;color:var(--muted);font-size:.76rem;font-weight:850;line-height:1.65;transition:.2s ease}.article-toc a::before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:3px;border-radius:999px;background:transparent}.article-toc a:hover,.article-toc a.active{background:var(--surface-tint);color:var(--primary)}.article-toc a.active::before{background:var(--primary)}.article-share-box{padding:15px}.article-share-box>span{font-size:.75rem;font-weight:900;color:var(--muted)}.article-share-box>div{display:flex;gap:8px;margin-top:10px}.article-share-box button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--primary);transition:.2s ease}.article-share-box button:hover{background:var(--primary);color:#fff}.article-share-box small{display:block;min-height:18px;margin-top:7px;color:var(--success);font-size:.66rem;font-weight:850}.article-toc-mobile{display:none}.article-summary-box{padding:20px 22px;background:linear-gradient(145deg,var(--surface),var(--surface-tint))}.article-summary-box>span{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:.8rem;font-weight:950}.article-summary-box>p{margin:9px 0 0;color:var(--text);line-height:2;font-size:.94rem}.article-content__section{scroll-margin-top:calc(var(--header-height) + 30px);padding:30px 4px 4px}.article-content__section h2{position:relative;margin:0 0 16px;padding-inline-start:17px;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.5}.article-content__section h2::before{content:"";position:absolute;inset-inline-start:0;top:.35em;width:5px;height:1.05em;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--primary))}.article-content__section p{margin:0;color:color-mix(in srgb,var(--text) 88%,var(--muted));font-size:1rem;line-height:2.15}.article-content__section p+p{margin-top:18px}.article-author-box{display:flex;align-items:flex-start;gap:15px;margin-top:34px;padding:19px 20px}.article-author-box__avatar{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:var(--surface-tint);color:var(--primary);font-size:1.2rem}.article-author-box>div{display:flex;flex-direction:column;gap:3px}.article-author-box small{color:var(--muted);font-size:.68rem;font-weight:850}.article-author-box strong{font-size:.95rem}.article-author-box p{margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.8}.article-related{padding-top:38px;padding-bottom:64px;border-top:1px solid var(--border)}

html[data-theme="dark"] .article-card.article-card--editorial:hover{box-shadow:0 22px 52px rgba(0,0,0,.32)}html[data-theme="dark"] .article-page__cover{box-shadow:0 22px 56px rgba(0,0,0,.28)}

@media(max-width:1040px){.article-grid>.article-card{max-width:calc(50% - 9px)}.article-sidebar{width:235px;flex-basis:235px}.article-reader{gap:20px}.article-page__cover{aspect-ratio:16/8}}
@media(max-width:820px){.articles-index-hero{flex-direction:column;align-items:flex-start}.articles-index-hero__visual{width:min(100%,360px)}.article-reader{display:block}.article-sidebar{display:none}.article-content{max-width:none}.article-toc-mobile{display:block;margin-bottom:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}.article-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:950}.article-toc-mobile summary::-webkit-details-marker{display:none}.article-toc-mobile summary span{display:flex;align-items:center;gap:8px}.article-toc-mobile summary span i{color:var(--primary)}.article-toc-mobile summary>i{color:var(--muted);transition:transform .2s ease}.article-toc-mobile[open] summary>i{transform:rotate(180deg)}.article-toc-mobile nav{display:flex;flex-direction:column;gap:4px;padding:0 10px 11px}.article-toc-mobile nav a{padding:9px 10px;border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:.77rem;font-weight:850}.article-page__hero h1{font-size:clamp(2.1rem,7vw,3.7rem)}.article-page__cover{border-radius:24px}}
@media(max-width:680px){.articles-toolbar{align-items:stretch;flex-direction:column}.article-category-filter{min-width:0;width:100%}.article-grid>.article-card{max-width:none;flex-basis:100%}.article-card__footer{align-items:flex-end}.article-card__author{max-width:48%}.article-card__action{padding-inline:11px}.article-page__hero{padding-top:32px}.article-page__hero h1{font-size:clamp(1.9rem,9vw,3rem)}.article-page__lead{font-size:.96rem}.article-page__cover{margin-top:22px;aspect-ratio:16/10;border-radius:20px}.article-reader{padding-top:20px}.article-summary-box{padding:17px}.article-content__section{padding-top:25px}.article-content__section p{font-size:.94rem;line-height:2.05}.article-author-box{padding:16px}.article-grid--landing{gap:14px}.article-card__body{padding:20px 20px 22px}}


/* v42: the complete article card is the navigation target */
.article-card--link{color:var(--text)!important;text-decoration:none!important;cursor:pointer;position:relative}
.article-card--link:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 32%,transparent);outline-offset:4px}
.article-card--link .article-card__media,.article-card--link .article-card__body{display:flex}
.article-card--link .article-card__media{display:block!important}
.article-card__title{display:block;margin:12px 0 0;color:var(--text);font-size:1.12rem;line-height:1.65;font-weight:950}
.article-card__summary{display:-webkit-box;margin:9px 0 0;color:var(--muted);font-size:.84rem;line-height:1.85;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-card__author,.article-card__action,.article-card__footer{display:none!important}