/* Zibmoj article reading experience v1.3 */
.zib-single{--reader-scale:1}
.zib-single .zib-article-content{font-size:calc(18px * var(--reader-scale));transition:font-size .2s ease}
.zib-font-controls{display:grid;grid-template-columns:1fr repeat(3,32px);align-items:center;gap:6px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.zib-font-controls button{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:800 13px/1 Vazirmatn,Tahoma,sans-serif;cursor:pointer}
.zib-font-controls button:hover{border-color:var(--blue);color:var(--blue)}
.zib-learning-pack{--pack-accent:var(--blue);margin-top:64px;padding-top:54px;border-top:1px solid var(--line)}
.zib-learning-pack[data-kind="ai"]{--pack-accent:#8257ef}.zib-learning-pack[data-kind="english"]{--pack-accent:#ec654f}.zib-learning-pack[data-kind="product"]{--pack-accent:#0ca678}
.zib-pack-heading{display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;margin-bottom:28px}
.zib-pack-heading>span{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--pack-accent) 12%,var(--surface));color:var(--pack-accent);font:900 21px/1 Consolas,Vazirmatn,sans-serif}
.zib-pack-heading small{display:block;color:var(--pack-accent);font-size:11px;font-weight:900}.zib-pack-heading h2{margin:1px 0!important;font-size:29px!important}
.zib-pack-heading>b{padding:7px 12px;border:1px solid color-mix(in srgb,var(--pack-accent) 30%,var(--line));border-radius:100px;color:var(--pack-accent);background:color-mix(in srgb,var(--pack-accent) 7%,var(--surface));font-size:10px;white-space:nowrap}
.zib-explain-card{position:relative;margin:20px 0 34px;padding:28px 30px 23px;border:1px solid color-mix(in srgb,var(--pack-accent) 24%,var(--line));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--pack-accent) 8%,var(--surface)),var(--surface))}
.zib-explain-card>span{display:inline-flex;margin-bottom:7px;color:var(--pack-accent);font-size:12px;font-weight:900}.zib-explain-card p{margin:0!important;font-size:1.04em;font-weight:650}
.zib-code-window{direction:ltr;margin:32px 0;border:1px solid #263650;border-radius:20px;overflow:hidden;background:#07111f;box-shadow:0 20px 48px rgba(2,9,22,.24);color:#d8e6ff}
.zib-code-head{height:52px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #22324b;background:#0b1729;direction:ltr}
.zib-code-dots{display:flex;gap:6px;margin-right:14px}.zib-code-dots i{width:9px;height:9px;border-radius:50%;background:#ff605c}.zib-code-dots i:nth-child(2){background:#ffbd44}.zib-code-dots i:nth-child(3){background:#00ca4e}
.zib-code-language{color:#8eaccf;font:700 11px/1.2 Consolas,monospace;letter-spacing:.4px}.zib-copy-code{margin-left:auto;padding:8px 12px;border:1px solid #2c405e;border-radius:9px;background:#101f35;color:#cfe0f7;font:700 11px/1 Vazirmatn,Tahoma,sans-serif;cursor:pointer}.zib-copy-code:hover{border-color:#4b7fff;color:#fff}.zib-copy-code.is-copied{background:#08745a;border-color:#16a47e;color:#fff}
.zib-code-body{overflow:auto;max-height:520px}.zib-code-window pre{margin:0!important;padding:20px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;direction:ltr;text-align:left;tab-size:2}
.zib-code-window code{display:block;min-width:max-content;font:500 13px/1.9 "Cascadia Code",Consolas,"Courier New",monospace!important;counter-reset:zib-line}
.zib-code-line{display:block;min-height:24px;padding:0 24px 0 66px;position:relative;white-space:pre}.zib-code-line::before{counter-increment:zib-line;content:counter(zib-line);position:absolute;left:0;width:46px;padding-right:12px;text-align:right;color:#4d6280;border-right:1px solid #1b2a40;user-select:none}
.zib-code-line:hover{background:rgba(91,132,255,.07)}
.zib-callout{position:relative;padding:22px 24px 20px 24px!important;margin:30px 0!important;border:1px solid color-mix(in srgb,var(--callout,#1557ff) 25%,var(--line));border-right:4px solid var(--callout,#1557ff);border-radius:18px;background:color-mix(in srgb,var(--callout,#1557ff) 6%,var(--surface))}
.zib-callout::before{content:attr(data-callout);display:block;margin-bottom:3px;color:var(--callout,#1557ff);font-size:11px;font-weight:900}.zib-callout-example{--callout:#0ca678}.zib-callout-warning{--callout:#e68a00}.zib-callout-practice{--callout:#8257ef}
.zib-practice-card{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;margin:38px 0;padding:30px;border-radius:24px;background:linear-gradient(135deg,#0b1b37,#12366e);color:#fff;box-shadow:0 20px 50px rgba(5,23,58,.2)}
.zib-practice-card>div>span{color:#7fa7ff;font-size:11px;font-weight:900}.zib-practice-card h3{color:#fff;margin:2px 0 8px!important}.zib-practice-card p{margin:0!important;color:#d4def0;font-size:.9em}.zib-practice-card ol{margin:0;padding-right:22px;color:#bdcae0;font-size:.76em;line-height:1.8}.zib-practice-card li{margin:4px 0}.zib-complete-practice{grid-column:1/-1;min-height:46px;border:1px solid #365c9a;border-radius:13px;background:#174dcc;color:#fff;font:800 12px/1 Vazirmatn,Tahoma,sans-serif;cursor:pointer}.zib-complete-practice.is-done{background:#078061;border-color:#18aa85}.zib-complete-practice.is-done::before{content:"✓ ";font-weight:900}
.zib-key-points{display:grid;gap:10px;margin:36px 0}.zib-key-points>strong{margin-bottom:4px}.zib-key-points>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.zib-key-points>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--surface);color:var(--pack-accent);font-weight:900}.zib-key-points p{margin:0!important;font-size:.86em}
.zib-table-wrap{max-width:100%;overflow-x:auto;margin:30px 0;border-radius:16px}.zib-table-wrap table{margin:0}
@media(max-width:760px){.zib-single .zib-article-content{font-size:calc(16.5px * var(--reader-scale))}.zib-pack-heading{grid-template-columns:52px 1fr}.zib-pack-heading>span{width:52px;height:52px;border-radius:16px}.zib-pack-heading>b{grid-column:1/-1;width:max-content}.zib-pack-heading h2{font-size:24px!important}.zib-explain-card{padding:22px 20px}.zib-code-window{margin-right:-8px;margin-left:-8px;border-radius:16px}.zib-code-line{padding-right:16px;padding-left:56px}.zib-practice-card{grid-template-columns:1fr;padding:23px}.zib-complete-practice{grid-column:auto}.zib-font-controls{grid-template-columns:1fr repeat(3,36px)}.zib-font-controls button{width:36px;height:36px}}