/* pages/blog.css — بخشی از سیستم سبک سایت عمومی پلاس */
.feat{display:grid;grid-template-columns:1.05fr .95fr;gap:0;overflow:hidden;text-decoration:none;
  border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface);
  margin-block-end:clamp(24px,3.4vw,38px);
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.feat:hover{transform:translateY(-4px);box-shadow:0 40px 70px -50px rgba(11,18,38,.75)}
.feat-img{display:block;aspect-ratio:16/11}
.feat-img img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.feat-body{display:flex;flex-direction:column;justify-content:center;
  padding:clamp(22px,3vw,40px)}
.feat-k{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:1.4px;
  color:var(--gold-600);margin-block-end:14px}
.feat-cat{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  font-family:var(--font-display);font-size:11.5px;font-weight:800;color:var(--teal-600);
  padding:5px 12px;border-radius:var(--chip-radius);
  background:color-mix(in oklab,var(--teal-600) 10%,transparent);margin-block-end:14px}
.feat-cat i{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}
.feat h2{font-family:var(--font-display);font-size:clamp(20px,2.7vw,30px);font-weight:900;
  color:var(--fg);line-height:1.6}
.feat p{margin-block-start:14px;font-size:13.5px;line-height:2.1;color:var(--fg-muted);
  max-inline-size:52ch}
.feat-meta{display:flex;gap:8px 20px;flex-wrap:wrap;margin-block-start:20px;
  font-size:12px;color:var(--fg-muted)}
.feat-meta > span{display:inline-flex;align-items:center;gap:8px}
.feat-meta .av{font-style:normal;display:grid;place-items:center;inline-size:26px;block-size:26px;
  border-radius:50%;font-family:var(--font-display);font-size:10px;font-weight:900;
  color:var(--teal-600);background:color-mix(in oklab,var(--teal-600) 12%,transparent)}
.plist{margin-block-start:clamp(18px,2.4vw,28px);
  border-block-start:1px solid var(--line-strong)}
.pr-i{display:block;padding-block-start:3px}
.pr-i b{display:block;font-family:var(--font-display);font-size:clamp(19px,2.4vw,30px);
  font-weight:900;line-height:1;color:var(--line-strong);
  transition:color var(--dur-base) var(--ease-soft)}
.pr-i em{display:block;margin-block-start:9px;font-style:normal;
  font-size:11.5px;line-height:1.7;color:var(--fg-muted);white-space:nowrap}
.pr-k{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  font-family:var(--font-display);font-size:11px;font-weight:800;
  letter-spacing:.4px;color:var(--teal-600)}
.pr-k > i{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;flex:none}
.pr-kind{font-family:var(--font-display);font-size:10px;font-weight:800;
  color:var(--fg-muted);padding:3px 9px;border-radius:var(--chip-radius);
  border:1px solid var(--line);background:var(--surface)}
.pr-kind.news{color:#6B4B00;border-color:transparent;
  background:color-mix(in oklab,var(--gold-600) 26%,transparent)}
.pr-t{margin-block-start:11px;font-family:var(--font-display);
  font-size:clamp(17px,2.2vw,26px);font-weight:900;line-height:1.7;color:var(--fg);
  background-image:linear-gradient(var(--teal-600),var(--teal-600));
  background-repeat:no-repeat;background-position:100% 96%;background-size:0% 2px;
  transition:background-size .55s var(--ease-out),color var(--dur-base) var(--ease-soft)}
.pr-s{display:block;margin-block-start:11px;max-inline-size:70ch;
  font-size:13.5px;line-height:2.15;color:var(--fg-muted)}
.pr-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-block-start:16px;font-size:11.5px;color:var(--fg-muted)}
.pr-f > i{inline-size:4px;block-size:4px;border-radius:50%;background:var(--line-strong);flex:none}
.pr-av{display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%;
  font-family:var(--font-display);font-size:9.5px;font-weight:900;color:var(--teal-600);
  background:color-mix(in oklab,var(--teal-600) 12%,transparent)}
.pr-e{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-block-start:4px}
.pr-th{display:none;overflow:hidden;border-radius:14px;
  inline-size:clamp(92px,13vw,124px);aspect-ratio:4/3;flex:none}
.pr-th img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.pr-go{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:50%;
  flex:none;color:var(--fg-muted);border:1px solid var(--line);background:var(--surface);
  transition:color var(--dur-fast),border-color var(--dur-fast),
             background-color var(--dur-fast),transform var(--dur-base) var(--ease-out)}
.pr-go svg{inline-size:16px;block-size:16px}
.phover{position:fixed;inset-block-start:0;left:0;top:0;right:auto;z-index:70;
  inline-size:clamp(198px,18vw,264px);aspect-ratio:4/3;overflow:hidden;
  border-radius:18px;pointer-events:none;opacity:0;
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 44px 76px -44px rgba(11,18,38,.72);
  transform:translate(-50%,-50%) scale(.86) rotate(-4deg);
  transition:opacity .26s var(--ease-soft),transform .38s var(--ease-out)}
.phover.on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2.5deg)}
.phover img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
@media (max-width:1040px){
.pr-th{display:block}
.pr-go{display:none}
.pr-e{padding-block-start:6px}
}
@media (max-width:700px){
.pr-i em{display:none}
.pr-e{grid-column:1 / -1;justify-content:flex-start;padding-block-start:0}
.pr-th{inline-size:100%;aspect-ratio:16/9;border-radius:16px}
.pr-s{font-size:13px}
}
@media (hover:none){
.phover{display:none}
}
@media (max-width:1040px){
.feat{grid-template-columns:1fr}
.feat-img{aspect-ratio:16/9}
}