.q411-blog-page{color:#243026;min-height:100vh;font-family:var(--font-poppins),var(--font-inter),sans-serif;background:#f7f8fa}.q411-blog-page h1,.q411-blog-page h2,.q411-blog-page h3,.q411-blog-page p,.q411-blog-page a{font-family:inherit}.q411-blog-container{width:min(1500px,100% - 48px);margin:0 auto}.q411-blog-feed{padding:46px 0 72px}.q411-blog-feed-header{margin-bottom:28px}.q411-blog-kicker{color:#58c879;letter-spacing:0;margin:0 0 8px;font-size:14px;font-weight:800;line-height:1}.q411-blog-feed-header h1{color:#222;letter-spacing:0;margin:0;font-size:34px;font-weight:800;line-height:1.18}.q411-blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.q411-blog-card{background:#fff;border:1px solid #dfe7f1;border-radius:8px;flex-direction:column;min-width:0;min-height:100%;display:flex;overflow:hidden;box-shadow:0 14px 28px #222c3a14}.q411-blog-card-media{aspect-ratio:16/9;background:#eef3f6;position:relative;overflow:hidden}.q411-blog-card-media img{object-fit:cover;width:100%;height:100%;display:block}.q411-blog-card-fallback{background:linear-gradient(135deg,#4dc27529,#3f6ace1a),url(/images/islamic-pattern.png) 50%/360px;place-items:center;height:100%;display:grid}.q411-blog-card-fallback span{color:#58c879;background:#fff;border-radius:50%;place-items:center;width:72px;height:72px;font-size:18px;font-weight:800;display:grid;box-shadow:0 8px 20px #222c3a14}.q411-blog-category{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#58c879;border-radius:999px;align-items:center;max-width:calc(100% - 48px);min-height:34px;padding:0 16px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:24px;left:24px;overflow:hidden}.q411-blog-card-body{flex-direction:column;flex:1;min-width:0;padding:28px 30px 34px;display:flex}.q411-blog-card h3{color:#58c879;letter-spacing:0;margin:0;font-size:25px;font-weight:800;line-height:1.35}.q411-blog-card h3 a{color:inherit;text-decoration:none}.q411-blog-card h3 a:hover{color:#39aa5d}.q411-blog-meta{color:#758095;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;font-size:15px;line-height:1.35;display:flex}.q411-blog-meta span{align-items:center;display:inline-flex}.q411-blog-meta span+span:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-right:10px;display:inline-block}.q411-blog-card p{color:#667084;margin:26px 0 0;font-size:16px;line-height:1.55}.q411-blog-pagination{justify-content:center;align-items:center;gap:34px;margin-top:58px;display:flex}.q411-blog-page-button{color:#27272a;background:#fff;border:1px solid #dfe7f1;border-radius:8px;justify-content:center;align-items:center;min-width:136px;height:62px;font-size:18px;font-weight:500;line-height:1;text-decoration:none;transition:border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.q411-blog-page-button:hover{color:#1d4eb1;border-color:#2f66d0;box-shadow:0 0 0 3px #2f66d029}.q411-blog-page-button-disabled{cursor:not-allowed;opacity:.44}.q411-blog-page-button-disabled:hover{box-shadow:none;color:#27272a;border-color:#dfe7f1}.q411-blog-page-status{color:#667084;text-align:center;min-width:128px;font-size:17px;line-height:1}.q411-blog-empty{text-align:center;background:#fff;border:1px dashed #cfd8e5;border-radius:8px;padding:42px 24px}.q411-blog-empty h3{color:#222;margin:0;font-size:24px;font-weight:800;line-height:1.25}.q411-blog-empty p{color:#667084;max-width:560px;margin:12px auto 0;font-size:16px;line-height:1.6}@media (max-width:1100px){.q411-blog-card-grid{gap:24px}.q411-blog-card-body{padding:24px}.q411-blog-card h3{font-size:22px}}@media (max-width:860px){.q411-blog-container{width:min(100% - 32px,1500px)}.q411-blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.q411-blog-container{width:min(100% - 24px,1500px)}.q411-blog-feed{padding:32px 0 52px}.q411-blog-feed-header h1{font-size:28px}.q411-blog-card-grid{grid-template-columns:1fr;gap:20px}.q411-blog-card-body{padding:22px}.q411-blog-card h3{font-size:21px}.q411-blog-card p{margin-top:18px;font-size:15px}.q411-blog-pagination{gap:14px;margin-top:36px}.q411-blog-page-button{min-width:94px;height:50px;font-size:15px}.q411-blog-page-status{min-width:90px;font-size:14px}}