:root{--bg: #ffffff;--text: #0f172a;--muted: #475569;--soft: #e2e8f0;--line: #e5e7eb;--card: #f8fafc;--accent: #0ea5e9;--accent-600:#0284c7;--ring: rgba(14,165,233,.25);--radius: 14px;--shadow: 0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.06);--maxw: 860px}.template-article .article-hero,.template-article .article-summary,.template-article .article-body,.template-article .downloads,.template-article .data-table,.template-article .article-code-block,.template-article .faq,.template-article .cta,.template-article .related-links{max-width:var(--maxw);margin:0 auto;padding:0 20px}.template-article .article-hero{padding-top:28px}.template-article .article-hero h1{font-size:clamp(28px,5vw,36px);line-height:1.2;letter-spacing:-.01em;margin:14px 0 6px;color:var(--text)}.template-article .article-hero .subtitle{color:var(--muted)}.template-article .article-summary{margin-top:12px;padding:16px 20px;background:var(--card);border:1px solid var(--soft);border-radius:var(--radius)}.template-article #toc{max-width:var(--maxw);margin:18px auto;padding:12px 16px;background:var(--bg);border:1px dashed var(--soft);border-radius:var(--radius)}.template-article #toc strong{display:block;color:var(--muted);margin-bottom:6px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.template-article #toc ul{list-style:none;padding:0;margin:0;columns:2;column-gap:24px}@media (max-width:640px){.template-article #toc ul{columns:1}}.template-article #toc a{display:inline-block;padding:6px 0;color:var(--text);text-decoration:none}.template-article #toc a:hover{color:var(--accent)}.template-article .article-body{margin:6px auto 10px;color:var(--text)}.template-article .article-body h2{margin:28px 0 10px;font-size:clamp(22px,3.8vw,26px)}.template-article .article-body h3{margin:20px 0 8px;font-size:clamp(18px,3vw,20px)}.template-article .article-body p{line-height:1.75;color:var(--text)}.template-article .article-body li{margin:4px 0}.template-article .article-body blockquote{border-left:3px solid var(--accent);margin:16px 0;padding:8px 14px;color:var(--muted);background:#f0f9ff;border-radius:0 10px 10px 0}.template-article .downloads{margin:26px auto 8px}.template-article .downloads h2{font-size:18px;margin-bottom:8px}.template-article .downloads ul{list-style:none;padding:0}.template-article .downloads li{padding:10px 12px;margin:8px 0;border:1px solid var(--line);border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:10px}.template-article .downloads a{color:var(--accent-600);text-decoration:none;font-weight:600}.template-article .downloads a:hover{text-decoration:underline}.template-article .data-table{margin:26px auto}.template-article .data-table table{width:100%;border-collapse:collapse;background:var(--bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.template-article .data-table thead th{background:#f8fafc;color:#0f172a;font-weight:700;border-bottom:1px solid var(--line);padding:12px}.template-article .data-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;color:#0f172a}.template-article .data-table tbody tr:hover{background:#f8fafc}.template-article .article-code-block{margin:22px auto;padding:14px;border:1px solid var(--soft);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow)}.template-article canvas{max-width:100%;height:auto}.template-article .faq{margin:20px auto}.template-article .faq h2{font-size:20px;margin-bottom:8px}.template-article .faq details{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:var(--bg);transition:box-shadow .2s ease}.template-article .faq details[open]{box-shadow:var(--shadow)}.template-article .faq summary{list-style:none;cursor:pointer;font-weight:700;color:var(--text)}.template-article .faq summary::-webkit-details-marker{display:none}.template-article .faq details>.prose{margin-top:8px;color:var(--muted)}.template-article .cta{margin:30px auto;padding:18px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid var(--soft);border-radius:16px;box-shadow:var(--shadow)}.template-article .cta .btn{display:inline-block;padding:10px 16px;border-radius:10px;font-weight:700;background:var(--accent);color:#fff;text-decoration:none;box-shadow:0 1px 2px #0284c740}.template-article .cta .btn:hover{background:var(--accent-600)}.template-article .related-links{margin:26px auto}.template-article .related-links h2{font-size:18px;margin-bottom:8px}.template-article .related-links ul{padding-left:18px}.template-article .article-hero img{border-radius:16px;box-shadow:var(--shadow)}.template-article a{color:var(--accent-600)}.template-article a:hover{text-decoration:underline}.template-article a:focus,.template-article button:focus,.template-article summary:focus{outline:3px solid var(--ring);outline-offset:2px}.template-article #toc,.template-article .article-summary,.template-article .article-body,.template-article .downloads,.template-article .data-table,.template-article .article-code-block,.template-article .faq,.template-article .cta,.template-article .related-links{margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important;max-width:var(--maxw)}.template-article #toc{margin-top:18px!important;margin-bottom:18px!important}.template-article .article-body blockquote{margin-left:0!important;margin-right:0!important;padding:10px 14px!important;border-left-width:4px}.template-article .article-code-block{margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}.template-article .article-body ul,.template-article .article-body ol{margin-left:0!important;padding-left:1.25rem!important}.template-article .data-table table{width:100%}.template-article .data-table{overflow-x:auto}.template-article .article-body img,.template-article canvas{max-width:100%;height:auto;display:block}
/*# sourceMappingURL=/cdn/shop/t/3/assets/article-guides.css.map */