/* =========================================================================
   de-router — مسیریاب سریع (zbn-de-router) · طرح: 03-router.html
   وابسته به: de-base.css
   ========================================================================= */

.dert{position:relative;background:var(--zn-bg1);padding:26px 40px 34px;overflow:hidden;}
.dert-ghost{bottom:-40px;left:-10px;font-size:150px;--ghost-stroke:1.5px;}
.dert-wrap{position:relative;max-width:1160px;margin:0 auto;}

.dert-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px;}
.dert-title{margin:0;font-size:24px;font-weight:900;color:var(--zn-t1);}
.dert-title .grad{background:linear-gradient(120deg,var(--zn-rose),var(--zn-rose2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.dert-note{font-size:12px;font-weight:800;color:var(--zn-t6);}

.dert-grid{display:grid;grid-template-columns:repeat(var(--rt-cols,4),1fr);gap:var(--rt-gap,14px);}

.de-scope a.dert-card{display:block;background:var(--rt-card-bg,rgba(255,255,255,.4));border:1px solid var(--rt-card-bd,rgba(var(--zn-line),.14));border-radius:var(--rt-radius,18px);padding:var(--rt-pad,20px);color:inherit;box-shadow:var(--rt-sh,none);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.de-scope a.dert-card:hover{color:inherit;transform:translateY(var(--rt-lift,-4px));border-color:var(--rt-card-bd-h,rgba(255,59,92,.34));box-shadow:var(--rt-sh-h,var(--de-cardsh-hover));background:var(--rt-card-bg-h,rgba(255,255,255,.62));}

.dert-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.dert-ic{width:var(--rt-ic-size,38px);height:var(--rt-ic-size,38px);border-radius:var(--rt-ic-radius,12px);background:linear-gradient(135deg,var(--ic1,var(--zn-rose2)),var(--ic2,var(--zn-rose)));display:flex;align-items:center;justify-content:center;font-size:var(--rt-ic-font,16px);line-height:1;box-shadow:0 0 20px var(--ic-glow,rgba(255,59,92,.2));}
.dert-ic svg{width:1em;height:1em;fill:currentColor;}
.dert-ic i{font-size:inherit;}

.dert-arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--rt-ar-bd,rgba(var(--zn-line),.26));display:flex;align-items:center;justify-content:center;color:var(--rt-ar-color,var(--zn-t4));font-size:13px;flex-shrink:0;transition:transform .18s ease,border-color .18s ease;}
.de-scope a.dert-card:hover .dert-arrow{transform:translateX(-4px);border-color:var(--rt-ar-bd-h,rgba(255,59,92,.4));}

.dert-ct{font-size:15.5px;font-weight:900;color:var(--zn-t1);margin:13px 0 5px;}
.dert-cd{font-size:12px;color:var(--zn-t5);line-height:1.9;font-weight:500;}

@media (prefers-reduced-motion:reduce){
  .de-scope a.dert-card,.dert-arrow{transition:none;}
  .de-scope a.dert-card:hover{transform:none;}
}