/* ============================================================
   PARHAM · Layout Engine
   همه‌ی کلاس‌ها با pl- شروع می‌شوند تا با panel.css و قالب فعلی
   تداخل نکنند. توکن‌ها هم با --pl- پیشوند دارند.
   ============================================================ */
:root{
  --pl-ground:#F3F6F5;
  --pl-surface:#FFFFFF;
  --pl-surface-2:#EAEFEE;
  --pl-ink:#132029;
  --pl-ink-2:#38505C;
  --pl-muted:#66808B;
  --pl-line:#D8E1E0;
  --pl-line-strong:#BECBC9;
  --pl-accent:#0B7F7A;
  --pl-accent-ink:#075E5A;
  --pl-accent-soft:#E2F0EE;
  --pl-saffron:#B76A12;
  --pl-saffron-soft:#F7EBDA;

  --pl-r-sm:4px;
  --pl-r-md:8px;
  --pl-r-lg:14px;

  --pl-gap:clamp(18px,2.2vw,28px);
  --pl-space:clamp(44px,6vw,80px);

  --pl-display:"Markazi Text","Vazirmatn",Vazir,serif;
  --pl-ui:inherit;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --pl-ground:#0D1417; --pl-surface:#141E22; --pl-surface-2:#1B282D;
    --pl-ink:#E7EFED; --pl-ink-2:#B4C8C7; --pl-muted:#8399A0;
    --pl-line:#243237; --pl-line-strong:#31444A;
    --pl-accent:#33B3AB; --pl-accent-ink:#5ECFC7; --pl-accent-soft:#122B2B;
    --pl-saffron:#E0A054; --pl-saffron-soft:#2A2018;
  }
}
[data-theme="dark"]{
  --pl-ground:#0D1417; --pl-surface:#141E22; --pl-surface-2:#1B282D;
  --pl-ink:#E7EFED; --pl-ink-2:#B4C8C7; --pl-muted:#8399A0;
  --pl-line:#243237; --pl-line-strong:#31444A;
  --pl-accent:#33B3AB; --pl-accent-ink:#5ECFC7; --pl-accent-soft:#122B2B;
  --pl-saffron:#E0A054; --pl-saffron-soft:#2A2018;
}

.pl-region{
  --pl-max:1400px;
  direction:rtl;color:var(--pl-ink);
  max-width:var(--pl-max);margin-inline:auto;
  padding-inline:clamp(16px,3vw,32px);
  padding-block:clamp(20px,3vw,36px) clamp(28px,4vw,56px);
}
.pl-region,.pl-region *,.pl-region *::before,.pl-region *::after{box-sizing:border-box}
/* pl-hidden-fix — کلاس‌های چیدمان (display:grid) بر قاعده‌ی پیش‌فرض مرورگر
   برای صفت hidden غلبه می‌کنند؛ بدون این خط هر پنج پنل تب هم‌زمان دیده می‌شوند. */
.pl-region [hidden]{display:none!important}
.pl-region a{color:inherit;text-decoration:none}
.pl-region h2,.pl-region h3,.pl-region h4{margin:0;text-wrap:balance;line-height:1.35}
.pl-region p{margin:0}
.pl-region ul,.pl-region ol{margin:0;padding:0;list-style:none}
.pl-region img{display:block;width:100%;height:100%;object-fit:cover}
.pl-region a:focus-visible,.pl-region button:focus-visible{
  outline:2px solid var(--pl-accent);outline-offset:3px;border-radius:var(--pl-r-sm);
}

.pl-section{margin-top:var(--pl-space)}

/* ---------- قاب بخش (اختیاری، هر بخش جداگانه) ---------- */
.pl-section--boxed{
  background:var(--pl-surface);
  border:1px solid var(--pl-line);
  border-radius:22px;
  padding:clamp(18px,2.6vw,34px);
  box-shadow:0 1px 2px rgba(19,32,41,.04),0 18px 40px -34px rgba(19,32,41,.5);
}
.pl-section--boxed.pl-section--vertical{padding-inline-start:clamp(14px,2vw,26px)}
/* در بخش قاب‌دار، ستون عنوان عمودی با یک خط مویی از محتوا جدا می‌شود */
.pl-section--boxed .pl-vhead{
  border-inline-end:1px solid var(--pl-line);
  padding-inline-end:clamp(10px,1.4vw,18px);
  margin-inline-end:clamp(4px,1vw,10px);
}
.pl-section--boxed .pl-vhead__rule{background:linear-gradient(var(--pl-accent),transparent)}
/* چیدمان پله‌ای داخل قاب، فاصله‌ی بالای کمتری لازم دارد */
.pl-section--boxed .pl-alcove>*:nth-child(even){margin-top:clamp(12px,2.4vw,34px)}
.pl-section:first-child{margin-top:0}

/* ---------- سربرگ افقی ---------- */
.pl-head{display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(18px,2.4vw,28px)}
.pl-head h2{
  font-family:var(--pl-display);font-weight:700;
  font-size:clamp(24px,3vw,34px);line-height:1.15;
  padding-bottom:5px;border-bottom:3px solid var(--pl-accent);
}
.pl-head__sub{font-size:13px;color:var(--pl-muted)}
.pl-head__rule{flex:1;height:1px;background:var(--pl-line);align-self:center}
.pl-head__more{font-size:13px;font-weight:700;color:var(--pl-accent-ink);white-space:nowrap}
.pl-head__more::after{content:"‹";font-size:18px;margin-inline-start:5px}

/* ---------- سربرگ عمودی ---------- */
.pl-section--vertical{display:grid;grid-template-columns:64px 1fr;gap:clamp(14px,2.4vw,30px)}
.pl-vhead{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:4px}
.pl-vhead h2{
  writing-mode:vertical-rl;white-space:nowrap;
  font-family:var(--pl-display);
  font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1;
}
.pl-vhead__rule{flex:1;width:1px;background:linear-gradient(var(--pl-accent),var(--pl-line) 40%,transparent)}
.pl-vhead a{writing-mode:vertical-rl;white-space:nowrap;font-size:12px;font-weight:700;color:var(--pl-accent-ink);letter-spacing:.14em}

/* ---------- اجزای مشترک ---------- */
.pl-thumb{
  position:relative;display:block;overflow:hidden;
  border-radius:var(--pl-r-md);background:var(--pl-surface-2);max-width:100%;
}
.pl-thumb__cap{
  position:absolute;inset-block-end:8px;inset-inline-start:10px;
  color:#fff;font-size:11.5px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.55);
}
.pl-tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--pl-accent-ink)}
.pl-meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:12px;color:var(--pl-muted);font-variant-numeric:tabular-nums;
}
.pl-dot{width:3px;height:3px;border-radius:50%;background:var(--pl-line-strong);display:inline-block}
.pl-excerpt{
  color:var(--pl-ink-2);font-size:13.5px;line-height:1.9;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}

/* ---------- کارتِ مطلب: باکس دور هر آیتم (تنظیم item_boxed) ---------- */
.pl-section--cards .pl-card,
.pl-section--cards .pl-niche,
.pl-section--cards .pl-ranked li,
.pl-section--cards .pl-compact li{
  background:var(--pl-surface);
  border:1px solid var(--pl-line);
  border-radius:16px;
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.pl-section--cards .pl-card:hover,
.pl-section--cards .pl-niche:hover,
.pl-section--cards .pl-ranked li:hover,
.pl-section--cards .pl-compact li:hover{
  border-color:var(--pl-line-strong);
  box-shadow:0 1px 2px rgba(19,32,41,.05),0 16px 34px -26px rgba(19,32,41,.55);
  transform:translateY(-2px);
}

/* کارت تصویردار: تصویر تا لبه، متن با حاشیه‌ی داخلی */
.pl-section--cards .pl-card>a{gap:0;height:100%}
.pl-section--cards .pl-card .pl-thumb{border-radius:0}
.pl-section--cards .pl-card__body{padding:14px clamp(14px,1.4vw,18px) clamp(14px,1.4vw,18px)}
.pl-section--cards .pl-card--horizontal>a{gap:0}
.pl-section--cards .pl-card--horizontal .pl-card__body{padding:14px}

/* طاقچه: قاب گنبدی داخل کارت می‌ماند */
.pl-section--cards .pl-niche{padding:clamp(12px,1.2vw,16px) clamp(12px,1.2vw,16px) clamp(14px,1.4vw,18px)}
.pl-section--cards .pl-niche__cat{margin-top:12px}

/* شماره‌دار: خط بالای آیتم جایش را به کارت می‌دهد، رنگ رتبه‌ی اول می‌ماند */
.pl-section--cards .pl-ranked li{border-top:0;padding:clamp(14px,1.4vw,18px);align-items:flex-start}
.pl-section--cards .pl-ranked li:first-child{border-color:var(--pl-saffron)}
.pl-section--cards .pl-rank{font-size:38px}

/* فشرده: خط جداکننده جایش را به کارت می‌دهد */
.pl-section--cards .pl-compact li{border-top:0;padding:10px 12px}
.pl-section--cards .pl-compact li+li{margin-top:10px}
.pl-section--cards .pl-compact a{padding-block:0}

/* ---------- کارت ---------- */
.pl-card a{display:flex;flex-direction:column;gap:11px;height:100%}
.pl-card__body{display:flex;flex-direction:column;gap:7px}
.pl-card h4{font-size:17px;font-weight:700;line-height:1.55}
.pl-card a:hover h4{color:var(--pl-accent-ink)}
.pl-card--horizontal a{flex-direction:row;gap:14px;align-items:flex-start}
.pl-card--horizontal .pl-thumb{flex:0 0 clamp(96px,22%,168px)}
.pl-card--horizontal .pl-card__body{flex:1;min-width:0}
.pl-card--minimal h4,.pl-card--text h4{font-size:16px}

/* ---------- grid / list / compact ---------- */
.pl-grid{
  --pl-grid-gap:clamp(18px,2.6vw,32px);
  display:grid;gap:var(--pl-grid-gap);
  /* auto-fit تا وقتی آیتم‌ها کمتر از ستون‌ها باشند، ردیف را پر کنند
     و جای خالی در انتهای ردیف نماند. */
  grid-template-columns:repeat(
    auto-fit,
    minmax(calc((100% - (var(--pl-cols,3) - 1) * var(--pl-grid-gap)) / var(--pl-cols,3)),1fr)
  );
}
.pl-list{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}
.pl-compact li{border-top:1px solid var(--pl-line)}
.pl-compact li:first-child{border-top:0}
.pl-compact a{display:grid;grid-template-columns:clamp(72px,28%,110px) 1fr;gap:12px;padding-block:13px;align-items:center}
.pl-compact h4{font-size:14.5px;font-weight:600;line-height:1.6;margin-bottom:5px}
.pl-compact a:hover h4{color:var(--pl-accent-ink)}

/* ---------- spotlight ---------- */
.pl-spotlight{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(20px,3vw,40px)}
.pl-lead .pl-thumb{margin-bottom:14px}
.pl-lead h3{
  font-family:var(--pl-display);font-weight:700;
  font-size:clamp(27px,4vw,48px);line-height:1.12;margin-block:8px 12px;
}
.pl-lead a:hover h3{color:var(--pl-accent-ink)}
.pl-lead .pl-excerpt{font-size:15px;-webkit-line-clamp:4;max-width:62ch}
.pl-lead .pl-meta{margin-top:12px}
.pl-lead--sm h3{font-size:clamp(22px,2.9vw,32px)}
.pl-stack li{border-top:1px solid var(--pl-line)}
.pl-stack li:first-child{border-top:0}
.pl-stack a{display:grid;grid-template-columns:clamp(88px,26%,148px) 1fr;gap:14px;padding-block:15px;align-items:center}
.pl-stack h4{font-size:16px;font-weight:700;line-height:1.55;margin-block:4px 6px}
.pl-stack a:hover h4{color:var(--pl-accent-ink)}

/* ---------- magazine ---------- */
.pl-magazine{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,38px)}
.pl-mini{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,26px)}
.pl-mini h4{font-size:15px;font-weight:600;line-height:1.6;margin-block:8px 5px}
.pl-mini a:hover h4{color:var(--pl-accent-ink)}

/* ---------- numbered ---------- */
.pl-ranked{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--pl-gap)}
.pl-ranked li{display:flex;gap:11px;border-top:2px solid var(--pl-line-strong);padding-top:13px}
.pl-ranked li:first-child{border-color:var(--pl-saffron)}
.pl-rank{
  font-family:var(--pl-display);font-weight:700;font-size:44px;line-height:.85;
  color:var(--pl-line-strong);flex:0 0 auto;font-variant-numeric:tabular-nums;
}
.pl-ranked li:first-child .pl-rank{color:var(--pl-saffron)}
.pl-ranked h4{font-size:14.5px;font-weight:600;line-height:1.6;margin-bottom:5px}
.pl-ranked a:hover h4{color:var(--pl-accent-ink)}

/* ---------- carousel ---------- */
.pl-rail-wrap{position:relative}
.pl-rail{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);
  gap:var(--pl-gap);overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:8px;scrollbar-width:thin;
}
.pl-rail>*{scroll-snap-align:start}
.pl-rail h4{font-size:14.5px;font-weight:600;line-height:1.6;margin-top:9px}
.pl-rail a:hover h4{color:var(--pl-accent-ink)}

/* ---------- tabs ---------- */
.pl-tabs__bar{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--pl-line);margin-bottom:20px}
.pl-tabs__bar button{
  font:inherit;background:none;border:0;cursor:pointer;
  font-size:14px;font-weight:700;color:var(--pl-muted);
  padding:9px 15px;border-bottom:2px solid transparent;margin-bottom:-1px;
}
.pl-tabs__bar button[aria-selected="true"]{color:var(--pl-ink);border-color:var(--pl-accent)}

/* ---------- notch ---------- */
.pl-notch{display:grid;grid-template-columns:repeat(var(--pl-cols,2),minmax(0,1fr));gap:clamp(24px,3vw,38px)}
.pl-ncard{position:relative;--pl-btn:44px;--pl-well:29px;--pl-seat:35px;--pl-lift:37px}
.pl-ncard__box{
  background:var(--pl-surface);border:1px solid var(--pl-line);
  border-radius:var(--pl-r-lg);overflow:hidden;
  display:flex;flex-direction:column;height:100%;
}
.pl-ncard__main{padding:clamp(15px,1.8vw,21px);display:flex;flex-direction:column;gap:12px}
.pl-ncard__top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pl-muted)}
.pl-ncard__pill{
  background:var(--pl-accent-soft);color:var(--pl-accent-ink);
  font-size:11.5px;font-weight:700;padding:3px 11px;border-radius:100px;
}
.pl-ncard h4{font-size:clamp(16px,1.9vw,19px);font-weight:700;line-height:1.6}
.pl-ncard a:hover h4{color:var(--pl-accent-ink)}
.pl-ncard__ex{
  color:var(--pl-ink-2);font-size:13.5px;line-height:1.9;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.pl-ncard__foot{
  margin-top:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  min-height:74px;background:var(--pl-surface-2);border-top:1px solid var(--pl-line);
  padding:12px 18px;padding-inline-end:calc(var(--pl-seat) + var(--pl-well) + 14px);
  font-size:12px;color:var(--pl-muted);font-variant-numeric:tabular-nums;
  -webkit-mask:radial-gradient(circle var(--pl-well) at var(--pl-seat) calc(100% - var(--pl-lift)),transparent 98%,#000 100%);
          mask:radial-gradient(circle var(--pl-well) at var(--pl-seat) calc(100% - var(--pl-lift)),transparent 98%,#000 100%);
}
.pl-ncard__foot b{color:var(--pl-ink);font-weight:700}
.pl-ncard__stats{display:flex;gap:12px}
.pl-ncard__go{
  position:absolute;z-index:2;
  left:calc(var(--pl-seat) - var(--pl-btn)/2);
  bottom:calc(var(--pl-lift) - var(--pl-btn)/2);
  width:var(--pl-btn);height:var(--pl-btn);border-radius:50%;
  display:grid;place-items:center;
  background:var(--pl-surface);border:1px solid var(--pl-line-strong);
  color:var(--pl-ink);font-size:19px;line-height:1;
  transition:background .18s,color .18s,border-color .18s,transform .18s;
}
.pl-ncard:hover .pl-ncard__go{background:var(--pl-accent);border-color:var(--pl-accent);color:#fff}
.pl-ncard__go:hover{transform:translateX(-3px)}
/* حالت «بیرون کارت» */
.pl-notch--out{padding-left:58px}
.pl-notch--out .pl-ncard__box{border-radius:var(--pl-r-lg) var(--pl-r-lg) var(--pl-r-lg) 42px}
.pl-notch--out .pl-ncard__foot{-webkit-mask:none;mask:none;padding-inline-end:18px;padding-left:34px}
.pl-notch--out .pl-ncard__go{left:-52px;bottom:5px}

/* ---------- index ---------- */
.pl-index{border-top:2px solid var(--pl-line-strong)}
.pl-index li{border-bottom:1px solid var(--pl-line)}
.pl-index a{
  display:grid;grid-template-columns:90px 1fr auto 84px;align-items:center;
  gap:clamp(12px,2vw,26px);padding:clamp(12px,1.7vw,18px) 14px;
  margin-inline:-14px;border-radius:var(--pl-r-md);transition:background .2s;
}
.pl-index a:hover{background:var(--pl-accent-soft)}
.pl-index__cat{font-size:12px;font-weight:700;color:var(--pl-accent-ink)}
.pl-index__title{font-family:var(--pl-display);font-weight:700;font-size:clamp(20px,2.5vw,30px);line-height:1.3;transition:transform .2s}
.pl-index a:hover .pl-index__title{transform:translateX(-7px)}
.pl-index__meta{font-size:12px;color:var(--pl-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.pl-index__thumb{
  display:block;height:54px;border-radius:6px;overflow:hidden;background:var(--pl-surface-2);
  opacity:0;transform:scale(.92);transition:opacity .22s,transform .22s;
}
.pl-index a:hover .pl-index__thumb{opacity:1;transform:none}

/* ---------- poster ---------- */
.pl-posters{display:grid;grid-template-columns:repeat(var(--pl-cols,4),minmax(0,1fr));gap:var(--pl-gap)}
.pl-poster{position:relative;display:block;overflow:hidden;border-radius:var(--pl-r-lg)}
.pl-poster__art{display:block;background:var(--pl-surface-2)}
.pl-poster::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,14,17,.9) 6%,rgba(6,14,17,.12) 58%,rgba(6,14,17,.4));
}
.pl-poster__spine{
  position:absolute;top:14px;right:14px;z-index:2;writing-mode:vertical-rl;white-space:nowrap;
  font-size:11.5px;font-weight:800;letter-spacing:.2em;color:#fff;opacity:.92;
}
.pl-poster__time{
  position:absolute;top:14px;left:14px;z-index:2;
  font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.18);
  padding:4px 10px;border-radius:100px;
}
.pl-poster__body{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:16px;display:block}
.pl-poster__body h4{font-family:var(--pl-display);font-weight:700;font-size:clamp(18px,2vw,23px);line-height:1.3;color:#fff}
.pl-poster__meta{display:block;margin-top:6px;font-size:12px;color:rgba(255,255,255,.74)}
.pl-poster:hover h4{text-decoration:underline;text-underline-offset:5px}

/* ---------- quote ---------- */
.pl-quotes{display:grid;grid-template-columns:repeat(var(--pl-cols,3),minmax(0,1fr));gap:var(--pl-gap)}
.pl-quote{
  position:relative;overflow:hidden;margin:0;
  background:var(--pl-surface);border:1px solid var(--pl-line);
  border-radius:var(--pl-r-lg);padding:clamp(18px,2.2vw,26px);
  display:flex;flex-direction:column;gap:15px;
}
.pl-quote__mark{
  position:absolute;top:-38px;inset-inline-start:8px;z-index:0;
  font-family:var(--pl-display);font-size:160px;line-height:1;color:var(--pl-accent-soft);
}
.pl-quote blockquote{
  position:relative;z-index:1;margin:0;font-family:var(--pl-display);font-weight:600;
  font-size:clamp(19px,2.1vw,25px);line-height:1.55;color:var(--pl-ink);
}
.pl-quote figcaption{
  position:relative;z-index:1;margin-top:auto;border-top:1px solid var(--pl-line);
  padding-top:12px;font-size:12.5px;color:var(--pl-muted);
}
.pl-quote figcaption b{display:block;margin-bottom:3px;font-size:13.5px;color:var(--pl-ink)}

/* ---------- sunburst ---------- */
.pl-sun{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(18px,3.6vw,50px);align-items:center}
.pl-sun__art{
  display:block;aspect-ratio:1/1;background:var(--pl-surface-2);
  clip-path:polygon(50% 0%,61.7% 21.8%,85.4% 14.6%,78.2% 38.3%,100% 50%,78.2% 61.7%,85.4% 85.4%,61.7% 78.2%,50% 100%,38.3% 78.2%,14.6% 85.4%,21.8% 61.7%,0% 50%,21.8% 38.3%,14.6% 14.6%,38.3% 21.8%);
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.pl-sun:hover .pl-sun__art{transform:rotate(11.25deg)}
.pl-sun__txt{display:grid;grid-template-columns:auto 1fr;gap:clamp(13px,2vw,24px);align-items:start}
.pl-sun__rail{
  writing-mode:vertical-rl;white-space:nowrap;display:flex;align-items:center;gap:18px;
  font-size:11.5px;letter-spacing:.16em;color:var(--pl-muted);
  padding-top:6px;border-inline-end:1px solid var(--pl-line);padding-inline-end:13px;
  font-variant-numeric:tabular-nums;
}
.pl-sun__kicker{font-size:12.5px;font-weight:800;color:var(--pl-accent-ink);letter-spacing:.06em}
.pl-sun h3{font-family:var(--pl-display);font-weight:700;font-size:clamp(27px,4.6vw,56px);line-height:1.06;margin-block:9px 13px}
.pl-sun p{color:var(--pl-ink-2);font-size:15px;line-height:1.9;max-width:56ch}

/* ---------- alcove ---------- */
.pl-alcove{display:grid;grid-template-columns:repeat(var(--pl-cols,4),minmax(0,1fr));gap:clamp(16px,2.6vw,32px)}
.pl-alcove>*:nth-child(even){margin-top:clamp(16px,4vw,52px)}
.pl-niche__art{
  display:block;aspect-ratio:3/4;background:var(--pl-surface-2);overflow:hidden;
  border-radius:999px 999px var(--pl-r-sm) var(--pl-r-sm)/46% 46% 0 0;
  transition:filter .25s;
}
.pl-niche:hover .pl-niche__art{filter:saturate(1.12) brightness(1.05)}
.pl-niche__cat{display:block;margin-top:13px;font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--pl-accent-ink)}
.pl-niche h4{font-family:var(--pl-display);font-weight:700;font-size:clamp(18px,2.1vw,24px);line-height:1.28;margin-block:6px 7px}
.pl-niche:hover h4{color:var(--pl-accent-ink)}
.pl-niche__meta{font-size:12px;color:var(--pl-muted);font-variant-numeric:tabular-nums}

/* ---------- terms / richtext ---------- */
.pl-terms{display:flex;flex-wrap:wrap;gap:8px}
.pl-terms a{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--pl-line);border-radius:100px;padding:6px 14px;
  font-size:13px;background:var(--pl-surface);transition:.16s;
}
.pl-terms a:hover{border-color:var(--pl-accent);color:var(--pl-accent-ink);background:var(--pl-accent-soft)}
.pl-terms b{font-size:11.5px;color:var(--pl-muted);font-variant-numeric:tabular-nums}
.pl-terms--list{display:block}
.pl-terms--list .pl-terms{flex-direction:column;gap:0}
.pl-terms--list .pl-terms a{border:0;border-bottom:1px solid var(--pl-line);border-radius:0;padding:11px 0;width:100%}
.pl-prose{color:var(--pl-ink-2);line-height:2}
.pl-prose h2,.pl-prose h3{font-family:var(--pl-display);margin-block:1em .4em;color:var(--pl-ink)}
.pl-w-narrow .pl-prose{max-width:62ch;margin-inline:auto}
.pl-w-normal .pl-prose{max-width:84ch}

/* ---------- تبلیغات ---------- */
.pl-ad{position:relative}
.pl-ad__label{
  position:absolute;top:2px;inset-inline-start:-20px;writing-mode:vertical-rl;
  font-size:9.5px;letter-spacing:.22em;color:var(--pl-muted);opacity:.75;
}
.pl-ad__box{
  position:relative;width:100%;overflow:hidden;border-radius:var(--pl-r-md);
  background:var(--pl-surface-2);
}
.pl-ad__box--html{display:grid;place-items:center}
.pl-ad__box--empty{
  display:grid;place-items:center;align-content:center;gap:5px;text-align:center;
  border:1px dashed var(--pl-line-strong);background:var(--pl-surface-2);
  color:var(--pl-muted);padding:14px;
}
.pl-ad__box--empty b{color:var(--pl-ink-2);font-size:13.5px;font-weight:700}
.pl-ad__box--empty code{
  font-size:11px;direction:ltr;background:var(--pl-surface);
  border:1px solid var(--pl-line);border-radius:100px;padding:2px 9px;color:var(--pl-accent-ink);
}
.pl-ad__slide{position:absolute;inset:0}
.pl-ad__slide[hidden]{display:none}

/* ---------- showcase — المان بالای صفحه ---------- */
.pl-showcase{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(230px,23%,320px);
  gap:clamp(14px,1.8vw,24px);align-items:stretch;
}
.pl-showcase__stage{position:relative;border-radius:20px;overflow:hidden;background:var(--pl-surface-2)}
.pl-slide{position:relative}
.pl-slide[hidden]{display:none!important}
.pl-slide>a{display:block;position:relative}
.pl-slide__art{display:block;width:100%;background:var(--pl-surface-2)}
.pl-slide>a::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,14,17,.92) 4%,rgba(6,14,17,.45) 42%,rgba(6,14,17,.1) 72%);
}
.pl-slide__body{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:clamp(18px,2.6vw,38px);color:#fff;display:block}
.pl-slide__cat{
  display:inline-block;margin-bottom:10px;font-size:11.5px;font-weight:800;letter-spacing:.08em;
  background:rgba(255,255,255,.16);padding:4px 12px;border-radius:100px;
}
.pl-slide__body h3{
  font-family:var(--pl-display);font-weight:700;color:#fff;
  font-size:clamp(22px,2.9vw,40px);line-height:1.14;max-width:30ch;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.pl-slide__body p{
  margin-top:10px;font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.82);max-width:56ch;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.pl-slide__meta{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;
  font-size:12px;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums;
}
.pl-slide__meta .pl-dot{background:rgba(255,255,255,.5)}
.pl-showcase__nav{display:flex;flex-direction:column;gap:5px;justify-content:center}
.pl-showcase__nav button{
  width:100%;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;
  text-align:start;padding:11px 13px;border:0;border-radius:13px;cursor:pointer;
  background:transparent;color:var(--pl-ink-2);font:inherit;
  transition:background .18s ease,color .18s ease;
}
.pl-showcase__nav button:hover{background:var(--pl-accent-soft)}
.pl-showcase__nav button[aria-selected="true"]{
  background:var(--pl-surface);color:var(--pl-ink);
  box-shadow:0 1px 2px rgba(19,32,41,.05),0 12px 26px -22px rgba(19,32,41,.6);
}
.pl-showcase__n{font-family:var(--pl-display);font-size:23px;line-height:1;color:var(--pl-line-strong);font-variant-numeric:tabular-nums}
.pl-showcase__nav button[aria-selected="true"] .pl-showcase__n{color:var(--pl-accent)}
.pl-showcase__t{font-size:13px;font-weight:600;line-height:1.65}

/* ---------- پرخواننده‌ها با تصویر کوچک ---------- */
.pl-ranked--img{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.pl-ranked--img li{display:grid;grid-template-columns:auto minmax(0,1fr) 72px;gap:12px;align-items:center}
.pl-ranked--img h4{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pl-ranked__thumb{display:block;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--pl-surface-2)}
.pl-ranked--img .pl-rank{font-size:34px}
.pl-ranked--img h4{margin-bottom:4px}

/* ---------- اسلایدر پست بزرگ پرونده‌ها ---------- */
.pl-maglead{position:relative}
.pl-maglead .pl-lead[hidden]{display:none!important}
.pl-maglead__dots{display:flex;gap:7px;margin-top:14px}
.pl-maglead__dots button{
  width:26px;height:4px;border:0;border-radius:100px;padding:0;cursor:pointer;
  background:var(--pl-line-strong);transition:background .18s ease,width .18s ease;
}
.pl-maglead__dots button[aria-selected="true"]{background:var(--pl-accent);width:38px}

/* ---------- ردیف و ستون (چیدمان آزاد) ---------- */
.pl-rowsec{--pl-row-cols:1fr;--pl-row-gap:26px;--pl-row-align:stretch}
.pl-row{
  display:grid;
  grid-template-columns:var(--pl-row-cols);
  gap:var(--pl-row-gap);
  align-items:var(--pl-row-align);
}
.pl-col{
  --pl-col-gap:26px;
  display:flex;flex-direction:column;gap:var(--pl-col-gap);
  min-width:0;
}
/* بخش داخل ستون فاصله‌ی بخش سطح‌بالا را نمی‌گیرد؛ فاصله را ستون می‌دهد */
.pl-col > .pl-section{margin-top:0}
.pl-col--boxed{
  background:var(--pl-surface);border:1px solid var(--pl-line);
  border-radius:18px;padding:clamp(14px,1.8vw,22px);
}
.pl-col--sticky{position:sticky;top:16px;align-self:start}

/* ردیف‌های تودرتو فاصله‌ی اضافه نگیرند */
.pl-col .pl-rowsec{margin-top:0}

/* زیر هم شدن بر اساس data-stack */
@media (max-width:1100px){
  .pl-rowsec[data-stack="1100"] .pl-row{grid-template-columns:1fr}
}
@media (max-width:900px){
  .pl-rowsec[data-stack="900"] .pl-row{grid-template-columns:1fr}
  .pl-col--sticky{position:static}
}
@media (max-width:640px){
  .pl-rowsec[data-stack="640"] .pl-row{grid-template-columns:1fr}
  .pl-rowsec .pl-row{--pl-row-gap:22px}
}

/* ---------- ریسپانسیو ---------- */
@media (max-width:1000px){
  .pl-showcase{grid-template-columns:1fr}
  .pl-showcase__nav{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:thin}
  .pl-showcase__nav li{flex:0 0 min(240px,72%)}
  .pl-spotlight,.pl-magazine{grid-template-columns:1fr}
  .pl-sun{grid-template-columns:1fr;gap:22px}
  .pl-ranked{grid-template-columns:repeat(3,1fr)}
  .pl-grid,.pl-posters,.pl-alcove,.pl-quotes,.pl-notch{--pl-cols:2}
  .pl-index a{grid-template-columns:80px 1fr auto}
  .pl-index__thumb{display:none}
}
@media (max-width:640px){
  .pl-section--boxed{border-radius:16px;padding:16px}
  .pl-ranked--img li{grid-template-columns:auto minmax(0,1fr) 56px}
  .pl-ranked__thumb{width:56px;height:56px}
  .pl-section--cards .pl-card,
  .pl-section--cards .pl-niche,
  .pl-section--cards .pl-ranked li{border-radius:14px}
  .pl-grid,.pl-posters,.pl-quotes,.pl-notch{--pl-cols:1}
  .pl-ranked{grid-template-columns:1fr 1fr}
  .pl-section--vertical{grid-template-columns:1fr;gap:12px}
  .pl-vhead{flex-direction:row;align-items:baseline}
  .pl-vhead h2,.pl-vhead a{writing-mode:horizontal-tb}
  .pl-vhead__rule{flex:1;width:auto;height:1px;background:var(--pl-line);align-self:center}
  .pl-sun__txt{grid-template-columns:1fr}
  .pl-sun__rail{writing-mode:horizontal-tb;border:0;padding:0 0 10px;gap:12px;border-bottom:1px solid var(--pl-line)}
  .pl-notch--out{padding-left:50px}
  .pl-ad__label{display:none}
  .pl-card--horizontal a{gap:11px}
}
@media (prefers-reduced-motion:reduce){
  .pl-region *{transition:none!important;scroll-behavior:auto!important}
}

/* pl-anchor-fix */
.pl-lead>a,
.pl-mini article>a,
.pl-rail article>a,
.pl-ranked li>a,
.pl-niche>a,
.pl-sun>a,
.pl-ncard__main>a{display:block}
.pl-lead>a .pl-tag{margin-top:10px}