.article-hero{background:var(--bg-2);border-bottom:1px solid var(--line);padding:clamp(36px,6vh,64px) 0 0}.article-head{text-align:center;max-width:760px;margin:0 auto}.article-cat{letter-spacing:.07em;text-transform:uppercase;color:var(--teal);font-size:.78rem;font-weight:800}.article-title{letter-spacing:-.03em;margin:14px 0;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.12}.article-desc{color:var(--ink-2);font-size:1.12rem;line-height:1.6}.article-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:7px 0;margin-top:18px;font-size:.88rem;display:flex}.article-meta>span{align-items:center;display:inline-flex}.article-meta>span+span:before{content:"";background:#9aa8a2;border-radius:50%;flex:none;width:3px;height:3px;margin:0 11px}.article-cover{max-width:920px;margin:28px auto 0;padding:0 clamp(20px,5vw,48px) 28px}.article-cover img{border-radius:var(--radius);width:100%;height:auto;box-shadow:var(--shadow-lg);aspect-ratio:40/21;object-fit:cover}.prose{max-width:760px;color:var(--ink-2);margin:0 auto;padding:36px clamp(20px,5vw,48px) 0;font-size:1.06rem;line-height:1.8}.prose>div{display:contents}.prose h2{letter-spacing:-.02em;color:var(--ink);margin:1.8em 0 .6em;font-size:clamp(1.5rem,3vw,2rem);font-weight:900;line-height:1.2}.prose h3{color:var(--ink);margin:1.4em 0 .5em;font-size:clamp(1.2rem,2.2vw,1.5rem);font-weight:800}.prose h4{color:var(--ink);margin:1.2em 0 .4em;font-size:1.1rem;font-weight:800}.prose p{margin:0 0 1.1em}.prose strong{color:var(--ink);font-weight:700}.prose a{color:var(--teal);text-underline-offset:2px;font-weight:600;text-decoration:underline}.prose a:hover{color:var(--teal-700)}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}.prose li{margin:0 0 .5em}.prose img{border-radius:var(--radius);height:auto;box-shadow:var(--shadow);margin:1.6em auto}.prose blockquote{border-left:4px solid var(--teal);background:var(--teal-50);color:var(--ink);border-radius:0 10px 10px 0;margin:1.4em 0;padding:14px 20px}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.94rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 12px}.prose th{background:var(--teal-50);color:var(--ink);font-weight:700}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.prose code{background:var(--bg-2);border-radius:6px;padding:2px 6px;font-size:.9em}.prose pre{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;max-width:100%;padding:16px;overflow-x:auto}.prose pre code{width:max-content;min-width:100%;padding:0;display:block}.prose pre:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.prose .lead{color:var(--ink);margin:0 0 1.4em;font-size:1.22rem;font-weight:500;line-height:1.65}.prose .key-takeaways{background:var(--teal-50);border:1px solid color-mix(in srgb, var(--teal) 22%, transparent);border-radius:var(--radius);margin:1.8em 0;padding:22px 26px}.prose .key-takeaways .kt-title{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);align-items:center;gap:9px;margin:0 0 12px;font-size:.82rem;font-weight:800;display:flex}.prose .key-takeaways ul{margin:0;padding-left:0;list-style:none}.prose .key-takeaways li{color:var(--ink);margin:0 0 .7em;padding-left:30px;position:relative}.prose .key-takeaways li:last-child{margin-bottom:0}.prose .key-takeaways li:before{content:"✓";color:var(--teal);font-weight:900;position:absolute;top:0;left:0}.prose .callout{border-left:4px solid var(--teal);background:var(--bg-2);border-radius:0 12px 12px 0;margin:1.6em 0;padding:16px 20px}.prose .callout .callout-label{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700);margin-bottom:6px;font-size:.75rem;font-weight:800;display:block}.prose .callout p:last-child{margin-bottom:0}.prose .callout--warn{background:#fffbeb;border-left-color:#d97706}.prose .callout--warn .callout-label{color:#b45309}.prose .callout--tip{border-left-color:var(--green,#22c55e);background:#f0fdf4}.prose .callout--tip .callout-label{color:#15803d}.prose .post-steps{counter-reset:step;grid-template-columns:1fr;gap:14px;margin:1.8em 0;padding:0;list-style:none;display:grid}.prose .post-steps>li{counter-increment:step;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 22px 18px 70px;position:relative}.prose .post-steps>li:before{content:counter(step) / "";background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:1.05rem;font-weight:800;display:grid;position:absolute;top:18px;left:18px}.prose .post-steps>li strong{color:var(--ink);margin-bottom:4px;display:block}.prose .post-steps>li p:last-child{margin-bottom:0}.prose .pull{border:0;border-top:2px solid var(--teal);border-bottom:2px solid var(--teal);color:var(--ink);letter-spacing:-.01em;text-align:center;background:0 0;border-radius:0;margin:1.8em 0;padding:22px 0;font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800;line-height:1.35}.prose figure{width:min(92vw,1040px);margin:1.8em 0;position:relative;left:50%;transform:translate(-50%)}.prose figure img{width:100%;margin:0 0 10px}.prose figcaption{color:var(--muted);text-align:center;font-size:.85rem;line-height:1.5}.prose .table-wrap{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;border-radius:12px;margin:1.6em 0;overflow-x:auto}.prose .table-wrap table{min-width:480px;margin:0;display:table;overflow:visible}.prose .table-wrap th,.prose .table-wrap td{border-width:0 1px 1px 0}.prose .table-wrap tr:last-child td{border-bottom:0}.prose .table-wrap th:last-child,.prose .table-wrap td:last-child{border-right:0}.prose .comparison tbody tr:nth-child(2n){background:var(--bg-2)}.prose .comparison td:first-child,.prose .comparison th:first-child{color:var(--ink);font-weight:700}.prose .cta-box{background:linear-gradient(135deg, var(--teal-700), var(--teal));color:#fff;border-radius:var(--radius);text-align:center;margin:2em 0;padding:28px 30px}.prose .cta-box h3{color:#fff;margin:0 0 8px;font-size:1.3rem}.prose .cta-box p{color:#ffffffe6;margin:0 0 18px}.prose .cta-box .btn{color:var(--teal-700);white-space:normal;background:#fff;border-radius:999px;max-width:100%;padding:12px 26px;font-weight:800;text-decoration:none;display:inline-block}.prose .cta-box .btn:hover{color:var(--teal-700);transform:translateY(-2px)}.prose .cta-box a:not(.btn){color:#fff}.prose .toc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:1.8em 0;padding:18px 24px}.prose .toc .toc-title{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.8rem;font-weight:800}.prose .toc ol{margin:0;padding-left:1.2em}.prose .toc li{margin:0 0 .35em}.prose .toc a{color:var(--ink-2);font-weight:600;text-decoration:none}.prose .toc a:hover{color:var(--teal)}.faq-section{max-width:760px;margin:8px auto 0;padding:0 clamp(20px,5vw,48px)}.faq-section h2{letter-spacing:-.02em;color:var(--ink);margin:1.4em 0 .8em;font-size:clamp(1.5rem,3vw,2rem);font-weight:900}.faq-section .faq-item{border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:18px 0}.faq-section .faq-item h3{color:var(--ink);margin:0 0 8px;font-size:1.12rem;font-weight:800}.faq-section .faq-item p{color:var(--ink-2);margin:0;font-size:1.02rem;line-height:1.7}.article-product-cta{border:1px solid var(--teal-100);border-radius:var(--radius);background:var(--teal-50);max-width:760px;margin:44px auto 0;padding:28px clamp(22px,4vw,34px)}.article-product-cta h2{letter-spacing:-.025em;margin:9px 0;font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:850}.article-product-cta p{max-width:620px;color:var(--ink-2);margin-bottom:20px;line-height:1.65}.article-product-actions{flex-wrap:wrap;gap:12px;display:flex}.article-product-actions .btn{white-space:normal;max-width:100%}.article-foot{max-width:760px;margin:56px auto 0;padding:0 clamp(20px,5vw,48px)}.article-back{color:var(--teal);align-items:center;gap:8px;font-weight:700;display:inline-flex}.article-cover-credit{text-align:center;color:var(--muted);margin:12px 0 0;font-size:.8rem;line-height:1.5}.article-cover-credit a{color:var(--teal-700);text-underline-offset:2px;text-decoration:underline}.article-toc,.article-sources,.article-tools{max-width:760px;margin:28px auto;padding:0 clamp(20px,5vw,48px)}.article-toc details{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-sm);border-radius:14px;padding:15px 18px}.article-toc summary{cursor:pointer;color:var(--teal-700);padding:3px 0;font-weight:800;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc summary:before{content:"+";background:var(--teal-50);border-radius:7px;place-items:center;width:22px;height:22px;margin-right:9px;font-size:1rem;display:inline-grid}.article-toc details[open] summary:before{content:"−"}.article-toc summary span{float:right;color:var(--muted);font-size:.9rem;font-weight:400}.article-toc ol{border-top:1px solid var(--line);columns:2;gap:32px;margin:12px 0 0;padding:14px 0 0 44px}.article-toc li{break-inside:avoid;padding:6px 0;font-size:.95rem}.article-toc a{text-underline-offset:3px;text-decoration:underline}.article-sources{border-top:1px solid var(--line);padding-top:24px;font-size:.9rem}.article-sources h2{margin-bottom:14px;font-size:1.12rem}.article-sources li{margin:10px 0}.article-sources a{color:var(--teal-700);text-decoration:underline}.article-sources span{color:var(--muted)}.article-tools button,.copy-resource{font:inherit;border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--teal-700);cursor:pointer;border-radius:8px;padding:10px 16px}.article-tool-status{margin-top:10px;display:block}.prose .table-hint{color:var(--muted);margin-bottom:8px;font-size:.88rem}.prose .table-wrap:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.post-reading{color:var(--muted);margin:8px 0 12px;font-size:.8rem}@media (width>=800px){.prose .table-hint{display:none}}@media (width<=600px){.article-head{text-align:left}.article-meta{justify-content:flex-start;gap:6px 12px}.article-meta>span+span:before{display:none}.article-hero{padding-top:24px}.article-title{font-size:2rem}.article-desc{font-size:1rem}.article-cover{margin-top:22px}.article-toc ol{columns:1}.article-toc{margin:12px auto}.prose{padding-top:20px}.prose .post-steps>li{padding:18px}.prose .post-steps>li:before{width:30px;height:30px;margin-bottom:10px;position:static}.prose .key-takeaways{padding:18px}.prose .cta-box{padding:24px 18px}.article-cover-credit{font-size:.85rem}.prose .comparison th:first-child,.prose .comparison td:first-child{z-index:1;background:var(--card);box-shadow:1px 0 0 var(--line);position:sticky;left:0}.prose .comparison thead th:first-child{z-index:2;background:var(--teal-50)}.prose .comparison tbody tr:nth-child(2n) td:first-child{background:var(--bg-2)}}@media print{body{color:#000!important;background:#fff!important}body>header,body>footer,.article-toc,.article-tools,.copy-resource,.article-product-cta,.cta-box,.cookie-banner{display:none!important}.article-hero{background:0 0;border:0}.article-cover{max-width:500px}.prose,.article-sources,.article-faq{max-width:none;padding:16px 0}.prose .table-wrap{overflow:visible}.prose .table-wrap table{min-width:0;font-size:10pt}.prose figure{width:100%;left:auto;transform:none}.prose .post-steps>li,figure,tr{break-inside:avoid}.article-faq__answer{display:block!important}a{color:inherit}}.prose table caption:not(.sr-only){text-align:left;color:var(--ink);background:var(--card);border-bottom:1px solid var(--line);padding:12px 14px;font-size:.9rem;font-weight:700}.prose .setup-guide{min-width:0}.prose .setup-signal{gap:8px;margin:24px 0;padding-left:1.6em;display:grid}.prose .setup-signal li{background:var(--teal-50);border:1px solid var(--line);border-radius:8px;margin:0;padding:8px 14px;font-weight:650}.prose .setup-source{color:var(--muted);font-size:.85rem}.prose .setup-guide .btn{color:#fff;white-space:normal;text-align:center;line-height:1.5;text-decoration:none}.prose .product-evidence figure{width:100%;max-width:620px;margin:24px auto;position:static;left:auto;transform:none}.prose .product-evidence img{border:1px solid var(--line);width:100%;height:auto;margin:0 auto 12px}.prose .product-evidence figcaption{color:var(--muted);font-size:.82rem;line-height:1.6}.prose .product-evidence details{border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:16px}.prose .product-evidence summary{cursor:pointer;color:var(--teal);font-weight:700}.prose .product-evidence .evidence-narrow{max-width:370px;margin-inline:auto}.setup-guide [id]{scroll-margin-top:100px}
