.article-page{padding-top:6rem;padding-bottom:2rem;min-height:60vh}.article-page__container{max-width:750px;margin:0 auto;padding:0 1.5rem}.article-page__breadcrumb{display:flex;align-items:center;gap:.5rem;padding:2rem 0 1.5rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:.8125rem}.article-page__breadcrumb a{color:#999;text-decoration:none;transition:color .2s ease}.article-page__breadcrumb a:hover{color:#1a1a1a}.article-page__breadcrumb-sep{color:#d4cfca;font-size:.75rem}.article-page__breadcrumb-current{color:#b49257;font-weight:500}.article-page__header{text-align:center;padding-bottom:2rem}.article-page__title{font-family:IBM Plex Sans Arabic,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:#1a1a1a;line-height:1.4;margin-bottom:1rem}.article-page__excerpt{font-family:IBM Plex Sans Arabic,sans-serif;font-size:1.0625rem;color:#6b6b6b;line-height:1.7;margin-bottom:1.5rem;max-width:600px;margin-inline:auto}.article-page__meta{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:.875rem;flex-wrap:wrap}.article-page__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.article-page__author{color:#b49257;font-weight:600}.article-page__meta-text{color:#999}.article-page__dot{width:4px;height:4px;border-radius:50%;background:#ccc;flex-shrink:0}.article-page__hero-image{border-radius:12px;overflow:hidden;margin-bottom:2.5rem}.article-page__hero-image img{width:100%;height:auto;display:block}.article-page__toc{background:#fff;border:1px solid #E2DDD4;border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:2rem}.article-page__toc-toggle{display:flex;align-items:center;gap:.5rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:.9375rem;font-weight:700;color:#1a1a1a;cursor:pointer;list-style:none}.article-page__toc-toggle::-webkit-details-marker{display:none}.article-page__toc-icon{width:1.125rem;height:1.125rem;color:#b49257}.article-page__toc-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.25rem}.article-page__toc-link{display:block;padding:.4rem .75rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:.8125rem;color:#6b6b6b;text-decoration:none;border-inline-start:2px solid transparent;transition:all .2s ease;line-height:1.6}.article-page__toc-link:hover{color:#b49257;border-inline-start-color:#b49257}.article-page__body{padding-bottom:2rem}.article-page__body .prose-mhaba{margin-bottom:2rem}.article-page__tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:1.5rem 0;border-top:1px solid #E2DDD4}.article-page__tag{display:inline-block;padding:.3rem .875rem;font-family:IBM Plex Sans Arabic,sans-serif;font-size:.75rem;font-weight:500;color:#6b6b6b;background:transparent;border:1px solid #E2DDD4;border-radius:100px}.article-page__related{border-top:1px solid #E2DDD4;padding:3rem 0}.article-page__related-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.article-page__related-title{font-family:IBM Plex Sans Arabic,sans-serif;font-size:1.5rem;font-weight:800;color:#1a1a1a;margin-bottom:1.5rem}.article-page__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 3rem}.article-page__related-item{border-bottom:1px solid #f0ebe3}@media(max-width:768px){.article-page{padding-top:5rem}.article-page__header{text-align:start}.article-page__meta{justify-content:flex-start}.article-page__hero-image{border-radius:8px}.article-page__related-grid{grid-template-columns:1fr;gap:0}}