/* components/post-card.css — بخشی از سیستم سبک سایت عمومی پلاس */
.news{display:grid;grid-template-columns:1.32fr 1fr;gap:clamp(18px,2.4vw,32px)}
@media(max-width:900px){
.news{grid-template-columns:1fr}
}
.post-lead{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--card-radius);
  overflow:hidden;background:var(--bg-elev);text-decoration:none;color:inherit;
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base),border-color var(--dur-base)}
.post-lead:hover{transform:translateY(-6px);border-color:color-mix(in oklab,var(--teal-400) 42%,transparent);
  box-shadow:0 30px 62px -30px rgba(11,18,38,.34)}
.post-lead .cv{aspect-ratio:16/10;position:relative;overflow:hidden;
  background:
    radial-gradient(90% 120% at 82% -12%,color-mix(in oklab,var(--teal-400) 34%,transparent),transparent 62%),
    radial-gradient(80% 110% at 8% 112%,color-mix(in oklab,var(--brand-modir) 30%,transparent),transparent 60%),
    linear-gradient(155deg,var(--navy-800),var(--navy-950))}
.post-lead .cv::before{content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.06) 50%,transparent 58%)}
.post-lead .cv::after{content:"";position:absolute;inset:0;opacity:.45;
  background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.4px);background-size:22px 22px}
.post-lead .cv .chip{position:absolute;inset-block-end:14px;inset-inline-start:14px;color:#DCE7F7;
  background:rgba(5,7,15,.6);border-color:rgba(255,255,255,.22);backdrop-filter:blur(6px)}
.post-lead .tx{padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;gap:12px;flex:1}
.post-lead h3{font-family:var(--font-display);font-size:clamp(17px,1.9vw,22px);font-weight:800;line-height:1.75}
.post-lead p{font-size:13.5px;line-height:2.15;color:var(--fg-muted);text-wrap:pretty}
.pmeta{display:flex;gap:15px;flex-wrap:wrap;margin-block-start:auto;padding-block-start:15px;
  border-block-start:1px solid var(--line);font-size:11.5px;color:var(--fg-muted)}
.pmeta span{display:flex;align-items:center;gap:6px}
.pmeta svg{inline-size:13px;block-size:13px;opacity:.75}
.post-list{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,14px)}
.post{display:grid;grid-template-columns:92px 1fr;gap:15px;align-items:center;padding:12px;border-radius:18px;
  border:1px solid var(--line);background:var(--bg-elev);text-decoration:none;color:inherit;
  transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base)}
.post:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--teal-400) 42%,transparent)}
.post .cv{--p-c:var(--teal-400);aspect-ratio:1/1;border-radius:13px;position:relative;overflow:hidden;
  background:radial-gradient(120% 130% at 70% -10%,color-mix(in oklab,var(--p-c) 36%,var(--navy-800)),var(--navy-950) 78%)}
.post.modir .cv{--p-c:var(--brand-modir)}
.post.ravan .cv{--p-c:var(--brand-ravan)}
.post .cv::after{content:"";position:absolute;inset:0;opacity:.4;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.4px);background-size:16px 16px}
.post b{display:block;font-family:var(--font-display);font-size:14px;font-weight:800;line-height:1.85}
.post .pmeta{margin:0;padding:0;border:0;margin-block-start:9px;font-size:11px}
.prow{position:relative;display:grid;
  grid-template-columns:clamp(56px,6vw,84px) minmax(0,1fr) clamp(96px,11vw,150px);
  align-items:start;gap:clamp(14px,2.2vw,30px);
  padding-block:clamp(22px,2.7vw,34px);text-decoration:none;
  border-block-end:1px solid var(--line)}
.prow.hide{display:none}
.prow::before{content:"";position:absolute;inset-block:2px;
  inset-inline:calc(-1 * clamp(12px,1.6vw,24px));z-index:0;
  border-radius:18px;background:var(--paper-200);
  opacity:0;transition:opacity var(--dur-base) var(--ease-soft)}
.prow:hover::before,.prow:focus-visible::before{opacity:1}
.prow > *{position:relative;z-index:1}
.prow:hover .pr-i b{color:var(--teal-600)}
.prow:hover .pr-t{background-size:100% 2px;color:var(--teal-600)}
.prow:hover .pr-go{color:#fff;border-color:transparent;background:var(--teal-600);
  transform:translateX(-4px)}
@media (hover:hover) and (min-width:1041px){
.prow:hover .pr-go{opacity:0;transform:scale(.7)}
}
@media (max-width:1040px){
.prow{grid-template-columns:clamp(48px,7vw,64px) minmax(0,1fr) auto}
}
@media (max-width:700px){
.prow{grid-template-columns:38px minmax(0,1fr);gap:12px}
}