/* Guides and blog pages (written by Macrosbit Content Studio into /guides/ and /blog/ from _cms/page.*.html).
   Loaded after product.css — same tokens. */
.mb-article{padding-block:clamp(40px,6vw,72px) clamp(56px,7vw,96px)}
.mb-prose{max-width:760px}
.mb-prose h1{font-size:clamp(32px,4.4vw,54px);line-height:1.08;letter-spacing:-.03em;margin:0 0 22px}
.mb-prose h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.02em;margin:44px 0 14px}
.mb-prose h3{font-size:20px;line-height:1.3;margin:30px 0 10px}
.mb-prose p,.mb-prose li{color:#DCD8EC}
.mb-prose ul,.mb-prose ol{margin:0 0 18px;padding-inline-start:22px}
.mb-prose li{margin-bottom:8px}
.mb-prose li::marker{color:var(--accent)}
.mb-prose strong{color:var(--paper)}
.mb-prose blockquote{margin:22px 0;padding:14px 20px;border-inline-start:3px solid var(--violet);background:var(--night-2);border-radius:0 var(--r-lg) var(--r-lg) 0;color:var(--paper)}
.mb-prose blockquote p:last-child{margin:0}
.mb-prose table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;display:block;overflow-x:auto}
.mb-prose th,.mb-prose td{border:1px solid var(--line);padding:10px 14px;text-align:start;vertical-align:top}
.mb-prose th{background:var(--night-2);font-family:var(--display);font-weight:600;color:var(--paper)}
html[lang="ar"] .mb-prose th{font-family:var(--arabic)}
.mb-prose code{font-family:var(--mono);font-size:.9em;background:var(--night-2);padding:2px 6px;border-radius:6px}
.mb-cms-intro{color:var(--muted);font-size:18px;max-width:760px}
.mb-cms-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px;max-width:860px}
.mb-cms-item{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--night-2);padding:20px 22px}
.mb-cms-item a{text-decoration:none}
.mb-cms-item strong{display:block;font:600 19px/1.35 var(--display);color:var(--paper)}
html[lang="ar"] .mb-cms-item strong{font-family:var(--arabic)}
.mb-cms-item a:hover strong{color:var(--accent)}
.mb-cms-item p{color:var(--muted);margin:8px 0 6px}
.mb-cms-item small{color:var(--muted);font:500 13px/1 var(--mono)}
.mb-cms-empty{color:var(--muted)}

/* Content blocks (Macrosbit Content Studio toolbar) */
.mb-prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.mb-prose .mb-media{margin:28px 0}
.mb-prose .mb-media img{width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--night-2)}
.mb-prose figcaption{margin-top:10px;color:var(--muted);font-size:14px;text-align:center}
.mb-prose .mb-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:28px 0}
.mb-prose .mb-gallery .mb-media{margin:0}
.mb-prose .mb-gallery img{aspect-ratio:4/3;object-fit:cover}
.mb-prose .mb-video,.mb-prose .mb-map{margin:28px 0}
.mb-prose .mb-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:#000}
.mb-prose .mb-map .mb-frame{aspect-ratio:4/3}
.mb-prose .mb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mb-prose .mb-cta{margin:24px 0}
.mb-prose .mb-button{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:13px 22px;font:600 15px/1 var(--body);text-decoration:none;background:var(--violet);color:#fff;border:1px solid transparent;transition:transform .2s}
.mb-prose .mb-button:hover{transform:translateY(-2px);color:#fff}
.mb-prose .mb-button-secondary{background:transparent;color:var(--paper);border-color:var(--line-2)}
.mb-prose .mb-button-secondary:hover{border-color:var(--accent);color:var(--paper)}
html[lang="ar"] .mb-prose .mb-button{font-family:var(--arabic)}
.mb-prose .mb-callout,.mb-prose .mb-pros,.mb-prose .mb-cons{margin:24px 0;padding:18px 22px;border-radius:var(--r-lg);border:1px solid var(--line);border-inline-start:4px solid var(--c,var(--violet));background:var(--night-2)}
.mb-prose .mb-callout>:last-child,.mb-prose .mb-pros ul,.mb-prose .mb-cons ul{margin-bottom:0}
.mb-prose .mb-callout-note{--c:#7A3CFF}.mb-prose .mb-callout-tip{--c:#25A244}.mb-prose .mb-callout-warning{--c:#FFB800}.mb-prose .mb-callout-important{--c:#FF2D87}
.mb-prose .mb-callout-title{font-weight:700;color:var(--paper);margin-bottom:6px}
.mb-prose .mb-pros{--c:#25A244}.mb-prose .mb-cons{--c:#FF2D87}
.mb-prose .mb-pros li::marker{content:"✓  ";color:#25A244}.mb-prose .mb-cons li::marker{content:"✗  ";color:#FF2D87}
.mb-prose .mb-checklist{list-style:none;padding-inline-start:0}
.mb-prose .mb-checklist li{position:relative;padding-inline-start:30px}
.mb-prose .mb-checklist li::before{position:absolute;inset-inline-start:0;top:1px;font-weight:700}
.mb-prose .mb-checklist .mb-yes::before{content:"✓";color:#25A244}.mb-prose .mb-checklist .mb-no::before{content:"✗";color:#FF2D87}
.mb-prose .mb-faq{display:grid;gap:10px;margin:24px 0}
.mb-prose .mb-faq details,.mb-prose .mb-details{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--night-2)}
.mb-prose .mb-faq summary,.mb-prose .mb-details summary{cursor:pointer;list-style:none;padding:16px 20px;font:600 17px/1.4 var(--display);color:var(--paper);display:flex;justify-content:space-between;gap:16px}
html[lang="ar"] .mb-prose .mb-faq summary,html[lang="ar"] .mb-prose .mb-details summary{font-family:var(--arabic)}
.mb-prose .mb-faq summary::-webkit-details-marker,.mb-prose .mb-details summary::-webkit-details-marker{display:none}
.mb-prose .mb-faq summary::after,.mb-prose .mb-details summary::after{content:"+";color:var(--accent);font:500 22px/1 var(--mono)}
.mb-prose .mb-faq details[open] summary::after,.mb-prose .mb-details[open] summary::after{content:"−"}
.mb-prose .mb-faq-a,.mb-prose .mb-details>div{padding:0 20px 16px}
.mb-prose .mb-faq-a>:last-child,.mb-prose .mb-details>div>:last-child{margin-bottom:0}
.mb-prose .mb-details{margin:24px 0}
.mb-prose .mb-steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}
.mb-prose .mb-steps li{display:flex;gap:16px;align-items:flex-start}
.mb-prose .mb-step-n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;font:700 15px/1 var(--mono)}
.mb-prose .mb-step-title{font-weight:700;color:var(--paper);margin:5px 0 4px}
.mb-prose .mb-columns{display:grid;gap:24px;margin:24px 0}
.mb-prose .mb-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-prose .mb-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mb-prose .mb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:28px 0}
.mb-prose .mb-stat{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--night-2);padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.mb-prose .mb-stat strong{font:700 30px/1.1 var(--display);color:var(--paper)}
.mb-prose .mb-stat span{color:var(--muted);font-size:14px}
.mb-prose .mb-quote{margin:28px 0;padding:22px 26px;border-radius:var(--r-lg);background:var(--night-2);border:1px solid var(--line)}
.mb-prose .mb-quote blockquote{margin:0;padding:0;border:0;background:none;font-size:19px;color:var(--paper)}
.mb-prose .mb-quote blockquote p::before{content:"“"}.mb-prose .mb-quote blockquote p::after{content:"”"}
.mb-prose .mb-quote figcaption{text-align:start;margin-top:12px;color:var(--accent);font-weight:600}
.mb-prose .mb-cta-box{margin:32px 0;padding:28px;border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(122,60,255,.22),rgba(255,45,135,.12));border:1px solid var(--line-2)}
.mb-prose .mb-cta-box h3{margin-top:0}
.mb-prose .mb-cta-box .mb-cta{margin-bottom:0}
.mb-prose .mb-toc{margin:24px 0 32px;padding:18px 22px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--night-2)}
.mb-prose .mb-toc ol{margin:0;padding-inline-start:20px}
.mb-prose .mb-toc li{margin-bottom:6px}
.mb-prose h2[id],.mb-prose h3[id]{scroll-margin-top:96px}
@media (max-width:700px){.mb-prose .mb-columns-2,.mb-prose .mb-columns-3{grid-template-columns:1fr}}