.article-detail{background:linear-gradient(180deg,#e9ebf8,#fff 560px);color:#141b34;font-family:Almarai,Arial,sans-serif;padding:132px calc(clamp(16px,5vw,96px) + 20px) 100px}.article-detail__container{margin-inline:auto;width:100%}.article-detail__breadcrumb{align-items:center;display:flex;font-size:16px;gap:20px;margin-bottom:40px}.article-detail__breadcrumb a{color:#777;flex-shrink:0;text-decoration:none}.article-detail__breadcrumb>span[aria-hidden]{color:#777;font-size:28px;line-height:1}.article-detail__breadcrumb [aria-current]{font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-detail h1,.article-detail h2,.article-detail h3{color:inherit;font-family:inherit;font-weight:700}.article-detail__category{border:1px solid #141b34;border-radius:100px;display:inline-block;font-size:14px;padding:6px 16px}.article-detail__heading h1{font-size:32px;line-height:1.6;margin:16px 0}.article-detail__heading h1 span{color:#536ba5}.article-detail__heading>p{color:#777;font-size:20px;line-height:1.7;margin:0 0 12px}.article-detail__toolbar{align-items:center;background:#fff;border:1px solid #e4e4e4;border-radius:24px;display:flex;gap:24px;justify-content:space-between;padding:12px 20px}.article-detail__author{align-items:center;display:flex;gap:16px;min-width:0}.article-detail__avatar{background:#141b34;border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:20px;font-weight:700;height:44px;place-items:center;width:44px}.article-detail__author strong{font-size:14px;overflow-wrap:anywhere}.article-detail__author p{color:#777;font-size:14px;margin:4px 0 0}.article-detail__metadata{color:#777;font-size:14px;margin:0}.article-detail__metadata strong,.article-detail__metadata time{color:#141b34;font-weight:700}.article-detail__sharing>p{font-size:14px;margin:0 0 8px}.article-detail__share-actions{display:flex;gap:12px}.article-detail__share-actions :is(a,button){background:#141b34;border:0;border-radius:50%;color:#fff;display:grid;font-size:16px;height:32px;padding:0;place-items:center;text-decoration:none;width:32px}.article-detail__share-message{font-size:14px;margin:12px 0 0}.article-detail__cover{aspect-ratio:1155/380;border-radius:24px;display:block;height:auto;margin-top:40px;-o-object-fit:cover;object-fit:cover;width:100%}.article-detail__content{font-size:16px;line-height:2.1;margin:20px 0 24px;overflow-wrap:anywhere}.article-detail__content p{margin-bottom:24px}.article-detail__content :is(h2,h3,h4){color:inherit;font-family:inherit;font-size:24px;font-weight:700;line-height:1.6;margin:24px 0}.article-detail__content img,.article-detail__content video{border-radius:16px;height:auto;max-width:100%}.article-detail__content iframe{max-width:100%}.article-detail__content :is(ul,ol){padding-inline-start:24px}.article-detail__content blockquote{background:#eff5ff;border-inline-start:3px solid #536ba5;padding:16px 24px}.article-detail__content table{display:block;max-width:100%;overflow-x:auto}.article-detail__content a{color:#536ba5;text-decoration:underline}.article-detail__author-card{align-items:center;background:#f3f3f3;border-radius:24px;display:flex;gap:24px;justify-content:space-between;margin-top:24px;padding:24px}.article-detail__author-card .article-detail__avatar{font-size:28px;height:64px;width:64px}.article-detail__author-card h2{font-size:18px;margin:8px 0}.article-detail__author-card .article-detail__author-title{color:#141b34}.article-detail__book{background:#141b34;border-radius:100px;color:#fff;flex-shrink:0;font-size:16px;font-weight:700;padding:16px 44px;text-decoration:none}.article-detail__book:hover{background:#273558;color:#fff}.article-detail__related.home-articles{margin:40px auto 0;max-width:1155px;padding:0}.article-detail__related h2{font-size:24px;margin-bottom:20px}.article-detail__related .home-articles__grid{gap:20px}.article-detail__related .home-articles__card{background:#fff}.article-detail__related .home-articles__card h3{font-size:16px}.article-detail__status{padding:80px 20px;text-align:center}.article-detail__status button{background:#fff;border:1px solid #141b34;border-radius:100px;color:inherit;font:inherit;padding:10px 20px}.article-detail :is(a,button):focus-visible{outline:3px solid #8ea9e8;outline-offset:3px}@media (max-width:991px){.article-detail__toolbar{flex-wrap:wrap}.article-detail__heading h1{font-size:28px}.article-detail__heading>p{font-size:18px}.article-detail__cover{aspect-ratio:2/1}}@media (max-width:767px){.article-detail{padding-inline:20px}}@media (max-width:575px){.article-detail{padding:112px 20px 56px}.article-detail__breadcrumb{font-size:14px;gap:10px;margin-bottom:32px}.article-detail__heading h1{font-size:25px}.article-detail__heading>p{font-size:16px}.article-detail__toolbar{gap:20px;padding:20px}.article-detail__sharing,.article-detail__toolbar>.article-detail__author{width:100%}.article-detail__cover{aspect-ratio:3/2;border-radius:20px;margin-top:24px}.article-detail__content :is(h2,h3,h4){font-size:22px}.article-detail__author-card{align-items:stretch;flex-direction:column;padding:20px}.article-detail__book{text-align:center}}
