body.cn-standalone-theme{--blog-accent:var(--cn-brand-primary,var(--cn-theme-accent,#6757e8));--blog-highlight:var(--cn-theme-highlight,#ddf5a6);--blog-bg:var(--cn-theme-background,#f7f8fb);--blog-surface:var(--cn-theme-surface,#fff);--blog-text:var(--cn-theme-text,#171821);--blog-muted:var(--cn-theme-muted,#6f7482);--blog-line:var(--cn-theme-border,#e7e9ef);background:var(--blog-bg);color:var(--blog-text)}.cn-theme-main:has(.cn-blog-shell){padding-top:0}.cn-blog-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.cn-blog-hero{padding:64px 0 34px}.cn-blog-breadcrumb{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--blog-muted);margin-bottom:20px}.cn-blog-breadcrumb a:hover{color:var(--blog-accent)}.cn-blog-breadcrumb b{color:var(--blog-text)}.cn-blog-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}.cn-blog-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:900;color:var(--blog-accent);margin-bottom:8px}.cn-blog-eyebrow:before{content:'';width:18px;height:2px;background:var(--blog-accent)}.cn-blog-hero h1{font-size:clamp(30px,4vw,50px);line-height:1.2;margin:0 0 10px;font-weight:950;letter-spacing:-.02em}.cn-blog-hero p{font-size:13px;line-height:1.95;color:var(--blog-muted);max-width:720px;margin:0}.cn-blog-search{width:min(360px,100%);display:flex;border:1px solid var(--blog-line);background:var(--blog-surface);border-radius:12px;padding:5px}.cn-blog-search input{flex:1;min-width:0;border:0;background:transparent;padding:8px 10px;font:700 11px Vazirmatn;outline:0;color:var(--blog-text)}.cn-blog-search button{border:0;background:var(--blog-text);color:#fff;border-radius:8px;padding:0 13px;font:850 9px Vazirmatn}.cn-blog-cats{display:flex;gap:7px;overflow:auto;padding:5px 0 22px;scrollbar-width:none}.cn-blog-cats::-webkit-scrollbar{display:none}.cn-blog-cats a{height:34px;padding:0 12px;display:flex;align-items:center;border:1px solid var(--blog-line);border-radius:999px;background:var(--blog-surface);font-size:9px;font-weight:850;white-space:nowrap}.cn-blog-cats a:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.cn-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:34px}.cn-blog-card{background:var(--blog-surface);border:1px solid var(--blog-line);border-radius:15px;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.cn-blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px color-mix(in srgb,var(--blog-text) 7%,transparent)}.cn-blog-card-thumb{display:block;aspect-ratio:16/10;background:color-mix(in srgb,var(--blog-accent) 8%,var(--blog-surface));overflow:hidden}.cn-blog-card-thumb img{width:100%;height:100%;display:block;object-fit:cover}.cn-blog-card-placeholder{height:100%;display:grid;place-items:center;font-size:44px;color:var(--blog-accent)}.cn-blog-card-body{padding:17px}.cn-blog-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.cn-blog-category{font-size:8px;font-weight:900;color:var(--blog-accent)}.cn-blog-card-top time,.cn-blog-card-top small{font-size:7.5px;color:var(--blog-muted)}.cn-blog-card h2,.cn-blog-card h3{font-size:17px;line-height:1.65;margin:0 0 7px}.cn-blog-card p{font-size:10px;line-height:1.85;color:var(--blog-muted);margin:0 0 13px}.cn-blog-card-link{font-size:9px;font-weight:900;color:var(--blog-accent)!important}.cn-blog-pagination{padding:5px 0 64px}.cn-blog-pagination .nav-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.cn-blog-pagination .page-numbers{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--blog-line);border-radius:9px;background:var(--blog-surface);display:grid;place-items:center;font-size:9px;font-weight:800}.cn-blog-pagination .current{background:var(--blog-accent);border-color:var(--blog-accent);color:var(--cn-theme-on-primary,#fff)}
.cn-blog-single-hero{padding:54px 0 28px}.cn-blog-single-head{max-width:900px;margin:auto;text-align:center}.cn-blog-single-head .cn-blog-breadcrumb{justify-content:center}.cn-blog-single-cats{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.cn-blog-single-cats a{font-size:8px;font-weight:900;color:var(--blog-accent)}.cn-blog-single-head h1{font-size:clamp(32px,4.8vw,58px);line-height:1.3;letter-spacing:-.025em;margin:14px 0 12px}.cn-blog-single-lead{max-width:760px;margin:0 auto;font-size:14px;line-height:1.95;color:var(--blog-muted)}.cn-blog-single-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:9px;color:var(--blog-muted)}.cn-blog-cover{margin:12px auto 34px;max-width:1080px;border-radius:17px;overflow:hidden;background:var(--blog-surface);border:1px solid var(--blog-line)}.cn-blog-cover img{display:block;width:100%;max-height:620px;object-fit:cover}.cn-blog-content-grid{display:grid;grid-template-columns:minmax(0,760px) 240px;justify-content:center;gap:44px;align-items:start}.cn-blog-article{background:var(--blog-surface);border:1px solid var(--blog-line);border-radius:16px;padding:34px}.cn-blog-entry{font-size:15px;line-height:2.15}.cn-blog-entry p{margin:0 0 1.35em}.cn-blog-entry h2{font-size:26px;line-height:1.55;margin:2em 0 .7em;scroll-margin-top:100px}.cn-blog-entry h3{font-size:21px;line-height:1.6;margin:1.7em 0 .65em;scroll-margin-top:100px}.cn-blog-entry h4{font-size:17px;margin-top:1.5em}.cn-blog-entry a{color:var(--blog-accent);text-decoration:underline;text-underline-offset:3px}.cn-blog-entry img{border-radius:12px}.cn-blog-entry blockquote{margin:25px 0;padding:18px 20px;border-inline-start:4px solid var(--blog-accent);background:color-mix(in srgb,var(--blog-accent) 5%,var(--blog-surface));border-radius:10px}.cn-blog-entry pre{max-width:100%;overflow:auto;border-radius:11px;padding:16px;background:#15171d;color:#f3f3f3;direction:ltr;text-align:left}.cn-blog-entry table{width:100%;border-collapse:collapse;display:block;overflow:auto}.cn-blog-entry th,.cn-blog-entry td{padding:10px;border:1px solid var(--blog-line)}.cn-blog-toc{position:sticky;top:96px;background:var(--blog-surface);border:1px solid var(--blog-line);border-radius:14px;padding:17px}.cn-blog-toc>b{font-size:11px}.cn-blog-toc nav{display:grid;gap:8px;margin-top:11px}.cn-blog-toc a{font-size:9px;line-height:1.7;color:var(--blog-muted);border-inline-start:2px solid transparent;padding-inline-start:8px}.cn-blog-toc a.level-3{padding-inline-start:17px;font-size:8.5px}.cn-blog-toc a.active{color:var(--blog-accent);border-color:var(--blog-accent);font-weight:900}.cn-blog-post-footer{margin-top:28px;padding-top:22px;border-top:1px solid var(--blog-line)}.cn-blog-tags{display:flex;gap:6px;flex-wrap:wrap}.cn-blog-tags a{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--blog-text) 4%,var(--blog-surface));font-size:8px}.cn-blog-author{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;margin-top:22px;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--blog-accent) 4%,var(--blog-surface))}.cn-blog-author img{border-radius:50%}.cn-blog-author b{font-size:10px}.cn-blog-author p{font-size:9px;color:var(--blog-muted);margin:3px 0 0}.cn-blog-related{padding:56px 0}.cn-blog-related-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.cn-blog-related-head h2{font-size:26px;margin:0}.cn-blog-related-head a{font-size:9px;font-weight:900;color:var(--blog-accent)}.cn-blog-nav{max-width:1044px;margin:0 auto 50px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.cn-blog-nav a{background:var(--blog-surface);border:1px solid var(--blog-line);border-radius:12px;padding:14px;font-size:9px;color:var(--blog-muted)}.cn-blog-nav a b{display:block;color:var(--blog-text);font-size:11px;margin-top:3px}.cn-blog-empty{padding:70px 20px;text-align:center;background:var(--blog-surface);border:1px solid var(--blog-line);border-radius:16px;margin-bottom:60px}.cn-blog-empty h2{font-size:24px}.cn-blog-empty p{font-size:11px;color:var(--blog-muted)}
@media(max-width:960px){.cn-blog-grid{grid-template-columns:repeat(2,1fr)}.cn-blog-content-grid{grid-template-columns:minmax(0,760px)}.cn-blog-toc{position:static;grid-row:1}.cn-blog-hero-grid{grid-template-columns:1fr}.cn-blog-search{width:100%}}
@media(max-width:620px){.cn-blog-shell{width:calc(100% - 24px)}.cn-blog-hero{padding:38px 0 22px}.cn-blog-hero h1{font-size:29px}.cn-blog-hero p{font-size:11.5px}.cn-blog-grid{grid-template-columns:1fr;gap:10px}.cn-blog-card-body{padding:14px}.cn-blog-card h2,.cn-blog-card h3{font-size:15px}.cn-blog-single-hero{padding:35px 0 20px}.cn-blog-single-head h1{font-size:29px}.cn-blog-single-lead{font-size:12px}.cn-blog-cover{margin-bottom:20px;border-radius:12px}.cn-blog-content-grid{gap:12px}.cn-blog-article{padding:20px 17px}.cn-blog-entry{font-size:14px;line-height:2.05}.cn-blog-entry h2{font-size:21px}.cn-blog-entry h3{font-size:18px}.cn-blog-toc{padding:14px}.cn-blog-related{padding:40px 0}.cn-blog-related-head h2{font-size:21px}.cn-blog-nav{grid-template-columns:1fr;margin-bottom:36px}}


/* v2.12.1 — harden single-post width on small screens */
html{max-width:100%;overflow-x:clip}body.cn-standalone-theme,body.cn-standalone-theme *{box-sizing:border-box}body.cn-standalone-theme{max-width:100%;overflow-x:clip}.cn-theme-header,.cn-theme-main,.cn-theme-footer,.cn-blog-shell,.cn-blog-single-hero,.cn-blog-cover,.cn-blog-content-grid,.cn-blog-article,.cn-blog-entry,.cn-blog-related,.cn-blog-nav,.cn-blog-comments{min-width:0;max-width:100%}.cn-blog-shell{overflow:visible}.cn-blog-entry>*{max-width:100%}.cn-blog-entry iframe,.cn-blog-entry video,.cn-blog-entry embed,.cn-blog-entry object,.cn-blog-entry input,.cn-blog-entry select,.cn-blog-entry textarea{max-width:100%!important}.cn-blog-entry pre,.cn-blog-entry table{max-width:100%;min-width:0}.cn-blog-content-grid>*{min-width:0}.cn-blog-article{overflow:hidden}.cn-theme-header-inner,.cn-theme-footer-top,.cn-theme-footer-bottom{min-width:0;max-width:100%}
@media(max-width:620px){.cn-blog-shell{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}.cn-blog-content-grid{width:100%;max-width:100%;overflow:visible}.cn-blog-article{width:100%;max-width:100%;padding:18px 14px}.cn-blog-entry{width:100%;max-width:100%;overflow-wrap:anywhere;word-break:normal}.cn-blog-entry table{overflow-x:auto;-webkit-overflow-scrolling:touch}.cn-blog-entry pre{overflow-x:auto;-webkit-overflow-scrolling:touch}.cn-blog-nav{width:100%;max-width:100%}}