.art-hero{padding-block:clamp(48px,7vw,88px) clamp(36px,5vw,56px)}.art-hero h1{max-width:24ch;font-size:clamp(30px,4.6vw,50px)}html[lang=ar] .art-hero h1{max-width:26ch}.art-meta{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:0;font-size:15px;display:flex}.art-section{padding-block:clamp(36px,5vw,64px)}.art-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:48px;display:grid}.art-main{gap:40px;min-width:0;display:grid}.art-aside{gap:18px;display:grid;position:sticky;top:96px}@media (max-width:960px){.art-layout{grid-template-columns:minmax(0,1fr);gap:32px}.art-aside{order:-1;position:static}.art-aside .art-box:last-child{display:none}}.article-prose{gap:16px;max-width:760px;font-size:17px}.article-prose p,.article-prose li{line-height:1.75}html[lang=ar] .article-prose p,html[lang=ar] .article-prose li{line-height:1.95}.article-prose h2{margin-top:22px;scroll-margin-top:96px;font-size:clamp(22px,2.6vw,28px)}.article-prose h3{margin-top:8px;font-size:19px}.article-prose strong{color:var(--fg)}.article-prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.article-prose a:hover{text-decoration-thickness:2px}.article-prose ol{gap:6px;margin:0;padding-inline-start:22px;display:grid}.art-quick{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));border-inline-start:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:var(--radius-sm);gap:8px;padding:18px 20px;display:grid}.art-quick-label{color:var(--fg);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.art-quick-label svg{color:var(--orange)}.art-quick p{color:var(--fg);margin:0}.art-table{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow-x:auto}.art-table:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.art-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}.art-table caption{text-align:start;color:var(--muted);padding:12px 16px 0;font-size:14px}.art-table th,.art-table td{text-align:start;vertical-align:top;border-bottom:1px solid var(--line);padding:11px 16px}.art-table thead th{color:var(--fg);background:var(--bg-deep);font-weight:600}.art-table tbody th{color:var(--fg);font-weight:600}.art-table td{color:var(--muted)}.art-table tbody tr:last-child>*{border-bottom:0}.art-faq{gap:14px;margin-top:10px;display:grid}.art-faq .faq details p{margin:0}.art-cta .actions .btn bdi{margin-inline-start:4px}.art-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);gap:10px;padding:18px 20px;display:grid}.art-box h2{color:var(--fg);font-size:15px}.art-box ol,.art-box ul{color:var(--muted);gap:8px;margin:0;padding-inline-start:18px;font-size:14px;display:grid}.art-box a:hover{color:var(--accent)}.art-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.art-card{color:var(--fg);align-content:start;gap:10px;display:grid}.art-card h2,.art-card h3{font-size:19px}.art-card p{color:var(--muted);margin:0;font-size:15px}.art-card-meta{color:var(--muted);font-size:13px}.art-card:hover{border-color:var(--accent);color:var(--fg)}
