* { box-sizing: border-box; } body {margin: 0;}.cms .cms-tutorial-blog{--cms-text:#1f2937;--cms-muted:#667085;--cms-border:#e5e7eb;--cms-bg:#ffffff;--cms-soft:#f8fafc;--cms-accent:#7c3aed;--cms-accent-soft:#f3f0ff;--cms-radius:18px;--cms-shadow:0 10px 30px rgba(15, 23, 42, 0.06);max-width:960px;margin:0 auto;padding:40px 20px 72px;color:var(--cms-text);font-family:Arial, Helvetica, sans-serif;line-height:1.65;}.cms .cms-tutorial-blog *{box-sizing:border-box;}.cms .cms-tutorial-blog__hero{background:linear-gradient(135deg, #faf5ff 0%, #ffffff 100%);border:1px solid var(--cms-border);border-radius:24px;padding:40px 28px;margin-bottom:32px;box-shadow:var(--cms-shadow);}.cms .cms-tutorial-blog__eyebrow{display:inline-block;margin-bottom:12px;padding:6px 12px;border-radius:999px;background:var(--cms-accent-soft);color:var(--cms-accent);font-size:13px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;}.cms .cms-tutorial-blog h1, .cms .cms-tutorial-blog h2, .cms .cms-tutorial-blog h3{color:#111827;line-height:1.2;margin:0 0 16px;}.cms .cms-tutorial-blog h1{font-size:42px;}.cms .cms-tutorial-blog h2{font-size:28px;margin-top:0;}.cms .cms-tutorial-blog h3{font-size:20px;}.cms .cms-tutorial-blog p{margin:0 0 16px;font-size:17px;}.cms .cms-tutorial-blog ul, .cms .cms-tutorial-blog ol{margin:0 0 20px 22px;padding:0;}.cms .cms-tutorial-blog li{margin-bottom:10px;font-size:17px;}.cms .cms-tutorial-blog__lead{font-size:19px;color:var(--cms-muted);max-width:760px;}.cms .cms-tutorial-blog__toc{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin-top:28px;}.cms .cms-tutorial-blog__toc a{display:block;text-decoration:none;color:#111827;background:#fff;border:1px solid var(--cms-border);border-radius:14px;padding:14px 16px;font-weight:700;transition:all 0.2s ease;}.cms .cms-tutorial-blog__toc a:hover{border-color:var(--cms-accent);color:var(--cms-accent);transform:translateY(-1px);}.cms .cms-tutorial-blog__section{margin-bottom:24px;background:var(--cms-bg);border:1px solid var(--cms-border);border-radius:var(--cms-radius);padding:30px 24px;box-shadow:var(--cms-shadow);}.cms .cms-tutorial-blog__section + .cms-tutorial-blog__section{margin-top:24px;}.cms .cms-tutorial-blog__card-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;margin-top:18px;}.cms .cms-tutorial-blog__card{background:var(--cms-soft);border:1px solid var(--cms-border);border-radius:16px;padding:18px;}.cms .cms-tutorial-blog__note, .cms .cms-tutorial-blog__warning, .cms .cms-tutorial-blog__tip{padding:16px 18px;border-radius:14px;margin:18px 0;border:1px solid var(--cms-border);}.cms .cms-tutorial-blog__note{background:#f8fafc;}.cms .cms-tutorial-blog__warning{background:#fff7ed;border-color:#fed7aa;}.cms .cms-tutorial-blog__tip{background:#ecfeff;border-color:#a5f3fc;}.cms .cms-tutorial-blog__code{display:block;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:16px 18px;overflow-x:auto;font-size:15px;line-height:1.6;margin:14px 0 18px;white-space:pre-wrap;word-break:break-word;}.cms .cms-tutorial-blog__steps{counter-reset:cms-step;list-style:none;margin-left:0;}.cms .cms-tutorial-blog__steps li{position:relative;padding-left:52px;margin-bottom:18px;min-height:36px;}.cms .cms-tutorial-blog__steps li::before{counter-increment:cms-step;content:counter(cms-step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--cms-accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;}.cms .cms-tutorial-blog__footer{margin-top:32px;padding:22px;border-radius:18px;background:linear-gradient(135deg, #111827 0%, #1f2937 100%);color:#f9fafb;}.cms .cms-tutorial-blog__footer p:last-child, .cms .cms-tutorial-blog__section p:last-child, .cms .cms-tutorial-blog__card p:last-child{margin-bottom:0;}@media (max-width: 767px){.cms .cms-tutorial-blog{padding:24px 14px 48px;}.cms .cms-tutorial-blog h1{font-size:32px;}.cms .cms-tutorial-blog h2{font-size:24px;}.cms .cms-tutorial-blog p, .cms .cms-tutorial-blog li{font-size:16px;}.cms .cms-tutorial-blog__toc, .cms .cms-tutorial-blog__card-grid{grid-template-columns:1fr;}.cms .cms-tutorial-blog__hero, .cms .cms-tutorial-blog__section{padding:22px 18px;}}