.mq-magazine{padding-top:40px;padding-bottom:64px;color:#171b30}.mq-magazine-heading h1{font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1.5}.mq-magazine-heading p{color:#727990;line-height:2;font-size:15px;margin-top:10px;max-width:780px}.mq-magazine-tools{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:28px 0 32px}.mq-magazine-search{display:flex;align-items:center;background:white;border:1px solid #e3dff4;border-radius:14px;min-width:280px;max-width:420px;flex:1;overflow:hidden}.mq-magazine-search input{background:transparent;border:0;padding:15px 16px;min-width:0;width:100%;outline:none}.mq-magazine-search:focus-within{outline:2px solid #7544f5;outline-offset:2px}.mq-magazine-search button{padding:15px;color:#7544f5;flex-shrink:0}.mq-magazine-categories{display:flex;flex-wrap:wrap;gap:8px}.mq-magazine-categories a{padding:9px 15px;border:1px solid #e3dff4;background:white;border-radius:11px;font-size:13px;font-weight:700}.mq-magazine-categories a[aria-current],.mq-magazine-categories a:hover{background:#7544f5;color:white;border-color:#7544f5}.mq-magazine a:focus-visible,.mq-magazine button:focus-visible{outline:2px solid #7544f5;outline-offset:4px}.mq-magazine-lead{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid #e3dff4;border-radius:22px;overflow:hidden;margin-bottom:42px}.mq-magazine-lead-cover{min-height:340px;background:#eee9fb;display:flex;align-items:center;justify-content:center}.mq-magazine-lead-cover img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}.mq-magazine-lead-cover>svg{width:72px;height:72px;color:#7544f5}.mq-magazine-lead-body{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:18px}.mq-magazine-lead-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;color:#727990;font-size:12px}.mq-magazine-lead-meta span{background:#f0eafa;color:#7544f5;padding:6px 10px;border-radius:8px}.mq-magazine-lead h2{font-size:clamp(22px,2vw,30px);font-weight:900;line-height:1.8}.mq-magazine-lead p{font-size:14px;line-height:2.1;color:#727990}.mq-magazine-read{display:inline-flex;align-items:center;gap:12px;color:#7544f5;font-weight:800;font-size:14px}.mq-magazine-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.mq-magazine-section-heading h2{font-size:24px;font-weight:900}.mq-magazine-section-heading>span{color:#727990;font-size:13px}.mq-magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mq-magazine .mq-article-card{background:white;border-color:#e3dff4;border-radius:18px}.mq-magazine .mq-article-card h3{font-size:18px;line-height:1.9;min-height:3.8em}.mq-magazine .mq-article-card p{font-size:13px;line-height:2;min-height:4em}.mq-magazine-pagination{margin-top:32px}.mq-magazine-empty{text-align:center;padding:60px 20px;background:white;border:1px solid #e3dff4;border-radius:18px;display:flex;align-items:center;flex-direction:column;gap:16px}.mq-magazine-empty>svg{width:42px;height:42px;color:#7544f5}.mq-magazine-empty h3{font-size:22px;font-weight:800}.mq-magazine-empty p,.mq-magazine-results{color:#727990}.mq-magazine-results{margin-bottom:24px}.mq-magazine-results a{color:#7544f5;margin-inline-start:12px}@media(max-width:1000px){.mq-magazine-tools{align-items:stretch;flex-direction:column}.mq-magazine-search{max-width:none}.mq-magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mq-magazine-lead-body{padding:24px}}@media(max-width:600px){.mq-magazine{padding-top:24px;padding-bottom:40px}.mq-magazine-heading p{font-size:13px}.mq-magazine-lead{grid-template-columns:1fr}.mq-magazine-lead-cover{min-height:0;aspect-ratio:16/10}.mq-magazine-lead-body{padding:22px}.mq-magazine-grid{grid-template-columns:1fr}.mq-magazine-section-heading h2{font-size:20px}.mq-magazine-categories a{padding:9px 12px}.mq-magazine-search{min-width:0}.mq-magazine-lead{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.mq-magazine .mq-article-card,.mq-magazine .mq-article-card img{transition:none;transform:none}}
.mq-magazine-search button svg,.mq-magazine-read svg{width:20px;height:20px}

/* Image frames and proportions from blog-v2/01-index-desktop-full.png. */
.mq-magazine-lead{padding:10px;gap:12px;border-radius:10px}
.mq-magazine-lead-cover{min-height:0;aspect-ratio:16/9;border-radius:8px;overflow:hidden}
.mq-magazine-lead-cover img{aspect-ratio:auto}
.mq-magazine-lead-body{padding:20px}
.mq-magazine .mq-article-card{border-radius:10px}
.mq-magazine .mq-article-card>a:first-child{margin:10px 10px 0;border-radius:8px;overflow:hidden}
@media(max-width:600px){.mq-magazine-lead{gap:0}.mq-magazine-lead-body{padding:18px 12px}}
.mq-magazine-article .grid>div,.mq-magazine-article article,.mq-magazine-article aside{min-width:0}.mq-magazine-article h1{overflow-wrap:anywhere}.mq-magazine-article .article-body pre{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;text-align:left}.mq-magazine-article .article-body{overflow-wrap:anywhere}.mq-magazine-article article>div:first-child{height:auto;aspect-ratio:16/10;overflow:hidden}.mq-magazine-article article>div:first-child>img{width:100%;height:100%;object-fit:cover}

/* Editorial cards: category and date below the cover, matching the approved reference. */
.mq-magazine-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e3dff4;border-radius:10px;padding:10px;transition:border-color .2s ease}
.mq-magazine-card:hover{border-color:#b7a4fa}
.mq-magazine-card-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#eee9fb}
.mq-magazine-card-cover img{width:100%;height:100%;object-fit:cover}
.mq-magazine-card-cover>svg{width:48px;height:48px;color:#7544f5}
.mq-magazine-card-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:12px 4px 8px;min-width:0}
.mq-magazine-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#727990;font-size:12px;flex-wrap:wrap}
.mq-magazine-card-meta span{padding:5px 10px;background:#eee8ff;color:#7544f5;border-radius:999px;font-weight:700}
.mq-magazine-card h3{font-size:20px;line-height:1.7;font-weight:800;overflow-wrap:anywhere}
.mq-magazine-card p{font-size:14px;line-height:1.9;color:#727990;overflow-wrap:anywhere}
.mq-magazine-card .mq-magazine-read{margin-top:auto;align-self:flex-end;padding-top:4px}
.mq-magazine-grid{gap:12px}
@media(max-width:600px){.mq-magazine-card h3{font-size:18px}.mq-magazine-card-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mq-magazine-card{transition:none}}

/* Masthead uses the reference's right title/search and left category navigation. */
.mq-magazine-masthead{margin-bottom:16px}
@media(min-width:1001px){
 .mq-magazine-masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;row-gap:12px}
 .mq-magazine-masthead .mq-magazine-heading{grid-column:1;grid-row:1;min-width:0}
 .mq-magazine-masthead .mq-magazine-heading p{margin-top:4px;font-size:14px}
 .mq-magazine-masthead .mq-magazine-tools{display:contents}
 .mq-magazine-masthead .mq-magazine-search{grid-column:1;grid-row:2;justify-self:start;width:360px;max-width:100%;min-width:0;border-radius:8px}
 .mq-magazine-masthead .mq-magazine-search input{padding:10px 14px;font-size:13px}
 .mq-magazine-masthead .mq-magazine-search button{padding:10px 14px}
 .mq-magazine-masthead .mq-magazine-categories{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end;justify-content:flex-start}
 .mq-magazine-masthead .mq-magazine-categories a{background:#f1edff;border-radius:8px;padding:8px 14px}
 .mq-magazine-masthead .mq-magazine-categories a[aria-current],.mq-magazine-masthead .mq-magazine-categories a:hover{background:#7544f5}
}

/* Light magazine footer from the approved blog reference; shared data stays intact. */
.sf-store:has(.mq-magazine) .sf-footer{background:#fff;color:#171b30;border-top:1px solid #e3dff4;padding-top:28px}
.sf-store:has(.mq-magazine) .sf-footer p,.sf-store:has(.mq-magazine) .sf-footer li{color:#727990}
.sf-store:has(.mq-magazine) .sf-footer h2{font-size:14px;margin:0 0 12px}
.sf-store:has(.mq-magazine) .sf-footer li{margin-bottom:8px}
.sf-store:has(.mq-magazine) .sf-footer p{margin:8px 0 14px;font-size:13px}
.sf-store:has(.mq-magazine) .sf-footer .sf-socials{color:#171b30}
.sf-store:has(.mq-magazine) .sf-footer-legal{border-color:#e3dff4;color:#727990;margin-top:12px;padding-block:16px}
.sf-store:has(.mq-magazine) .sf-footer [aria-label="نمادهای اعتماد و درگاه‌های پرداخت"] img{max-height:80px!important;width:auto;object-fit:contain}
@media(min-width:901px){
 .sf-store:has(.mq-magazine) .sf-footer-grid{direction:ltr;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:28px}
 .sf-store:has(.mq-magazine) .sf-footer-grid>div{direction:rtl;min-width:0}
 .sf-store:has(.mq-magazine) .sf-footer-brand{text-align:left}
 .sf-store:has(.mq-magazine) .sf-socials{justify-content:flex-end}
}
.sf-store:has(.mq-magazine) .sf-footer .sf-logo img{height:72px!important;max-width:200px;object-fit:contain}