.art-index{padding:56px 0 88px}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.art-card{background:#fff;border:1px solid var(--ink-100);border-radius:20px;padding:24px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur);color:inherit}.art-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--brand-100);color:inherit}.art-card h3{margin:0;font-size:17.5px;font-weight:700;line-height:1.45;color:var(--ink-900)}.art-card:hover h3{color:var(--brand-600)}.art-card p{margin:0;font-size:14px;color:var(--ink-500);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.art-chip{align-self:flex-start;background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-100);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.art-meta{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ink-400)}.art-featured{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;grid-gap:0;gap:0;background:linear-gradient(135deg,var(--ink-900),var(--ink-800));border-radius:22px;padding:44px 48px;color:#fff;margin-bottom:44px;box-shadow:var(--shadow-lg);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur)}.art-featured:after{content:"";position:absolute;width:460px;height:460px;inset-inline-end:-180px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(74,163,220,.32),rgba(74,163,220,0) 65%);pointer-events:none}.art-featured>*{position:relative}.art-featured:hover{transform:translateY(-4px);color:#fff}.art-featured .art-chip{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.18)}.art-featured h2{font-size:27px;line-height:1.4;font-weight:700;margin:14px 0 10px;color:#fff;text-wrap:pretty}.art-featured p{margin:0 0 18px;color:var(--ink-300);font-size:15.5px;max-width:60ch}.art-featured .art-meta{margin:0;padding:0;justify-content:flex-start;gap:18px;color:var(--ink-400)}.art-featured .go{margin-top:16px;font-weight:700;color:var(--brand-400);font-size:15px}.art-featured:hover .go{color:var(--brand-100)}.art-page{padding:40px 0 88px}.art-crumbs{font-size:13.5px;color:var(--ink-400);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.art-crumbs a{color:var(--ink-500)}.art-crumbs a:hover{color:var(--brand-600)}.art-crumbs .cur{color:var(--ink-700);font-weight:600}.art-head h1{font-size:36px;line-height:1.35;font-weight:700;color:var(--ink-900);margin:14px 0;text-wrap:pretty;max-width:26ch}.art-head .art-meta{justify-content:flex-start;gap:18px;font-size:13.5px;margin:0 0 8px;padding:0}.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:48px;gap:48px;align-items:start;margin-top:36px}.art-toc{position:-webkit-sticky;position:sticky;top:88px;background:var(--brand-25);border:1px solid var(--brand-100);border-radius:16px;padding:20px 22px}.art-toc h2{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400)}.art-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.art-toc a{color:var(--ink-600);font-size:13.5px;line-height:1.5;display:block}.art-toc a:hover{color:var(--brand-600)}.art-body{font-size:16.5px;line-height:1.85;color:var(--ink-700);display:flex;flex-direction:column;gap:18px}.art-body h2{font-size:25px;font-weight:700;color:var(--ink-900);margin:26px 0 0;scroll-margin-top:88px;text-wrap:pretty}.art-body h3{font-size:19px;font-weight:700;color:var(--ink-800);margin:8px 0 0}.art-body p{margin:0}.art-body ol,.art-body ul{margin:0;-webkit-padding-start:24px;padding-inline-start:24px;display:flex;flex-direction:column;gap:9px}.art-body li::marker{color:var(--brand-600);font-weight:700}.art-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;counter-reset:art-step}.art-steps li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--ink-100);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-sm)}.art-steps .n{width:34px;height:34px;border-radius:10px;background:var(--brand-grad);box-shadow:var(--shadow-brand);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.art-steps h3{margin:0 0 4px;font-size:16px}.art-steps p{font-size:14.5px;color:var(--ink-500)}.art-callout{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:16px 20px;font-size:15px;border:1px solid}.art-callout p{margin:0;line-height:1.75}.art-callout .ic{flex-shrink:0;margin-top:3px}.art-callout.tip{background:var(--brand-50);border-color:var(--brand-100);color:var(--ink-700)}.art-callout.tip .ic{color:var(--brand-600)}.art-callout.info{background:var(--info-100);border-color:#bae6fd;color:var(--ink-700)}.art-callout.info .ic{color:var(--info-700)}.art-callout.warning{background:var(--warning-100);border-color:#fde68a;color:var(--ink-700)}.art-callout.warning .ic{color:var(--warning-700)}.art-tablewrap{overflow-x:auto}.art-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--ink-100);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);font-size:14.5px}.art-table td,.art-table th{padding:13px 18px;border-bottom:1px solid var(--ink-100);text-align:start;vertical-align:top}.art-table tr:last-child td{border-bottom:none}.art-table thead th{background:var(--ink-25);font-size:13.5px;font-weight:700}.art-table td,.art-table thead th{color:var(--ink-600)}.art-faq{display:flex;flex-direction:column;gap:12px}.art-faq-item{background:#fff;border:1px solid var(--ink-100);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-sm)}.art-faq-item h3{margin:0 0 6px;font-size:16px}.art-faq-item p{font-size:14.5px;color:var(--ink-500)}.art-related{margin-top:64px}.art-related>h2{font-size:24px;font-weight:700;color:var(--ink-900);margin:0 0 22px}.art-cta{margin-top:48px}.art-cta .band{padding:40px 44px}.art-cta .band h2{font-size:24px}@media (max-width:980px){.art-grid{grid-template-columns:repeat(2,1fr)}.art-featured{grid-template-columns:1fr;padding:32px 28px}.art-layout{grid-template-columns:1fr;gap:32px}.art-toc{position:static;order:-1}.art-head h1{font-size:28px}}@media (max-width:640px){.art-grid{grid-template-columns:1fr}}