/* Article design of Persian posts: .hz-content.hz-article in resources/views/post.blade.php, with
   post_article_html() (app/helpers.php: contents list, heading ids, table boxes) and hz-article.js (contents
   toggle, FAQ accordion, checklist ticks). Component guide (markup for article texts): seo-content/README.md,
   «طراحی مقاله». Edit this file directly; the ?v= of its link is the file's time, so no APPVRS bump.
   - Every rule starts with .hz-content.hz-article (two classes): the theme's ".dark-mode p", ".dark-mode ul li a"
     and extra.css's ".hz-content ul|ol|a|table" rules would otherwise win.
   - px, not rem: the theme sets html{font-size:10px}.
   - Stored texts carry no empty or bare elements (the admin editor, TinyMCE 5, drops empty spans, unwraps spans
     without attributes and turns <b> into <strong>): icons are drawn by ::before/::after of the element with the
     hz-i-* class, descriptions are <small>, badges span.hz-badge, step headings h2.hz-h-step numbered by CSS. */
.hz-content.hz-article{--hz-accent:#1ab69d;--hz-accent2:#31b978;--hz-amber:#f8b81f;--hz-blue:#39c0fa;
  --hz-card:#17202b;--hz-card2:#1c2633;--hz-line:#283342;--hz-text:#c3cbd6;--hz-head:#fff;--hz-muted:#8b96a5;
  --hz-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--hz-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E");--hz-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--hz-q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");--hz-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  max-width:860px;margin-inline:auto;color:var(--hz-text);font-size:17px;line-height:2.05;counter-reset:hz-h}
.hz-content.hz-article p,.hz-content.hz-article li{font-size:inherit;line-height:inherit;color:inherit}
.hz-content.hz-article p{margin:0 0 1.15em}
.hz-content.hz-article strong,.hz-content.hz-article b{color:var(--hz-head)}
.hz-content.hz-article a{display:inline;color:var(--hz-accent);text-decoration:underline;text-decoration-color:rgba(26,182,157,.35);text-underline-offset:5px;transition:color .2s,text-decoration-color .2s}
.hz-content.hz-article a:hover{color:#4fe0c4;text-decoration-color:currentColor}
.hz-content.hz-article h2{position:relative;color:var(--hz-head);font-size:25px;line-height:1.6;margin:2.4em 0 .9em;padding-inline-start:18px;scroll-margin-top:90px}
.hz-content.hz-article h2::before{content:"";position:absolute;inset-inline-start:0;top:.25em;bottom:.25em;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--hz-accent2),var(--hz-accent))}
.hz-content.hz-article h3{color:#e9eef4;font-size:19.5px;line-height:1.7;margin:1.8em 0 .6em;scroll-margin-top:90px}
.hz-content.hz-article h3::after{content:"";display:block;width:34px;height:2px;margin-top:8px;border-radius:2px;background:var(--hz-accent);opacity:.7}
.hz-content.hz-article h4{color:#e9eef4;font-size:18px;line-height:1.7;margin:1.5em 0 .5em}
.hz-content.hz-article img{max-width:100%;height:auto;border-radius:14px}
.hz-content.hz-article ul:not([class]),.hz-content.hz-article ol:not([class]){padding:0;margin:0 0 1.3em;list-style:none}
.hz-content.hz-article ul:not([class])>li,.hz-content.hz-article ol:not([class])>li{position:relative;padding-inline-start:28px;margin:0 0 .55em}
.hz-content.hz-article ul:not([class])>li::before{content:"";position:absolute;inset-inline-start:6px;top:.8em;width:8px;height:8px;border-radius:50%;background:var(--hz-accent);box-shadow:0 0 0 4px rgba(26,182,157,.15)}
.hz-content.hz-article ol:not([class]){counter-reset:hz-ol}
.hz-content.hz-article ol:not([class])>li{counter-increment:hz-ol}
.hz-content.hz-article ol:not([class])>li::before{content:counter(hz-ol);position:absolute;inset-inline-start:0;top:.35em;width:21px;height:21px;border-radius:50%;background:rgba(26,182,157,.16);color:var(--hz-accent);font-size:13px;line-height:21px;text-align:center;font-weight:700}
.hz-content.hz-article li>ul,.hz-content.hz-article li>ol{margin:.5em 0 0}
.hz-content.hz-article blockquote{margin:1.4em 0;padding:14px 18px;border:0;border-inline-start:4px solid var(--hz-accent);background:var(--hz-card);border-radius:12px}
.hz-content.hz-article hr{border:0;height:1px;background:var(--hz-line);margin:2.2em 0}

/* tables: post_article_html() wraps each in .hz-table, which scrolls sideways when the table is wider */
.hz-content.hz-article .hz-table{overflow-x:auto;margin:1.2em 0 1.6em;border:1px solid var(--hz-line);border-radius:14px}
.hz-content.hz-article .hz-table table{display:table;width:100%;margin:0;border:0;border-collapse:collapse;font-size:15.5px;line-height:1.8}
.hz-content.hz-article .hz-table th{background:rgba(26,182,157,.14);color:var(--hz-head);font-weight:700;padding:12px 14px;text-align:start;border:0}
.hz-content.hz-article .hz-table td{padding:11px 14px;border:0;border-top:1px solid var(--hz-line);color:var(--hz-text)}
.hz-content.hz-article .hz-table th+th,.hz-content.hz-article .hz-table td+td{border-inline-start:1px solid var(--hz-line)}
.hz-content.hz-article .hz-table tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.hz-content.hz-article .hz-table p{margin:0}

/* icons: drawn by a pseudo-element of the element carrying hz-i-* (or a component default) */
.hz-content.hz-article .hz-summary-title::before,.hz-content.hz-article .hz-col-title::before,.hz-content.hz-article .hz-btn::before,.hz-content.hz-article .hz-note::before,.hz-content.hz-article .hz-card::after,.hz-content.hz-article .hz-toc-title::before{
  content:"";flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:var(--hz-i) center/contain no-repeat;mask:var(--hz-i) center/contain no-repeat}

.hz-content.hz-article .hz-card:not([class*="hz-i-"])::after,.hz-content.hz-article .hz-col-title:not([class*="hz-i-"])::before,.hz-content.hz-article .hz-btn:not([class*="hz-i-"])::before{display:none}

/* table of contents (post_article_html): open on wide screens, closed on phones; the title flips it */
.hz-content.hz-article .hz-toc{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:16px;margin:1.4em 0 2em;overflow:hidden}
.hz-content.hz-article .hz-toc-title{display:flex;align-items:center;gap:10px;margin:0;padding:14px 18px;color:var(--hz-head);font-weight:700;cursor:pointer;user-select:none;--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-toc-title::before{background:var(--hz-accent)}
.hz-content.hz-article .hz-toc-title::after{content:"";margin-inline-start:auto;width:18px;height:18px;background:var(--hz-muted);-webkit-mask:var(--hz-chev) center/contain no-repeat;mask:var(--hz-chev) center/contain no-repeat;transition:transform .2s}
.hz-content.hz-article .hz-toc-list{list-style:none;margin:0;padding:4px 18px 16px;columns:2;column-gap:28px;counter-reset:toc}
.hz-content.hz-article .hz-toc li{break-inside:avoid;counter-increment:toc;padding:5px 0;margin:0;line-height:1.7;font-size:15.5px}
.hz-content.hz-article .hz-toc li::before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:12px;border-radius:50%;background:var(--hz-accent);vertical-align:middle}
.hz-content.hz-article .hz-toc-numbered li::before{content:counter(toc);width:auto;height:auto;min-width:24px;margin:0;border-radius:0;background:none;color:var(--hz-accent);font-weight:700;vertical-align:baseline}
.hz-content.hz-article .hz-toc a{color:var(--hz-text);text-decoration:none}
.hz-content.hz-article .hz-toc a:hover{color:var(--hz-accent)}
@media (min-width:768px){
  .hz-content.hz-article .hz-toc.is-toggled .hz-toc-list{display:none}
  .hz-content.hz-article .hz-toc:not(.is-toggled) .hz-toc-title::after{transform:rotate(180deg)}
}
@media (max-width:767px){
  .hz-content.hz-article .hz-toc:not(.is-toggled) .hz-toc-list{display:none}
  .hz-content.hz-article .hz-toc.is-toggled .hz-toc-title::after{transform:rotate(180deg)}
}

/* summary: .hz-summary > p.hz-summary-title + p + .hz-facts > .hz-fact > strong + small. No bare <span> or <b> in
   stored text: the admin editor (TinyMCE 5) unwraps spans without attributes and turns <b> into <strong>. */
.hz-content.hz-article .hz-summary{position:relative;background:linear-gradient(135deg,rgba(49,185,120,.13),rgba(26,182,157,.05) 55%,rgba(23,32,43,.6));border:1px solid rgba(26,182,157,.35);border-radius:20px;padding:22px 24px 24px;margin:0 0 2em}
.hz-content.hz-article .hz-summary-title{display:flex;align-items:center;gap:10px;color:var(--hz-head);font-weight:700;font-size:18px;margin:0 0 .5em;--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-summary-title::before{background:var(--hz-amber)}
.hz-content.hz-article .hz-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;margin:1.1em 0 1.3em}
.hz-content.hz-article .hz-fact{background:rgba(2,11,23,.55);border:1px solid var(--hz-line);border-radius:14px;padding:14px 16px;line-height:1.6}
.hz-content.hz-article .hz-fact strong{display:block;font-size:22px;color:var(--hz-accent);margin-bottom:4px}
.hz-content.hz-article .hz-fact small{display:block;font-size:14px;color:var(--hz-muted)}
.hz-content.hz-article .hz-summary>:last-child{margin-bottom:0}

/* steps: ol.hz-steps > li > a[href=#id] > strong + small; the step sections are h2.hz-h-step, numbered by CSS */
.hz-content.hz-article .hz-steps{list-style:none;margin:1.2em 0 2em;padding:0;counter-reset:st;display:grid;gap:10px}
.hz-content.hz-article .hz-steps li{counter-increment:st;margin:0;padding:0}
.hz-content.hz-article .hz-steps a{position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:16px;align-items:center;background:var(--hz-card);border:1px solid var(--hz-line);border-radius:16px;padding:14px 18px;text-decoration:none;color:var(--hz-text);transition:border-color .2s,transform .2s,background .2s}
.hz-content.hz-article .hz-steps a:hover{color:var(--hz-text);border-color:rgba(26,182,157,.6);background:var(--hz-card2);transform:translateX(-4px)}
.hz-content.hz-article .hz-steps a::before{content:counter(st);width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--hz-accent2),var(--hz-accent));color:#04211b;font-weight:700;font-size:17.5px;display:grid;place-items:center;grid-row:1/3}
.hz-content.hz-article .hz-steps li:not(:last-child) a::after{content:"";position:absolute;inset-inline-start:37px;bottom:-11px;width:2px;height:10px;background:var(--hz-line)}
.hz-content.hz-article .hz-steps strong{display:block;color:var(--hz-head);line-height:1.6}
.hz-content.hz-article .hz-steps small{display:block;font-size:14px;color:var(--hz-muted);line-height:1.7}
.hz-content.hz-article h2.hz-h-step{counter-increment:hz-h;padding-inline-start:0;display:flex;align-items:center;gap:12px}
.hz-content.hz-article h2.hz-h-step::before{content:counter(hz-h);position:static;flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--hz-accent2),var(--hz-accent));color:#04211b;font-size:17px}

/* link cards: .hz-cards[.hz-cards-sm] > a.hz-card.hz-i-… > span.hz-badge? + strong + small + em (tag)? */
.hz-content.hz-article .hz-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:1.2em 0 1.8em}
.hz-content.hz-article .hz-cards:not(.hz-cards-sm)>:last-child:nth-child(odd){grid-column:1/-1}
.hz-content.hz-article .hz-cards.hz-cards-sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.hz-content.hz-article .hz-card{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--hz-card);border:1px solid var(--hz-line);border-radius:18px;padding:18px 18px 16px;text-decoration:none;color:var(--hz-text);line-height:1.75;transition:transform .2s,border-color .2s,box-shadow .2s}
.hz-content.hz-article a.hz-card:hover{color:var(--hz-text);transform:translateY(-4px);border-color:rgba(26,182,157,.55);box-shadow:0 14px 30px -18px rgba(26,182,157,.6)}
.hz-content.hz-article .hz-card::before{content:"";flex:none;width:44px;height:44px;border-radius:13px;background:rgba(26,182,157,.14)}
.hz-content.hz-article .hz-card::after{position:absolute;inset-inline-start:29px;top:29px;color:var(--hz-accent)}
.hz-content.hz-article .hz-card>strong{color:var(--hz-head);font-size:17.5px;margin-top:6px}
.hz-content.hz-article .hz-card>small{display:block;font-size:15px;color:var(--hz-text)}
.hz-content.hz-article .hz-card>em{font-style:normal;align-self:flex-start;margin-top:auto;font-size:13px;padding:3px 10px;border-radius:99px;background:rgba(248,184,31,.12);color:var(--hz-amber)}
.hz-content.hz-article .hz-card>.hz-badge{align-self:flex-start;font-weight:700;font-size:13px;padding:4px 11px;border-radius:99px;background:rgba(26,182,157,.15);color:var(--hz-accent)}
.hz-content.hz-article a.hz-card>strong::after{content:"";position:absolute;inset-inline-end:16px;top:20px;width:18px;height:18px;background:var(--hz-muted);-webkit-mask:var(--hz-arrow) center/contain no-repeat;mask:var(--hz-arrow) center/contain no-repeat;opacity:.6;transition:transform .2s,opacity .2s,background .2s}
.hz-content.hz-article a.hz-card:hover>strong::after{transform:translateX(-4px);opacity:1;background:var(--hz-accent)}

/* callouts: div.hz-note[.hz-tip|.hz-warn][.hz-i-…] > p.hz-note-title + p */
.hz-content.hz-article .hz-note{position:relative;border-radius:16px;padding:16px 18px;padding-inline-start:56px;margin:1.3em 0 1.6em;background:rgba(57,192,250,.08);border:1px solid rgba(57,192,250,.28);line-height:1.95;color:var(--hz-blue);--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-note::before{position:absolute;inset-inline-start:18px;top:21px;width:24px;height:24px}
.hz-content.hz-article .hz-note>*{color:var(--hz-text)}
.hz-content.hz-article .hz-note p{margin:0 0 .5em}
.hz-content.hz-article .hz-note>p:last-child{margin-bottom:0}
.hz-content.hz-article .hz-note .hz-note-title{color:var(--hz-head);font-weight:700;margin-bottom:2px}
.hz-content.hz-article .hz-note.hz-tip{background:rgba(26,182,157,.08);border-color:rgba(26,182,157,.32);color:var(--hz-accent);--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-note.hz-warn{background:rgba(248,184,31,.08);border-color:rgba(248,184,31,.32);color:var(--hz-amber);--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}

/* comparison: .hz-compare > .hz-col > p.hz-col-title.hz-i-… + ul.hz-ticks + p */
.hz-content.hz-article .hz-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.2em 0 1.8em}
.hz-content.hz-article .hz-col{background:var(--hz-card);border:1px solid var(--hz-line);border-radius:18px;padding:18px 20px;line-height:1.9}
.hz-content.hz-article .hz-col-title{display:flex;align-items:center;gap:10px;color:var(--hz-head);font-weight:700;font-size:18px;margin:0 0 .6em}
.hz-content.hz-article .hz-col-title::before{background:var(--hz-accent)}
.hz-content.hz-article .hz-ticks{list-style:none;margin:0 0 .8em;padding:0}
.hz-content.hz-article .hz-ticks li{position:relative;padding-inline-start:24px;margin:0 0 .5em;font-size:.95em}
.hz-content.hz-article .hz-ticks li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:15px;height:15px;background:var(--hz-accent);-webkit-mask:var(--hz-check) center/contain no-repeat;mask:var(--hz-check) center/contain no-repeat}
.hz-content.hz-article .hz-col p:last-child{margin:0;font-size:15px}

/* checklist: ul.hz-checklist > li; ticks kept in this browser by hz-article.js */
.hz-content.hz-article .hz-checklist{list-style:none;margin:1em 0 .6em;padding:0;display:grid;gap:9px}
.hz-content.hz-article .hz-checklist li{display:flex;gap:14px;align-items:flex-start;background:var(--hz-card);border:1px solid var(--hz-line);border-radius:14px;padding:12px 16px;margin:0;line-height:1.85;cursor:pointer;user-select:none;transition:border-color .2s,background .2s}
.hz-content.hz-article .hz-checklist li::before{content:"";flex:none;width:24px;height:24px;margin-top:3px;border-radius:8px;border:2px solid #3a4758;transition:all .2s}
.hz-content.hz-article .hz-checklist li:hover{border-color:rgba(26,182,157,.45)}
.hz-content.hz-article .hz-checklist li.is-done{background:rgba(26,182,157,.07);border-color:rgba(26,182,157,.35);color:var(--hz-muted)}
.hz-content.hz-article .hz-checklist li.is-done::before{border-color:var(--hz-accent);background:var(--hz-accent) var(--hz-tick) center/16px no-repeat}
.hz-content.hz-article .hz-progress{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--hz-muted);margin:.3em 0 1.8em}
.hz-content.hz-article .hz-progress i{flex:1;height:8px;border-radius:9px;background:var(--hz-line);overflow:hidden}
.hz-content.hz-article .hz-progress i b{display:block;height:100%;width:0;border-radius:9px;background:linear-gradient(90deg,var(--hz-accent),var(--hz-accent2));transition:width .3s}

/* call to action: .hz-cta > p.hz-cta-title + p + p.hz-btns > a.hz-btn.hz-btn-light|.hz-btn-ghost.hz-i-… */
.hz-content.hz-article .hz-cta{position:relative;overflow:hidden;border-radius:22px;padding:26px 26px 24px;margin:2.2em 0;background:linear-gradient(120deg,#0f5e52,#118a75 55%,#1ab69d);color:#d6fff4;line-height:1.9}
.hz-content.hz-article .hz-cta::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-end:-80px;top:-120px;background:rgba(255,255,255,.08)}
.hz-content.hz-article .hz-cta p{position:relative;margin:0 0 1em}
.hz-content.hz-article .hz-cta .hz-cta-title{color:#fff;font-size:21px;font-weight:700;margin-bottom:.35em}
.hz-content.hz-article .hz-cta .hz-btns{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.hz-content.hz-article .hz-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:12px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}
.hz-content.hz-article .hz-btn:hover{transform:translateY(-2px)}
.hz-content.hz-article .hz-btn::before{width:19px;height:19px}
.hz-content.hz-article .hz-btn-light,.hz-content.hz-article .hz-btn-light:hover{background:#fff;color:#0d5c50;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.hz-content.hz-article .hz-btn-ghost,.hz-content.hz-article .hz-btn-ghost:hover{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.hz-content.hz-article .hz-small{font-size:14px;color:var(--hz-muted);margin-top:-.6em}

/* FAQ accordion: hz-article.js marks the h3/p pairs after the h2 «سوالات متداول» */
.hz-content.hz-article .hz-faq-q{display:flex;align-items:center;gap:12px;cursor:pointer;margin:10px 0 0;padding:15px 18px;background:var(--hz-card);border:1px solid var(--hz-line);border-radius:14px;font-size:17.5px;transition:border-color .2s,background .2s}
.hz-content.hz-article .hz-faq-q::before{content:"";flex:none;width:22px;height:22px;background:var(--hz-accent);-webkit-mask:var(--hz-q) center/contain no-repeat;mask:var(--hz-q) center/contain no-repeat}
.hz-content.hz-article .hz-faq-q::after{content:"";margin:0;margin-inline-start:auto;flex:none;width:20px;height:20px;border-radius:0;opacity:1;background:var(--hz-muted);-webkit-mask:var(--hz-chev) center/contain no-repeat;mask:var(--hz-chev) center/contain no-repeat;transition:transform .25s}
.hz-content.hz-article .hz-faq-q:hover{border-color:rgba(26,182,157,.45)}
.hz-content.hz-article .hz-faq-q.is-open{border-color:rgba(26,182,157,.5);background:var(--hz-card2);border-end-start-radius:0;border-end-end-radius:0}
.hz-content.hz-article .hz-faq-q.is-open::after{transform:rotate(180deg)}
.hz-content.hz-article .hz-faq-a{display:none;margin:0;padding:14px 18px 16px;background:var(--hz-card2);border:1px solid rgba(26,182,157,.5);border-top:0;border-radius:0 0 14px 14px;font-size:16.5px}
.hz-content.hz-article .hz-faq-q.is-open+.hz-faq-a{display:block}

@media (max-width:767px){
  .hz-content.hz-article{font-size:16px;line-height:2}
  .hz-content.hz-article h2{font-size:21px}
  .hz-content.hz-article h3{font-size:18px}
  .hz-content.hz-article .hz-toc-list{columns:1}
  .hz-content.hz-article .hz-compare{grid-template-columns:1fr}
  .hz-content.hz-article .hz-summary,.hz-content.hz-article .hz-cta{padding:18px}
  .hz-content.hz-article .hz-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .hz-content.hz-article .hz-fact{padding:12px}
  .hz-content.hz-article .hz-fact strong{font-size:18.5px}
  .hz-content.hz-article .hz-fact small{font-size:13px}
  .hz-content.hz-article .hz-cards{grid-template-columns:1fr;gap:10px}
  .hz-content.hz-article .hz-cards.hz-cards-sm{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hz-content.hz-article .hz-card{padding:14px}
  .hz-content.hz-article .hz-card::after{inset-inline-start:25px;top:25px}
  .hz-content.hz-article .hz-card>small{font-size:13.5px}
  .hz-content.hz-article .hz-steps a{padding:12px 14px;column-gap:12px}
  .hz-content.hz-article .hz-table table{font-size:14.5px}
  .hz-content.hz-article .hz-table th,.hz-content.hz-article .hz-table td{min-width:4.5em;padding:8px 10px;line-height:1.6}
}
@media (max-width:360px){
  .hz-content.hz-article .hz-cards.hz-cards-sm{grid-template-columns:1fr}
}

/* icons: hz-i-* on the element that shows one (card, note, column title, button) */
.hz-content.hz-article .hz-i-bulb{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-warn{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-info{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-plane{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-home{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-id{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='14' x='3' y='5' rx='2'/%3E%3Ccircle cx='9' cy='11' r='2'/%3E%3Cpath d='M6.5 16c.6-1 1.5-1.5 2.5-1.5s1.9.5 2.5 1.5'/%3E%3Cpath d='M14 10h4'/%3E%3Cpath d='M14 14h3'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-phone{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-bank{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 22h18'/%3E%3Cpath d='M6 18v-7'/%3E%3Cpath d='M10 18v-7'/%3E%3Cpath d='M14 18v-7'/%3E%3Cpath d='M18 18v-7'/%3E%3Cpath d='M12 2 20 7H4z'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-bolt{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-heart{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3Cpath d='M3.5 12h5l1.5-3 2 6 1.5-3h7'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-school{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c3 3 9 3 12 0v-5'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-car{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9L18 10l-2.7-3.6A2 2 0 0 0 13.7 6h-3.4a2 2 0 0 0-1.6.8L6 10l-2.5 1.1C2.7 11.3 2 12.1 2 13v3c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-work{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='7' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-pin{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-calendar{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-wallet{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-key{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3Cpath d='m21 2-9.6 9.6'/%3E%3Cpath d='m15.5 7.5 3 3L22 7l-3-3'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-users{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-ring{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='14' r='6'/%3E%3Ccircle cx='15' cy='14' r='6'/%3E%3Cpath d='m9 4 3 3 3-3'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-call{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-mail{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-chat{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E")}
.hz-content.hz-article .hz-i-sun{--hz-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}