.blogs-page{--blg-primary: #6517ab;--blg-primary-dark: #5012a0;--blg-primary-light: #8a4bcc;--blg-primary-ghost: rgba(101, 23, 171, .08);--blg-primary-edge: rgba(101, 23, 171, .18);--blg-accent: #4ecdc4;--blg-surface: #ffffff;--blg-bg: #f9fafb;--blg-text: #111827;--blg-text-muted: #6b7280;--blg-text-dim: #9ca3af;--blg-border: #e5e7eb;--blg-border-strong: #d1d5db;--blg-radius-sm: 10px;--blg-radius: 16px;--blg-radius-lg: 24px;--blg-radius-full: 999px;--blg-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--blg-shadow: 0 4px 16px rgba(0, 0, 0, .08);--blg-shadow-brand: 0 8px 24px rgba(101, 23, 171, .3);--blg-gradient: linear-gradient(135deg, #6517ab 0%, #8a4bcc 50%, #4ecdc4 100%);--blg-transition: .22s cubic-bezier(.4, 0, .2, 1);background:var(--blg-surface);color:var(--blg-text);font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.blogs-page *{box-sizing:border-box}.blogs-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}@media(max-width:600px){.blogs-container{padding:0 18px}}.blogs-page .blogs-stripe{background:linear-gradient(135deg,var(--blg-primary-dark) 0%,var(--blg-primary) 50%,var(--blg-primary-light) 100%);color:#fff;padding:12px 24px;text-align:center;font-size:.875rem;font-weight:600}.blogs-page .blogs-stripe__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blg-accent);box-shadow:0 0 0 3px #4ecdc44d;margin-inline-end:8px;vertical-align:middle}.blogs-page .blogs-hero{padding:64px 0 48px;background:var(--blg-surface);position:relative;overflow:hidden}.blogs-page .blogs-hero__shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blogs-page .blogs-hero__shape{position:absolute;border-radius:50%;filter:blur(80px)}.blogs-page .blogs-hero__shape--1{width:480px;height:480px;inset-inline-start:-180px;top:-200px;background:radial-gradient(circle,rgba(101,23,171,.16) 0%,transparent 70%)}.blogs-page .blogs-hero__shape--2{width:360px;height:360px;inset-inline-end:-100px;top:80px;background:radial-gradient(circle,rgba(78,205,196,.14) 0%,transparent 70%)}.blogs-page .blogs-hero__inner{position:relative;z-index:1;max-width:880px;margin:0 auto}.blogs-page .blogs-breadcrumb{margin-bottom:24px;font-size:.8125rem;color:var(--blg-text-muted)}.blogs-page .blogs-breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.blogs-page .blogs-breadcrumb li{display:inline-flex;align-items:center;gap:8px}.blogs-page .blogs-breadcrumb li:not(:last-child):after{content:"/";color:var(--blg-text-dim)}.blogs-page .blogs-breadcrumb a{color:var(--blg-primary);text-decoration:none;transition:color var(--blg-transition)}.blogs-page .blogs-breadcrumb a:hover{color:var(--blg-primary-dark)}.blogs-page .blogs-breadcrumb [aria-current=page]{color:var(--blg-text);font-weight:600}.blogs-page .blogs-badge{display:inline-flex;align-items:center;gap:6px;background:var(--blg-primary-ghost);color:var(--blg-primary);border:1px solid var(--blg-primary-edge);border-radius:var(--blg-radius-full);padding:6px 14px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}.blogs-page .blogs-hero__title{font-family:Tajawal,sans-serif;font-weight:800;font-size:clamp(2rem,4vw,3.25rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 18px;color:var(--blg-text)}.blogs-page.rtl-layout .blogs-hero__title{line-height:1.35}.blogs-page .blogs-gradient{background:var(--blg-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.blogs-page .blogs-hero__lead{font-size:1.0625rem;color:var(--blg-text-muted);line-height:1.85;margin:0 0 28px;max-width:60ch}.blogs-page .blogs-search{display:flex;align-items:stretch;gap:0;background:var(--blg-surface);border:1px solid var(--blg-border-strong);border-radius:var(--blg-radius-full);padding:6px;box-shadow:var(--blg-shadow-sm);max-width:640px;transition:border-color var(--blg-transition),box-shadow var(--blg-transition)}.blogs-page .blogs-search:focus-within{border-color:var(--blg-primary);box-shadow:0 0 0 4px var(--blg-primary-ghost)}.blogs-page .blogs-search__icon{display:inline-flex;align-items:center;justify-content:center;padding:0 10px 0 14px;color:var(--blg-text-muted);pointer-events:none}.blogs-page .blogs-search__input{flex:1;border:0;background:transparent;padding:10px 4px;font:500 .9375rem/1.4 Tajawal,sans-serif;color:var(--blg-text);outline:none;min-width:0}.blogs-page .blogs-search__input::placeholder{color:var(--blg-text-dim)}.blogs-page .blogs-search__clear{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--blg-bg);color:var(--blg-text-muted);transition:background var(--blg-transition),color var(--blg-transition)}.blogs-page .blogs-search__clear:hover{background:#f3f4f6;color:var(--blg-text)}.blogs-page .blogs-search__submit{background:var(--blg-gradient);color:#fff;border:0;padding:10px 24px;border-radius:var(--blg-radius-full);font:600 .875rem/1 Tajawal,sans-serif;cursor:pointer;box-shadow:var(--blg-shadow-brand);transition:transform var(--blg-transition),box-shadow var(--blg-transition)}.blogs-page .blogs-search__submit:hover{transform:translateY(-1px);box-shadow:0 12px 30px #6517ab5c}.blogs-page .blogs-hero__meta{margin:24px 0 0;color:var(--blg-text-muted);font-size:.875rem}.blogs-page .blogs-hero__meta strong{color:var(--blg-text);font-weight:700}.blogs-page .blogs-hero__meta em{color:var(--blg-primary);font-style:normal;font-weight:600}.blogs-page .blogs-section{background:var(--blg-surface);padding:64px 0}.blogs-page .blogs-section--alt{background:var(--blg-bg)}.blogs-page .blogs-section__head{margin-bottom:32px}.blogs-page .blogs-section__title{font-family:Tajawal,sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;letter-spacing:-.02em;margin:0;color:var(--blg-text)}.blogs-page.rtl-layout .blogs-section__title{line-height:1.4}.blogs-page .blogs-grid{display:grid;gap:22px}.blogs-page .blogs-grid--featured,.blogs-page .blogs-grid--all{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:1024px){.blogs-page .blogs-grid--all{grid-template-columns:repeat(3,1fr)}}.blogs-page .blogs-card{background:var(--blg-surface);border:1px solid var(--blg-border);border-radius:var(--blg-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--blg-transition),box-shadow var(--blg-transition),border-color var(--blg-transition)}.blogs-page .blogs-card:hover{transform:translateY(-3px);box-shadow:var(--blg-shadow);border-color:var(--blg-primary-edge)}.blogs-page .blogs-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;background:var(--blg-bg)}.blogs-page .blogs-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blogs-page .blogs-card:hover .blogs-card__media img{transform:scale(1.04)}.blogs-page .blogs-card__cat{position:absolute;top:12px;inset-inline-start:12px;padding:5px 12px;background:var(--blg-surface);color:var(--blg-primary);border:1px solid var(--blg-primary-edge);border-radius:var(--blg-radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--blg-shadow-sm)}.blogs-page .blogs-card__body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.blogs-page .blogs-card__title{margin:0;font-family:Tajawal,sans-serif;font-size:1.1875rem;font-weight:700;line-height:1.4;color:var(--blg-text)}.blogs-page .blogs-card--featured .blogs-card__title{font-size:1.375rem}.blogs-page .blogs-card__title a{color:inherit;text-decoration:none;transition:color var(--blg-transition)}.blogs-page .blogs-card__title a:hover{color:var(--blg-primary)}.blogs-page .blogs-card__excerpt{margin:0;color:var(--blg-text-muted);font-size:.9375rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blogs-page .blogs-card__foot{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.8125rem;color:var(--blg-text-muted);padding-top:4px;border-top:1px solid var(--blg-border);margin-top:auto}.blogs-page .blogs-card__more{display:inline-flex;align-items:center;gap:6px;color:var(--blg-primary);font-family:Tajawal,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;margin-top:6px;transition:color var(--blg-transition),gap var(--blg-transition)}.blogs-page .blogs-card__more:hover{color:var(--blg-primary-dark);gap:10px}.blogs-page .blogs-empty{background:var(--blg-surface);border:1px dashed var(--blg-border-strong);border-radius:var(--blg-radius-lg);padding:48px 24px;text-align:center;max-width:560px;margin:0 auto}.blogs-page .blogs-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--blg-primary-ghost);color:var(--blg-primary);margin-bottom:18px}.blogs-page .blogs-empty h3{font-family:Tajawal,sans-serif;font-weight:700;font-size:1.25rem;color:var(--blg-text);margin:0 0 8px}.blogs-page .blogs-empty p{color:var(--blg-text-muted);margin:0 0 22px}.blogs-page .blogs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--blg-radius-full);font:600 .9375rem/1 Tajawal,sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform var(--blg-transition),background var(--blg-transition),color var(--blg-transition),border-color var(--blg-transition)}.blogs-page .blogs-btn--ghost{background:var(--blg-surface);color:var(--blg-primary);border-color:var(--blg-border-strong)}.blogs-page .blogs-btn--ghost:hover{background:var(--blg-primary-ghost);border-color:var(--blg-primary)}.blogs-page .blogs-pagination{margin-top:40px;display:flex;justify-content:center}.blogs-page :focus-visible{outline:2px solid var(--blg-primary);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){.blogs-page .blogs-card,.blogs-page .blogs-card__media img,.blogs-page .blogs-search,.blogs-page .blogs-search__submit,.blogs-page .blogs-search__clear,.blogs-page .blogs-card__more,.blogs-page .blogs-btn{transition:none}.blogs-page .blogs-card:hover,.blogs-page .blogs-card:hover .blogs-card__media img{transform:none}.blogs-page .blogs-card__more:hover{gap:6px}}.blogs-page .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}