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