.art-index{padding-top:26px}.art-filters .chipf{font:inherit;font-size:13.5px;font-weight:600;padding:8px 15px;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);color:var(--fg-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.art-filters .chipf:hover{border-color:var(--brand-300);color:var(--fg)}.art-filters .chipf.on{background:var(--brand);border-color:var(--brand);color:#fff}.art-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.acard{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px 22px 18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);color:var(--fg);transition:box-shadow .16s,transform .12s}.acard:hover{text-decoration:none;box-shadow:0 8px 28px #0f5e6329;transform:translateY(-2px)}.acard .ac-cat{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--brand)}.acard h2{font-size:19px;line-height:1.25;margin:0;font-weight:700}.acard p{font-size:14px;color:var(--fg-2);line-height:1.55;margin:0;flex:1}.acard .ac-more{font-size:13.5px;font-weight:600;color:var(--cta)}.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:34px;align-items:start;padding-top:30px;padding-bottom:60px}.art{min-width:0}.art-meta{font-size:12.5px;color:var(--fg-2);border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:18px}.art-toc{background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 20px;margin-bottom:26px}.art-toc b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--fg-2);margin-bottom:8px}.art-toc a{display:block;padding:4px 0;font-size:14.5px}.art-sec{margin-bottom:34px;scroll-margin-top:84px}.art-sec h2{font-size:26px;line-height:1.2;margin:0 0 14px;font-weight:800;letter-spacing:-.01em}.art-sec p{font-size:16px;line-height:1.7;margin:0 0 14px}.art-sec ol.art-steps{padding-left:22px;margin:0 0 14px}.art-sec ol.art-steps li{font-size:16px;line-height:1.65;margin-bottom:10px}.art-note{font-size:14px!important;color:var(--fg-2)}.art-callout{background:var(--brand-50);border-left:3px solid var(--brand);border-radius:0 var(--r-md) var(--r-md) 0;padding:15px 18px;font-size:15px;line-height:1.6;margin:18px 0}.art-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:0 0 20px}.art-stats>div{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px}.art-stats b{display:block;font-size:23px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}.art-stats span{font-size:12.5px;color:var(--fg-2)}.art-tw{overflow-x:auto;margin:0 0 18px}.art-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:460px}.art-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--fg-2);padding:9px 12px;border-bottom:1px solid var(--border)}.art-table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:top}.art-table tr:hover td{background:var(--bg-canvas)}.ocards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0 0 16px}.ocard{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-surface);color:var(--fg);display:block}.ocard:hover{text-decoration:none;box-shadow:0 6px 20px #0f5e6324}.ocard img{width:100%;height:118px;object-fit:cover;display:block}.ocard .oc{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}.ocard .oc b{font-size:14px;line-height:1.3}.ocard .od{font-size:12.5px;color:var(--fg-2)}.ocard .op{font-size:15px;font-weight:800}.faq details{border:1px solid var(--border);border-radius:var(--r-md);padding:13px 17px;margin-bottom:9px;background:var(--bg-surface)}.faq summary{font-weight:600;font-size:15.5px;cursor:pointer}.faq details>div{font-size:15px;line-height:1.65;color:var(--fg-2);margin-top:9px}.art-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;background:linear-gradient(135deg,#f2f6fd,#e9f0fa);border:1px solid #C9DAF3;color:var(--fg, #171B22);border-radius:18px;padding:30px 32px;margin-top:30px}.art-cta .ac-ic{width:52px;height:52px;border-radius:50%;background:#1669e0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.art-cta h3{margin:0 0 8px;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#12161d}.art-cta p{margin:0 0 18px;color:#5b6470;font-size:15px;max-width:520px;line-height:1.5}.art-cta .btn-cta{font-size:16px;padding:14px 36px;border-radius:12px;background:#1669e0}.art-cta .ac-img{justify-self:end;align-self:center}.art-cta .ac-img img{width:100%;max-width:240px;height:auto;display:block}@media(max-width:720px){.art-cta{grid-template-columns:1fr}.art-cta .ac-img{display:none}}.art-cta>div{flex:1;min-width:240px}.art-side{position:sticky;top:86px;display:flex;flex-direction:column;gap:14px}.side-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px}.side-card h3{font-size:15px;margin:0 0 11px}.side-card .ocards{grid-template-columns:1fr}.side-card .ocard img{height:96px}.side-links{list-style:none;margin:0;padding:0}.side-links li{padding:6px 0;border-bottom:1px solid var(--border);font-size:14px}.side-links li:last-child{border-bottom:0}.side-card.lead{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg,#f2f6fd,#e9f0fa);border-color:#c9daf3;color:var(--fg);padding:22px 20px}.side-card.lead:before{content:"💬";display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#1669e0;font-size:20px;margin-bottom:14px}.side-card.lead h3{color:#12161d;font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0 0 8px}.side-card.lead p{font-size:13.5px;color:#5b6470;margin:0 0 16px;line-height:1.5}.side-card.lead .btn{width:100%;justify-content:center;text-align:center;border-radius:10px;background:#1669e0}@media(max-width:960px){.art-wrap{grid-template-columns:1fr;gap:24px}.art-side{position:static}.art-sec h2{font-size:22px}}
