.ynrw-act{--g:#008030;--gd:#006728;--r:#E00010;--ink:#101114;--muted:#4a4f57;--glass:rgba(255,255,255,.62);--stroke:rgba(255,255,255,.6);
position:relative;color:var(--ink);padding:28px 0 64px;background:
radial-gradient(38vw 38vw at 8% 10%,rgba(0,128,48,.22),transparent 65%),
radial-gradient(34vw 34vw at 92% 16%,rgba(224,0,16,.16),transparent 65%),
radial-gradient(42vw 42vw at 55% 100%,rgba(0,128,48,.14),transparent 65%),
linear-gradient(180deg,#fff,#f4f6f5)}
.ynrw-act[dir=rtl]{font-family:"Noto Kufi Arabic","Noto Sans Arabic",inherit}
.ynrw-act-inner{max-width:1200px;margin:0 auto;padding:0 16px}
.ynrw-glass{background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--stroke);border-radius:20px;box-shadow:0 18px 50px rgba(16,17,20,.10),0 2px 6px rgba(16,17,20,.05)}
.ynrw-act-hero{padding:32px;margin-bottom:28px}
.ynrw-act-hero h1{margin:0 0 6px;font-size:clamp(28px,4vw,44px);line-height:1.15;color:var(--ink)}
.ynrw-act-hero p{margin:0 0 18px;color:var(--muted)}
.ynrw-act-filters{display:flex;flex-wrap:wrap;gap:8px}
.ynrw-act-filters a{color:var(--gd);background:rgba(255,255,255,.75);border:1px solid rgba(0,128,48,.25);border-radius:999px;padding:6px 14px;text-decoration:none;font-weight:600;font-size:14px}
.ynrw-act-filters a:hover{background:#fff}
.ynrw-act-filters a[aria-current]{background:var(--g);border-color:var(--g);color:#fff}
.ynrw-act a:focus-visible{outline:3px solid var(--g);outline-offset:3px}
.ynrw-act-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.ynrw-act-card{aspect-ratio:1/1;border-radius:20px;overflow:hidden;position:relative;background:#fff;border:1px solid var(--stroke);box-shadow:0 18px 50px rgba(16,17,20,.12);transition:transform .25s,box-shadow .25s;margin:0}
.ynrw-act-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(16,17,20,.18)}
.ynrw-act .ynrw-act-link{position:absolute;inset:0;display:block;color:var(--ink);text-decoration:none;border-radius:20px}
.ynrw-act .ynrw-act-link:focus-visible{outline:3px solid var(--g);outline-offset:-5px}
.ynrw-act-thumb{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(140deg,rgba(0,128,48,.10),#fff 50%,rgba(224,0,16,.08))}
.ynrw-act-thumb img.ynrw-act-img{width:100%;height:100%;object-fit:cover;display:block}
.ynrw-act-thumb img.ynrw-act-logo{width:52%;height:auto;object-fit:contain;margin-bottom:32%}
.ynrw-act-body{position:absolute;inset:auto 10px 10px 10px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--stroke);box-shadow:0 8px 24px rgba(16,17,20,.10)}
.ynrw-act-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:6px}
.ynrw-act-chip{background:var(--g);color:#fff;padding:2px 10px;border-radius:999px;font-weight:600}
.ynrw-act-body h2{font-size:18px;line-height:1.35;margin:0 0 6px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ynrw-act-more{font-size:13px;font-weight:700;color:var(--gd)}
.ynrw-act-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:max-content;max-width:100%;margin:32px auto 0;padding:8px}
.ynrw-act-pager .page-numbers{color:var(--ink);text-decoration:none;padding:6px 12px;border-radius:10px;font-weight:600}
.ynrw-act-pager .page-numbers.current{background:var(--g);color:#fff}
.ynrw-act-empty{padding:24px;text-align:center}
@media (max-width:600px){.ynrw-act-hero{padding:22px}.ynrw-act-grid{gap:16px}}
@media (prefers-reduced-motion:reduce){.ynrw-act-card{transition:none}.ynrw-act-card:hover{transform:none}}
@media (prefers-reduced-transparency:reduce){.ynrw-glass,.ynrw-act-body{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ynrw-glass,.ynrw-act-body{background:rgba(255,255,255,.95)}}
