@font-face{font-family:BK;src:url(/assets/fonts/BKoodak-Bold.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:#172235;font-family:Tahoma,Arial,sans-serif;line-height:2}a{color:#087f8c;text-decoration:none}.top{height:76px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#071a2d;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 24px #00152b26}.brand{display:flex;align-items:center;color:#fff;gap:11px}.brand img{width:44px;height:44px}.brand span{display:grid;line-height:1.3}.brand b{font:25px BK,Tahoma}.brand small{color:#b5cad7}.top nav{display:flex;align-items:center;gap:20px}.top nav a{color:#e3eef3}.top .signup{background:#00a6a6;color:#fff;padding:7px 17px;border-radius:12px}main{max-width:1100px;margin:auto;padding:28px 22px 80px}.crumb{display:flex;gap:9px;align-items:center;color:#66778b;font-size:14px;margin:10px 0 24px}article{max-width:880px;margin:auto;background:#fff;border-radius:24px;padding:clamp(22px,5vw,60px);box-shadow:0 14px 60px #0b274212}.article-head{text-align:center}.badge{display:inline-block;color:#087f8c;background:#e7f8f7;padding:3px 14px;border-radius:20px;font-weight:bold}.article-head h1{font:clamp(32px,5vw,53px)/1.45 BK,Tahoma;margin:18px 0;color:#09213a}.article-head>p{font-size:19px;color:#50647a;max-width:760px;margin:auto}.meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;margin:22px 0;color:#718196;font-size:13px}.hero{margin:30px -18px}.hero img,article figure img{display:block;width:100%;height:auto;border-radius:20px}figcaption{text-align:center;color:#6d7c8e;font-size:13px;margin-top:8px}.lead{font-size:20px;color:#243b53}.quick,.note,.disclaimer{padding:18px 22px;border-radius:15px;margin:24px 0}.quick{background:#e9f8f6;border-right:5px solid #00a6a6}.note{background:#fff7e8;border-right:5px solid #ef9c45}.disclaimer{background:#f1f5f9;color:#48596b}.toc{border:1px solid #dce6ee;border-radius:16px;padding:15px 20px;margin:30px 0}.toc summary{font:bold 22px BK;cursor:pointer}.toc ol{columns:2;column-gap:35px}.toc li{break-inside:avoid;margin:5px 0}h2{font:32px/1.5 BK,Tahoma;color:#092b49;margin:58px 0 14px;padding-top:20px;border-top:1px solid #edf1f4}h3{font:24px/1.55 BK,Tahoma;color:#124b69;margin:30px 0 8px}p{text-align:justify}li{margin:5px 0}.faq details{border:1px solid #dce6ee;border-radius:13px;padding:12px 16px;margin:10px 0}.faq summary{cursor:pointer;font-weight:bold}.cta{background:#071f36;color:#fff;padding:30px;border-radius:20px;text-align:center;margin-top:50px}.cta h2{color:#fff;border:0;margin:0}.cta p{text-align:center}.cta a{display:inline-block;background:#00a6a6;color:#fff;padding:10px 24px;border-radius:12px;font-weight:bold}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{padding:16px;border:1px solid #dfe8ee;border-radius:13px;display:grid;color:#16334a}.related span{font-size:12px;color:#718196;margin-top:8px}footer{text-align:center;padding:42px 20px;background:#071a2d;color:#b8cbd8}footer img{width:54px}footer a{margin:0 8px;color:#fff}.blog-index{max-width:1180px}.blog-hero{text-align:center;padding:50px 15px}.blog-hero h1{font:52px BK;color:#092b49;margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #0b274212;display:block}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card>div{padding:22px}.card h2{font-size:27px;border:0;margin:0 0 8px;padding:0}.card p{color:#586b7e}.card small{color:#087f8c}@media(max-width:760px){.top{height:auto;padding:10px 15px}.top nav a:not(.signup){display:none}.brand small{display:none}main{padding:15px 10px 50px}article{border-radius:15px;padding:22px 17px}.hero{margin:24px 0}.toc ol{columns:1}h2{font-size:28px}.related>div,.cards{grid-template-columns:1fr}.blog-hero h1{font-size:38px}.meta{gap:5px 12px}}
.next-read{display:block;margin:34px 0;padding:20px 24px;border-radius:16px;background:linear-gradient(135deg,#071f36,#0c3851);color:#d9eaf2}.next-read span{display:block;color:#6ee7df;font-size:13px;font-weight:bold}.next-read a{display:block;color:#fff;font:24px BK,Tahoma;margin:4px 0}.next-read p{margin:0;color:#c3d7e2;font-size:14px}.topic-tip{padding:16px 20px;margin:18px 0;background:#edf7ff;border-right:4px solid #2f80ed;border-radius:12px}

/* MM_BLOG_STABLE_LAYOUT_START */

/* فونت مشترک سایت و وبلاگ */
@font-face {
  font-family: "B Koodak";
  src: url("/assets/fonts/BKoodak-Bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400 900;
}

html,
body,
button,
input,
select,
textarea,
option,
article,
header,
footer,
nav {
  font-family: "B Koodak", "BKoodak", Tahoma, Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand b,
.toc summary,
.next-read a {
  font-family: "B Koodak", "BKoodak", Tahoma, Arial, sans-serif !important;
}

/* هدر منعطف؛ با افزایش لینک‌ها به‌هم نمی‌ریزد */
.top {
  height: auto;
  min-height: 76px;
  gap: 16px;
  flex-wrap: wrap;
}

.top nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 20px;
  flex-wrap: wrap;
}

/* چیدمان خودکار کارت‌ها برای هر تعداد مقاله */
.cards {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(min(100%, 440px), 1fr)
  );
  align-items: stretch;
  gap: 24px;
}

.card {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
}

.card > div {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
}

.card h2,
.card p,
.card span,
article,
article p,
article li,
.next-read {
  overflow-wrap: anywhere;
  word-break: normal;
}

.card img,
article img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* جلوگیری از بیرون‌زدگی محتوای مقاله */
article,
.blog-index,
.article-head,
.related,
.related > div {
  min-width: 0;
}

@media (max-width: 760px) {
  .top {
    min-height: 68px;
    padding: 10px 15px;
    flex-wrap: nowrap;
  }

  .top nav {
    flex-wrap: nowrap;
  }

  .cards {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .card {
    width: 100%;
  }
}

/* MM_BLOG_STABLE_LAYOUT_END */
.article-tools{margin:28px 0;padding:22px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.article-tools h2{margin-top:0}.article-tools a{display:inline-block;margin:5px;padding:9px 13px;border-radius:999px;background:#f4efe5;color:#76551d;text-decoration:none;font-weight:700}

/* MM_BLOG_FOOTER_LOGO_V2 */
footer > img {
  display: block;
  box-sizing: border-box;
  width: 92px;
  height: 92px;
  margin: 0 auto 16px;
  padding: 7px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(0,0,0,.24), 0 0 0 5px rgba(255,255,255,.07);
}
footer > p {
  max-width: 560px;
  margin: 0 auto 14px;
  line-height: 1.9;
}
@media (max-width: 640px) {
  footer { padding: 34px 18px; }
  footer > img {
    width: 82px;
    height: 82px;
    margin-bottom: 14px;
    border-radius: 21px;
  }
}

/* MM_INFINITE_SCROLL_START */
.mm-load-more {
  display: flex;
  min-height: 92px;
  margin: 8px auto 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
.mm-load-status {
  margin: 0;
  color: #667085;
  font-size: .92rem;
}
.mm-load-more-button {
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid #d9c398;
  border-radius: 999px;
  background: #fffaf0;
  color: #76551d;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.mm-load-more-button:hover,
.mm-load-more-button:focus-visible {
  background: #f4efe5;
  border-color: #b99654;
}
.mm-load-sentinel {
  display: block;
  width: 100%;
  height: 1px;
}
.mm-card-enter {
  animation: mm-card-reveal .32s ease-out both;
}
@keyframes mm-card-reveal {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .mm-card-enter { animation: none; }
}
/* MM_INFINITE_SCROLL_END */