.blog-page{padding-block:var(--space-6) var(--space-14)}.blog-header{display:grid;gap:var(--space-3);margin-bottom:var(--space-8)}.blog-header .editorial-kicker{display:inline-flex;margin-bottom:0}.blog-header .route-title{margin:0;max-width:12ch;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1}.blog-header .route-subtitle{max-width:62ch;margin-inline:0;color:color-mix(in srgb,var(--theme-text) 74%,transparent);font-size:1.05rem;line-height:1.72}.blog-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}.blog-guide-strip{display:grid;gap:var(--space-5);margin-bottom:var(--space-8);padding:var(--space-5);border-radius:1.6rem;border:1px solid color-mix(in srgb,var(--theme-border) 78%,transparent);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 58%),color-mix(in srgb,var(--theme-bg-card) 90%,transparent)}.blog-guide-strip-copy{display:grid;gap:var(--space-3)}.blog-guide-strip-copy h2{margin:0;font-family:var(--font-heading);font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.08;letter-spacing:-.03em;color:var(--theme-text)}.blog-guide-strip-copy p{margin:0;max-width:62ch;color:color-mix(in srgb,var(--theme-text) 78%,transparent);line-height:1.7}.blog-guide-grid{display:grid;gap:var(--space-4)}.blog-guide-card{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:1.2rem;border:1px solid color-mix(in srgb,var(--theme-border) 76%,transparent);background:color-mix(in srgb,var(--theme-bg-elevated) 82%,transparent);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.blog-guide-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-border) 60%,transparent)}.blog-guide-card strong{color:var(--theme-text);font-family:var(--font-heading);font-size:1.05rem;letter-spacing:-.02em}.blog-guide-card p{margin:0;color:color-mix(in srgb,var(--theme-text) 76%,transparent);line-height:1.65}@media(min-width:640px){.blog-grid,.blog-guide-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:1.45rem;background:linear-gradient(180deg,color-mix(in srgb,var(--warm-surface) 96%,transparent),color-mix(in srgb,var(--theme-bg-card) 92%,transparent));border:1px solid color-mix(in srgb,var(--theme-border) 78%,transparent);text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.blog-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--theme-border) 58%,transparent);box-shadow:0 18px 36px color-mix(in srgb,black 10%,transparent)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:color-mix(in srgb,var(--theme-text-muted) 92%,transparent)}.blog-card-category{text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:color-mix(in srgb,var(--color-primary-light) 84%,var(--theme-text) 16%)}.blog-card-dot{opacity:.4}.blog-card h2{font-size:1.2rem;font-weight:600;line-height:1.35;margin:0;color:var(--theme-text)}.blog-card p{font-size:.92rem;line-height:1.6;color:color-mix(in srgb,var(--theme-text) 74%,transparent);margin:0;flex:1}.blog-card-read-more{font-size:.85rem;font-weight:600;color:color-mix(in srgb,var(--color-primary-light) 84%,var(--theme-text) 16%);display:flex;align-items:center;gap:4px}.blog-article{max-width:760px;margin-inline:auto;padding-block:var(--space-6) var(--space-10)}.blog-article-header{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.blog-article-back{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:color-mix(in srgb,var(--theme-text-muted) 92%,transparent);text-decoration:none;transition:color .15s ease}.blog-article-back:hover{color:color-mix(in srgb,var(--color-primary-light) 84%,var(--theme-text) 16%)}.blog-article-header h1{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:700;line-height:1.25;margin:0;color:var(--theme-text)}.blog-article-meta{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:color-mix(in srgb,var(--theme-text-muted) 92%,transparent)}.blog-prose h2{font-size:1.45rem;font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--theme-text);letter-spacing:-.02em}.blog-prose h3{font-size:1.15rem;font-weight:600;margin-top:var(--space-5);margin-bottom:var(--space-2);color:color-mix(in srgb,var(--color-primary-light) 76%,var(--theme-text) 24%)}.blog-prose p{font-size:1.05rem;line-height:1.75;color:color-mix(in srgb,var(--theme-text) 78%,transparent);margin-bottom:var(--space-4)}.blog-prose em{color:var(--theme-text);font-style:italic}.blog-prose ul{margin-bottom:var(--space-4);padding-left:var(--space-5)}.blog-prose li{font-size:1.02rem;line-height:1.7;color:color-mix(in srgb,var(--theme-text) 78%,transparent);margin-bottom:var(--space-2)}.blog-prose li strong{color:var(--theme-text)}.blog-prose [lang=ar]{font-family:Amiri Quran,serif;font-size:1.3em;line-height:2}.blog-prose a{color:color-mix(in srgb,var(--color-primary-light) 88%,white 12%)}.blog-prose a:hover{color:var(--theme-text)}.blog-guide-strip-article{margin-top:var(--space-8);margin-bottom:0}.blog-related{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid color-mix(in srgb,var(--theme-border) 78%,transparent)}.blog-related h2{font-size:1.15rem;font-weight:600;margin-bottom:var(--space-4);color:color-mix(in srgb,var(--theme-text) 78%,transparent)}.blog-related-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.blog-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.blog-page{padding-bottom:var(--space-12)}.blog-guide-strip{padding:var(--space-4)}}
