.route-blog-post .article{padding:140px 0 100px;position:relative;overflow:hidden}.route-blog-post .article-glow{pointer-events:none;background:radial-gradient(#ff915214 0%,#0000 70%);width:700px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}.route-blog-post .article-inner{z-index:1;max-width:760px;position:relative}.route-blog-post .article-back{min-height:44px;color:var(--on-surface-variant);transition:color .2s var(--ease);align-items:center;margin-bottom:16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.route-blog-post .article-back:hover{color:var(--primary)}.route-blog-post .article-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin-bottom:16px;font-size:11px;font-weight:700;display:block}.route-blog-post .article-title{letter-spacing:-.03em;color:var(--on-surface);margin-bottom:16px;font-size:clamp(28px,4.5vw,46px);font-weight:800;line-height:1.15}.route-blog-post .article-meta{color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant);margin-bottom:32px;padding-bottom:28px;font-size:13px}.route-blog-post .article-author{color:var(--on-surface-variant);transition:color .2s var(--ease);font-weight:600;text-decoration:none}.route-blog-post .article-author:hover{color:var(--primary)}.route-blog-post .article-hero{aspect-ratio:16/9;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);margin:0 0 36px;position:relative;overflow:hidden}.route-blog-post .article-hero:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff06}.route-blog-post .article-hero img{object-fit:cover;width:100%;height:100%;display:block}.route-blog-post .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.route-blog-post .article-toc{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);margin-bottom:40px;padding:18px 20px 14px}.route-blog-post .article-toc-title{letter-spacing:0;color:var(--on-surface);margin:0 0 6px;font-size:13px;font-weight:700}.route-blog-post .article-toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.route-blog-post .article-toc li{counter-increment:toc}.route-blog-post .article-toc a{min-height:44px;color:var(--on-surface-variant);transition:color .2s var(--ease);align-items:center;gap:10px;padding:2px 0;font-size:15px;line-height:1.4;text-decoration:none;display:flex}.route-blog-post .article-toc a:before{content:counter(toc) ".";font-variant-numeric:tabular-nums;min-width:14px;color:var(--primary);flex:none;font-size:13px;font-weight:700}.route-blog-post .article-toc a:hover{color:var(--primary)}.route-blog-post .article-body section{margin-bottom:8px;scroll-margin-top:96px}.route-blog-post .article-body h2{letter-spacing:-.01em;color:var(--on-surface);max-width:36ch;margin:48px 0 14px;font-size:clamp(20px,3vw,26px);font-weight:700}.route-blog-post .article-body section:first-child h2{margin-top:0}.route-blog-post .article-body p{color:var(--on-surface-variant);max-width:58ch;margin-bottom:18px;font-size:16px;line-height:1.8}.route-blog-post .article-body section:first-child>p:first-child{color:var(--on-surface);margin-bottom:22px;font-size:18px;font-weight:500;line-height:1.7}.route-blog-post .article-body strong{color:var(--on-surface);font-weight:700}.route-blog-post .article-body em{font-style:italic}.route-blog-post .article-link{color:var(--primary);text-underline-offset:3px;transition:text-decoration-color .2s var(--ease);-webkit-text-decoration:underline #ff91526b;text-decoration:underline #ff91526b;text-decoration-thickness:1px}.route-blog-post .article-link:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.route-blog-post .article-code{background:var(--surface-container-high);border-radius:var(--radius-xs);color:var(--on-surface);padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.route-blog-post .article-ul,.route-blog-post .article-ol{gap:12px;max-width:58ch;margin:0 0 22px;padding:0;list-style:none;display:grid}.route-blog-post .article-ul li,.route-blog-post .article-ol li{color:var(--on-surface-variant);padding-left:28px;font-size:16px;line-height:1.7;position:relative}.route-blog-post .article-ul li:before{content:"";border-radius:var(--radius-full);background:var(--primary);width:6px;height:6px;position:absolute;top:.66em;left:6px}.route-blog-post .article-ol{counter-reset:step}.route-blog-post .article-ol li{counter-increment:step}.route-blog-post .article-ol li:before{content:counter(step) ".";font-variant-numeric:tabular-nums;color:var(--primary);font-size:14px;font-weight:800;line-height:1.95;position:absolute;top:0;left:0}.route-blog-post .article-mark{white-space:nowrap;color:var(--on-surface-variant);align-items:center;gap:5px;font-weight:700;display:inline-flex}.route-blog-post .article-mark svg{flex:none}.route-blog-post .article-table .article-mark{margin-bottom:1px;display:flex}.route-blog-post .article-mark.is-yes{color:var(--success)}.route-blog-post .article-mark.is-no{color:var(--error)}.route-blog-post .article-mark.is-partial{color:var(--warning)}.route-blog-post .article-mark.is-unclear{color:var(--on-surface-variant)}.route-blog-post .article-mark.is-na{color:var(--on-surface-variant);opacity:.8}.route-blog-post .article-quote{border-left:2px solid var(--primary);max-width:48ch;margin:28px 0;padding:2px 0 2px 22px}.route-blog-post .article-quote blockquote{margin:0}.route-blog-post .article-quote p{color:var(--on-surface);margin:0;font-size:19px;font-weight:500;line-height:1.6}.route-blog-post .article-quote figcaption{color:var(--on-surface-variant);margin-top:10px;font-size:13px;line-height:1.6}.route-blog-post .article-callout{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-left:3px solid var(--kind,var(--primary));border-radius:var(--radius-md);margin:28px 0;padding:16px 18px}.route-blog-post .article-callout.is-takeaway{--kind:var(--primary)}.route-blog-post .article-callout.is-check{--kind:var(--success)}.route-blog-post .article-callout.is-note{--kind:var(--outline-control)}.route-blog-post .article-callout.is-caution{--kind:var(--warning)}.route-blog-post .article-callout.is-safety{--kind:var(--error)}.route-blog-post .article-body .article-callout-head{color:var(--on-surface);align-items:flex-start;gap:9px;max-width:none;margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.45;display:flex}.route-blog-post .article-body .article-callout-head svg{color:var(--kind);flex:none;margin-top:1px}.route-blog-post .article-callout-body>:last-child{margin-bottom:0}.route-blog-post .article-callout-body p{max-width:56ch;margin-bottom:12px;font-size:15px;line-height:1.75}.route-blog-post .article-callout-body .article-ul,.route-blog-post .article-callout-body .article-ol{gap:10px;margin-bottom:12px}.route-blog-post .article-callout-body li{font-size:15px;line-height:1.65}.route-blog-post .article-callout.is-safety{background:#f2736d0d;border-color:#f2736d38}.route-blog-post .article-body .article-callout.is-safety .article-callout-head{color:var(--error)}.route-blog-post .article-callout.is-safety strong{color:var(--on-surface)}.route-blog-post .article-callout.is-safety .article-ul{gap:2px}.route-blog-post .article-callout.is-safety .article-ul li{padding-left:24px}.route-blog-post .article-callout.is-safety .article-ul li:before{top:1.35em}.route-blog-post .article-callout.is-safety .article-link{min-height:44px;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);align-items:center;padding-inline:2px;font-weight:700;display:inline-flex}.route-blog-post .article-table-wrap{margin:26px 0 30px}.route-blog-post .article-table{border-collapse:collapse;text-align:left;width:100%}.route-blog-post .article-table thead{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.route-blog-post .article-table tbody,.route-blog-post .article-table tr,.route-blog-post .article-table th,.route-blog-post .article-table td{display:block}.route-blog-post .article-table tr{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);margin-bottom:14px;padding:0 16px 8px}.route-blog-post .article-table tbody th[scope=row]{border-bottom:1px solid var(--outline-variant);color:var(--on-surface);padding:14px 0 10px;font-size:15px;font-weight:700;line-height:1.45}.route-blog-post .article-table td{color:var(--on-surface-variant);padding:11px 0 3px;font-size:15px;line-height:1.6}.route-blog-post .article-table td:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);opacity:.75;margin-bottom:3px;font-size:11px;font-weight:700;display:block}@media (min-width:701px){.route-blog-post .article-table thead{clip-path:none;width:auto;height:auto;margin:0;display:table-header-group;position:static;overflow:visible}.route-blog-post .article-table tbody{display:table-row-group}.route-blog-post .article-table tr{background:0 0;border:0;border-radius:0;margin:0;padding:0;display:table-row}.route-blog-post .article-table th,.route-blog-post .article-table td{vertical-align:top;display:table-cell}.route-blog-post .article-table thead th{border-bottom:1px solid var(--outline-control);color:var(--on-surface);padding:0 14px 10px 0;font-size:13px;font-weight:700;line-height:1.4}.route-blog-post .article-table thead th:last-child{padding-right:0}.route-blog-post .article-table tbody th[scope=row]{border-bottom:1px solid var(--outline-variant);width:23%;padding:14px 14px 14px 0;font-size:14px}.route-blog-post .article-table td{border-bottom:1px solid var(--outline-variant);padding:14px 14px 14px 0;font-size:14px;line-height:1.55}.route-blog-post .article-table td:last-child{padding-right:0}.route-blog-post .article-table td:before{display:none}.route-blog-post .article-table tbody tr:last-child th,.route-blog-post .article-table tbody tr:last-child td{border-bottom:0}}@media (min-width:1080px){.route-blog-post .article-table-wrap{width:calc(100% + 120px);margin-inline:-60px}}@media (min-width:768px){.route-blog-post .article-toc ol{columns:2;column-gap:28px}.route-blog-post .article-toc li{break-inside:avoid}}.route-blog-post .article-cta{background:var(--surface-container-highest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);text-align:center;margin-top:56px;padding:40px}.route-blog-post .article-cta h3{color:var(--on-surface);margin-bottom:10px;font-size:22px;font-weight:800}.route-blog-post .article-cta p{color:var(--on-surface-variant);margin-bottom:28px;font-size:15px;line-height:1.7}.route-blog-post .article-cta-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (max-width:600px){.route-blog-post .article{padding:120px 0 70px}.route-blog-post .article-meta{margin-bottom:22px;padding-bottom:22px}.route-blog-post .article-hero{border-radius:var(--radius-lg);margin-bottom:28px}.route-blog-post .article-cta{padding:28px 20px}.route-blog-post .article-body h2{margin-top:40px}}