@layer components{.art-hero{color:#fff;background:radial-gradient(760px 380px at 88% -20%,#3d7dff61,#0000 62%),radial-gradient(560px 360px at 0 120%,#d99a1c29,#0000 62%),linear-gradient(160deg,#050b1f,#0a1a45 60%,#0e2a63);position:relative;overflow:hidden}.art-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.art-hero-in{z-index:1;max-width:1200px;padding-block:30px 40px;position:relative}.art-hero .pg-crumbs{color:#9fb2dc;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;font-size:12.5px;display:flex}.art-hero .pg-crumbs a:hover{color:#fff}.art-cat{color:#cfe0ff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;height:28px;padding-inline:12px;font-size:12.5px;font-weight:800;display:inline-flex}.art-hero h1{text-wrap:balance;max-width:900px;margin-top:14px;font-size:clamp(25px,3.6vw,40px);font-weight:900;line-height:1.5}.art-lead{color:#b8c7ea;max-width:780px;margin-top:12px;font-size:16px;line-height:2.05}.art-meta{color:#9fb2dc;flex-wrap:wrap;gap:8px 20px;margin-top:18px;font-size:13px;display:flex}.art-meta span{align-items:center;gap:6px;display:inline-flex}.art-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:40px;max-width:1200px;padding-block:30px 72px;display:grid}.art-main{min-width:0}.art-side{gap:16px;display:grid;position:sticky;top:140px}@media (max-width:1023.98px){.art-layout{grid-template-columns:minmax(0,1fr);gap:0}.art-side{margin-top:28px;position:static}.art-side .art-toc{display:none}}.art-cover{border:1px solid var(--line);background:var(--surface-3);border-radius:24px;margin:0 0 22px;overflow:hidden;box-shadow:0 18px 44px -24px #0a133073}.art-cover img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto;display:block}.art-toc{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 18px 14px}.art-toc b,.art-toc-m summary{align-items:center;gap:8px;font-size:14.5px;font-weight:900;display:flex}.art-toc ol,.art-toc-m ol{counter-reset:toc;gap:2px;margin:10px 0 0;padding:0;list-style:none;display:grid}.art-toc li,.art-toc-m li{counter-increment:toc}.art-toc a,.art-toc-m a{color:var(--ink-2);border-radius:10px;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:7px 8px;font-size:13.5px;line-height:1.8;display:grid}.art-toc a:before,.art-toc-m a:before{content:counter(toc, persian);color:var(--brand);font-weight:900}.art-toc a:hover,.art-toc-m a:hover{background:var(--surface-3);color:var(--brand)}.art-toc-m{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:18px;padding:14px 16px;display:none}.art-toc-m summary{cursor:pointer;list-style:none}.art-toc-m summary::-webkit-details-marker{display:none}@media (max-width:1023.98px){.art-toc-m{display:block}}.art-side-card{color:#fff;background:radial-gradient(260px 160px at 90% 0,#2f8cff73,#0000 70%),linear-gradient(150deg,#0a1330,#13306f);border-radius:22px;padding:18px}.art-side-card b{font-size:15px;font-weight:900}.art-side-card p{color:#c6d3f1;margin-top:6px;font-size:13px;line-height:2}.art-side-card a{color:#0a1330;background:#fff;border-radius:12px;align-items:center;height:38px;margin-top:10px;padding-inline:16px;font-size:13px;font-weight:800;display:inline-flex}.art-body{color:var(--ink-2);font-size:16.5px;line-height:2.15}.art-body>*+*{margin-top:18px}.art-body p{margin:0}.art-body .art-h2-wrap{margin-top:44px}.art-body .art-h2-wrap>h2,.art-body>h2{margin:0}.art-body h2{color:var(--ink);text-wrap:balance;padding-inline-start:16px;scroll-margin-top:140px;font-size:clamp(21px,2.4vw,26px);font-weight:900;line-height:1.6;position:relative}.art-body h2:before{content:"";inset-inline-start:0;background:linear-gradient(180deg, var(--brand), #6aa3ff);border-radius:4px;width:5px;position:absolute;top:10px;bottom:10px}.art-body h3{color:var(--ink);margin-top:30px;scroll-margin-top:140px;font-size:19px;font-weight:800;line-height:1.7}.art-body a{color:var(--brand);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--brand) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--brand) 35%, transparent);text-underline-offset:5px;font-weight:700;text-decoration-thickness:1.5px}.art-body a:hover{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand)}.art-body strong{color:var(--ink);font-weight:800}.art-body ul,.art-body ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.art-body ul>li{padding-inline-start:28px;position:relative}.art-body ul>li:before{content:"";inset-inline-start:6px;background:var(--brand);border-radius:3px;width:9px;height:9px;position:absolute;top:15px;transform:rotate(45deg)}.art-body ol{counter-reset:li}.art-body ol>li{counter-increment:li;padding-inline-start:40px;position:relative}.art-body ol>li:before{content:counter(li, persian);inset-inline-start:0;background:var(--brand-soft);width:28px;height:28px;color:var(--brand);border-radius:9px;place-items:center;font-size:14px;font-weight:900;line-height:1;display:grid;position:absolute;top:4px}.art-body blockquote{background:var(--surface-2);border:1px solid var(--line);border-inline-start:5px solid var(--gold);color:var(--ink);border-radius:18px;margin:26px 0;padding:18px 22px;font-size:17px;line-height:2.1}.art-body hr{background:var(--line);border:0;height:1px;margin:34px 0}.art-callout{border:1px solid #0000;border-radius:18px;padding:16px 18px}.art-callout>b{margin-bottom:4px;font-size:13.5px;font-weight:900;display:block}.art-callout>p{font-size:15.5px;line-height:2.05}.art-callout.art-tip{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 25%, transparent)}.art-callout.art-tip>b{color:var(--success)}.art-callout.art-warn{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.art-callout.art-warn>b{color:var(--warning)}.art-callout.art-note{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 22%, transparent)}.art-callout.art-note>b{color:var(--brand)}.art-fig{margin:26px 0}.art-fig img{border:1px solid var(--line);background:var(--surface-3);border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 14px 36px -22px #0a133066}.art-fig figcaption{text-align:center;color:var(--muted-2);margin-top:10px;font-size:13px;line-height:1.9}.art-gallery{gap:14px;margin:26px 0;display:grid}.art-gallery .art-fig{margin:0}.art-gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}.art-gallery-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:639.98px){.art-gallery-2,.art-gallery-3{grid-template-columns:minmax(0,1fr)}}.art-table{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin:26px 0;overflow-x:auto}.art-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px;line-height:1.95}.art-table th{text-align:start;color:var(--ink);background:var(--surface-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-weight:900}.art-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px}.art-table tr:last-child td{border-bottom:0}.art-table tbody tr:nth-child(2n) td{background:var(--surface-2)}.art-ad{margin-block:26px}.art-ad-top{margin-top:0}@media (max-width:639.98px){.art-ad-2{display:none}}.art-ad-side{display:block}.art-share{background:var(--surface-2);border:1px solid var(--line);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:44px;padding:16px 20px;display:flex}.art-share b{font-size:14.5px;font-weight:800}.art-share div{gap:8px;display:flex}.art-share a{background:var(--surface);border:1px solid var(--line-2);height:38px;color:var(--ink-2);border-radius:12px;align-items:center;gap:6px;padding-inline:16px;font-size:13.5px;font-weight:800;display:inline-flex}.art-share a:hover{border-color:var(--brand);color:var(--brand)}.art-next,.art-related{margin-top:44px}.art-next>h2,.art-related>h2{margin-bottom:14px;font-size:21px;font-weight:900}.art-next-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.art-next-grid a{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:4px;padding:16px 18px;padding-inline-end:44px;transition:border-color .15s,transform .15s;display:grid;position:relative}.art-next-grid a:hover{border-color:var(--brand);transform:translateY(-2px)}.art-next-grid b{font-size:15px;font-weight:900}.art-next-grid span{color:var(--muted-2);font-size:13px;line-height:1.9}.art-next-grid svg{inset-inline-end:16px;color:var(--brand);position:absolute;top:50%;translate:0 -50%}.art-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:1023.98px){.art-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639.98px){.art-next-grid,.art-related-grid{grid-template-columns:minmax(0,1fr)}.art-body{font-size:16px}}}
