.content-posts-page{--content-accent:#38bdf8;--content-panel:rgba(255,255,255,0.05);--content-border:rgba(56,189,248,0.18);--content-text:#f8fafc;--content-muted:#cbd5e1;--content-link:#7dd3fc;--content-badge-bg:rgba(56,189,248,0.14);--content-hero-bg:linear-gradient(135deg,rgba(14,116,144,0.22),rgba(15,23,42,0.42));color:var(--content-text)}html[data-theme=light] .content-posts-page{--content-panel:rgba(255,255,255,0.96);--content-border:rgba(14,116,144,0.16);--content-text:#0f172a;--content-muted:#475569;--content-link:#0369a1;--content-badge-bg:rgba(14,116,144,0.1);--content-hero-bg:linear-gradient(135deg,rgba(224,242,254,0.95),rgba(255,255,255,0.98))}.content-posts-hero{border:1px solid var(--content-border);background:var(--content-hero-bg);border-radius:1.75rem;padding:1.75rem 1.5rem}@media (min-width:768px){.content-posts-hero{padding:2rem}}.content-posts-hero__eyebrow{margin-bottom:.5rem;font-size:.875rem;font-weight:900;letter-spacing:.04em;color:var(--content-accent)}.content-posts-hero__title{margin:0;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:900;line-height:1.25;color:var(--content-text)}.content-posts-hero__subtitle{margin:.85rem 0 0;max-width:44rem;font-size:1rem;line-height:1.8;color:var(--content-muted)}.content-posts-hero__badge{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.75rem;border-radius:999px;border:1px solid var(--content-border);background:color-mix(in srgb,var(--content-panel) 88%,transparent);padding:.35rem .75rem;font-size:.75rem;font-weight:800;color:var(--content-muted)}.content-posts-grid{display:grid;gap:1.25rem}.content-posts-grid--academy{grid-template-columns:1fr}@media (min-width:768px){.content-posts-grid--academy{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.content-posts-grid--academy{grid-template-columns:repeat(3,minmax(0,1fr))}}.content-posts-grid--result{grid-template-columns:1fr}@media (min-width:1024px){.content-posts-grid--result{grid-template-columns:repeat(2,minmax(0,1fr))}}.content-post-card{display:flex;flex-direction:column;overflow:hidden;border-radius:1.5rem;border:1px solid var(--content-border);background:var(--content-panel);color:var(--content-text);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.content-post-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--content-accent) 45%,transparent);box-shadow:0 18px 40px color-mix(in srgb,var(--content-accent) 12%,transparent)}.content-post-card__media{position:relative;width:100%;overflow:hidden;background:color-mix(in srgb,var(--content-panel) 65%,#020617)}.content-post-card__media--academy{aspect-ratio:16/9}.content-post-card__media--result{aspect-ratio:4/3}.content-post-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-post-card__badge{position:absolute;top:.85rem;inset-inline-start:.85rem;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:800;background:rgba(15,23,42,.78);color:#f8fafc}.content-post-card__highlight{position:absolute;top:.85rem;inset-inline-end:.85rem;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:900;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.content-post-card__body{display:flex;flex:1;flex-direction:column;gap:.65rem;padding:1.15rem 1.2rem 1.35rem}.content-post-card__category{align-self:flex-start;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:800;background:var(--content-badge-bg);color:var(--content-accent)}.content-post-card__title{margin:0;font-size:1.05rem;font-weight:900;line-height:1.45;color:var(--content-text)}.content-post-card__summary{margin:0;color:var(--content-muted);font-size:.92rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-post-card__meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--content-muted);font-size:.82rem;font-weight:700}.content-post-detail{color:var(--content-text)}.content-post-detail__hero{overflow:hidden;border-radius:1.75rem;border:1px solid var(--content-border);background:color-mix(in srgb,var(--content-panel) 70%,#020617)}.content-post-detail__hero--academy{aspect-ratio:16/9}.content-post-detail__hero--result{aspect-ratio:4/3}.content-post-detail__hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-post-detail__title{margin:0;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:900;line-height:1.25;color:var(--content-text)}.content-post-detail__summary{max-width:44rem;font-size:1.05rem;line-height:1.85;color:var(--content-muted)}.content-post-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.content-post-detail__category{border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:900;background:var(--content-badge-bg);color:var(--content-accent)}.content-post-detail__highlight{border-radius:999px;padding:.35rem .75rem;font-size:.875rem;font-weight:900;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.content-post-detail__date{font-size:.875rem;font-weight:700;color:var(--content-muted)}.content-post-detail__prose{max-width:46rem;margin-inline:auto;font-size:1.02rem;line-height:1.9;white-space:pre-wrap;color:var(--content-text)}.content-post-detail__back{display:inline-flex;border-radius:1rem;border:1px solid var(--content-border);padding:.75rem 1.15rem;font-size:.875rem;font-weight:900;color:var(--content-link);text-decoration:none}.content-post-detail__back:hover{border-color:color-mix(in srgb,var(--content-accent) 40%,transparent)}.content-posts-page nav[aria-label="مسار التنقل"]{color:var(--content-muted)}.content-posts-page nav[aria-label="مسار التنقل"] a{color:var(--content-muted);text-decoration:none}.content-posts-page nav[aria-label="مسار التنقل"] a:hover{color:var(--content-link)}.content-posts-page nav[aria-label="مسار التنقل"] [aria-current=page]{color:var(--content-accent)}.content-posts-page nav[aria-label="مسار التنقل"] span[aria-hidden=true]{color:color-mix(in srgb,var(--content-muted) 70%,transparent)}.content-posts-empty{border:1px dashed var(--content-border);border-radius:1.5rem;padding:2.5rem 1.5rem;text-align:center;color:var(--content-muted);background:color-mix(in srgb,var(--content-panel) 88%,transparent)}.content-posts-empty__title{margin:0;font-size:1.25rem;font-weight:900;color:var(--content-text)}.content-posts-empty__description{margin:.5rem 0 0;font-size:.92rem;line-height:1.75}.content-posts-skeleton{border-radius:1.5rem;border:1px solid var(--content-border);background:var(--content-panel);min-height:280px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}