.appnote{--an-navy:#0d1b2e;--an-ink:#0d1b2e;--an-teal:#2d6a8a;--an-teal-deep:#1a4a6a;--an-sky:#a8d4f2;--an-paper:#fff;--an-paper-2:#f6f8fa;--an-line:#e6e9ee;--an-gray:#5b6472;--an-gray-2:#8892a0;--an-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--an-gray);background:var(--an-paper);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.6}.appnote h1,.appnote h2,.appnote h3,.appnote h4{color:var(--an-ink);letter-spacing:-.01em;font-weight:600}.appnote a{color:inherit;text-decoration:none}.appnote img,.appnote video{max-width:100%;display:block}.appnote button{font-family:inherit}.appnote code{font-family:var(--an-mono);font-size:.92em}.appnote-hero{background:var(--an-navy);padding:72px 32px 64px;position:relative;overflow:hidden}.appnote-hero:before{content:"";z-index:0;pointer-events:none;background:url(/images/content/application-notes/hero-backdrop.webp) 50%/cover no-repeat;position:absolute;inset:0}.appnote-hero:after{content:"";z-index:1;background:linear-gradient(#0d1b2e0d,#0d1b2e73);position:absolute;inset:0}.appnote-hero-inner{z-index:2;max-width:1320px;margin:0 auto;position:relative}.appnote-crumbs{color:#9fb4c7;flex-wrap:wrap;gap:8px;margin-bottom:26px;font-size:12.5px;display:flex}.appnote-crumbs a{color:#cfe0ee}.appnote-crumbs a:hover{color:var(--an-sky)}.appnote-hero-tags{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.appnote .pill{letter-spacing:.6px;text-transform:uppercase;color:var(--an-sky);background:#a8d4f224;border:1px solid #a8d4f266;border-radius:20px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-block}.appnote-an-no{color:#9fb4c7;letter-spacing:.5px;font-size:12px}.appnote-hero h1{color:#fff;max-width:820px;margin-bottom:18px;font-size:clamp(32px,4.6vw,54px);line-height:1.08}.appnote-hero .appnote-sub{color:#d3dde6;max-width:640px;margin-bottom:28px;font-size:clamp(15px,1.5vw,17.5px)}.appnote-hero-meta{color:#b9c8d6;flex-wrap:wrap;gap:22px;font-size:13px;display:flex}.appnote-hero-meta span b{color:#fff;font-weight:500}.appnote-wrap{max-width:1320px;margin:0 auto;padding:0 32px}.appnote-layout{grid-template-columns:200px minmax(0,1fr) 280px;align-items:start;gap:40px;padding:64px 0 40px;display:grid}.appnote-toc{position:sticky;top:90px}.appnote-toc h4{letter-spacing:1.4px;text-transform:uppercase;color:var(--an-gray-2);margin-bottom:14px;font-size:11.5px;font-weight:700}.appnote-toc ol{border-left:1px solid var(--an-line);margin:0;padding:0;list-style:none}.appnote-toc a{color:var(--an-gray);border-left:2px solid #0000;margin-left:-1px;padding:7px 0 7px 16px;font-size:13.5px;display:block}.appnote-toc a:hover{color:var(--an-teal-deep)}.appnote-toc a.active{color:var(--an-ink);border-left-color:var(--an-teal);font-weight:500}.appnote article.note section{margin-bottom:54px;scroll-margin-top:90px}.appnote article.note h2{margin-bottom:16px;font-size:clamp(24px,2.6vw,30px)}.appnote article.note h3{margin:26px 0 10px;font-size:18px}.appnote article.note p{margin-bottom:16px;font-size:16px}.appnote article.note ul.bul{margin:0 0 18px 20px;list-style:outside}.appnote article.note ul.bul li{margin-bottom:8px;font-size:16px}.appnote article.note ol{margin:0 0 18px 20px}.appnote article.note a.xref{color:var(--an-teal-deep);font-weight:500}.appnote .lead{color:var(--an-ink);font-weight:400;font-size:18px!important}.appnote .ph-flag{letter-spacing:1px;text-transform:uppercase;color:var(--an-teal-deep);background:#2d6a8a14;border:1px solid #2d6a8a40;border-radius:20px;margin-bottom:12px;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-block}.appnote .summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 8px;display:grid}.appnote .summary div{background:var(--an-paper-2);border:1px solid var(--an-line);border-radius:14px;padding:16px 18px;font-size:14px}.appnote .summary b{letter-spacing:1.2px;text-transform:uppercase;color:var(--an-gray-2);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.appnote .callout{background:var(--an-paper-2);border:1px solid var(--an-line);border-left:4px solid var(--an-teal);border-radius:12px;margin:22px 0;padding:18px 22px}.appnote .callout b{color:var(--an-ink);letter-spacing:.2px;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.appnote .callout p{margin:0!important;font-size:14.5px!important}.appnote figure.fig{margin:26px 0}.appnote .fig-box{background:radial-gradient(120% 120% at 80% 0,#1a4a6a 0%,#0d1b2e 62%);border-radius:18px;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative;overflow:hidden}.appnote .fig-box.light{background:var(--an-paper-2);border:1px dashed #c3cdd8}.appnote .fig-box .fig-label{z-index:1;letter-spacing:.4px;color:#cfe0ee;text-align:center;padding:0 20px;font-size:13px;font-weight:500;position:relative}.appnote .fig-box.light .fig-label{color:var(--an-gray-2)}.appnote figcaption{color:var(--an-gray-2);text-wrap:wrap;margin-top:10px;font-size:13px}.appnote .fig-img{border:1px solid var(--an-line);background:#fff;border-radius:18px;justify-content:center;align-items:center;padding:18px;display:flex;overflow:hidden}.appnote .fig-img.dark{border-color:var(--an-navy);background:radial-gradient(120% 120% at 80% 0,#1a4a6a 0%,#0d1b2e 62%);padding:14px}.appnote .fig-img.flush{padding:0}.appnote .fig-img img,.appnote .fig-img svg{width:100%;height:auto;display:block}.appnote .fig-img.dark svg text{letter-spacing:.1px}.appnote .fig-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.appnote .fig-pair .fig-img{padding:0}.appnote .steps{counter-reset:s;gap:18px;margin:8px 0 0;padding:0;list-style:none;display:grid}.appnote .steps li{counter-increment:s;border:1px solid var(--an-line);background:#fff;border-radius:16px;padding:20px 22px 20px 70px;position:relative;box-shadow:0 2px 4px #0d1b2e08,0 8px 18px #0d1b2e0a}.appnote .steps li:before{content:counter(s);background:var(--an-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:flex;position:absolute;top:18px;left:20px}.appnote article.note .steps h3{margin:0 0 6px;font-size:16.5px}.appnote article.note .steps p{margin:0!important;font-size:14.5px!important}.appnote .codewrap{position:relative}.appnote pre.code{color:#d6e3ef;font:400 13px/1.7 var(--an-mono);background:#0d1b2e;border-radius:16px;margin:18px 0;padding:22px 24px;overflow:auto}.appnote pre.code .c{color:#7f93a8}.appnote pre.code .k{color:#a8d4f2}.appnote pre.code .s{color:#9ad1b5}.appnote .copy-btn{z-index:2;color:#cfe0ee;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;position:absolute;top:30px;right:12px}.appnote .copy-btn:hover{background:#fff3}.appnote pre.code .code-copy-btn{display:none}.appnote table.data{border-collapse:collapse;border:1px solid var(--an-line);border-radius:12px;width:100%;margin:18px 0;font-size:14px;overflow:hidden}.appnote table.data th{background:var(--an-navy);color:#fff;text-align:left;letter-spacing:.4px;padding:12px 16px;font-size:12.5px;font-weight:500}.appnote table.data td{border-top:1px solid var(--an-line);color:var(--an-ink);padding:12px 16px;font-weight:400}.appnote table.data tr:nth-child(2n) td{background:var(--an-paper-2)}.appnote .tbl-scroll{margin:18px 0;overflow-x:auto}.appnote .tbl-scroll table.data{min-width:640px;margin:0;display:table}.appnote .stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0;display:grid}.appnote .stat{background:var(--an-paper-2);border:1px solid var(--an-line);border-radius:16px;padding:20px}.appnote .stat .n{color:var(--an-ink);letter-spacing:-.02em;font-size:30px;font-weight:600;line-height:1.1}.appnote .stat .l{color:var(--an-gray);margin-top:6px;font-size:12.5px}.appnote .cmp{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 8px;display:grid}.appnote .cmp .card{padding:20px}.appnote .cmp h3{margin:0 0 8px!important;font-size:16px!important}.appnote .cmp p{margin:0!important;font-size:13.5px!important}.appnote .kt{counter-reset:k;gap:14px;margin:8px 0 0;padding:0;list-style:none;display:grid}.appnote .kt li{counter-increment:k;background:var(--an-paper-2);border:1px solid var(--an-line);color:var(--an-gray);border-radius:14px;padding:18px 20px 18px 62px;font-size:15px;position:relative}.appnote .kt li:before{content:counter(k);background:var(--an-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex;position:absolute;top:16px;left:18px}.appnote .kt b{color:var(--an-ink);margin-bottom:2px;font-weight:600;display:block}.appnote .proc{counter-reset:p;border:1px solid var(--an-line);background:#fff;border-radius:12px;margin:6px 0 0;padding:0;list-style:none;overflow:hidden}.appnote .proc li{counter-increment:p;border-top:1px solid var(--an-line);color:var(--an-gray);text-wrap:wrap;grid-template-columns:22px 1fr;gap:10px;padding:11px 16px;font-size:14.5px;line-height:1.55;display:grid}.appnote .proc li:first-child{border-top:0}.appnote .proc li:before{content:counter(p);color:var(--an-teal);font-size:14px;font-weight:700;line-height:1.55}.appnote .proc b{color:var(--an-ink);font-weight:600}.appnote .proc table.idx{border-collapse:collapse;margin:6px 0 0;font-size:13px;line-height:1.35}.appnote .proc table.idx th,.appnote .proc table.idx td{text-align:left;background:0 0;border:0;padding:3px 14px 3px 0}.appnote .proc table.idx th{color:var(--an-ink);border-bottom:1px solid var(--an-line);font-weight:600}.appnote .proc table.idx code{font-size:12.5px}.appnote .refs{counter-reset:r;gap:10px;margin:0;padding:0;list-style:none;display:grid}.appnote .refs li{counter-increment:r;color:var(--an-gray);padding-left:38px;font-size:13.5px;line-height:1.55;position:relative}.appnote .refs li:before{content:"[" counter(r)"]";color:var(--an-teal-deep);font-weight:600;position:absolute;left:0}.appnote .refs a{color:var(--an-teal-deep);text-underline-offset:2px;word-break:break-word;text-decoration:underline}.appnote .fill{border:1px dashed var(--an-teal);color:var(--an-teal-deep);background:#2d6a8a14;border-radius:6px;padding:0 8px;font-size:.88em;font-weight:500;line-height:1.6;display:inline-block}.appnote .fill-box{border:1.5px dashed var(--an-teal);background:#2d6a8a0a;border-radius:18px;margin:22px 0;padding:22px 24px}.appnote .fill-box b{color:var(--an-teal-deep);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.appnote .fill-box p{margin:0!important;font-size:14.5px!important}.appnote-side{flex-direction:column;align-self:stretch;gap:18px;display:flex}.appnote-side-wrap{flex:auto}.appnote-side-sticky{gap:18px;display:grid;position:sticky;top:90px}.appnote .card{border:1px solid var(--an-line);background:#fff;border-radius:18px;padding:22px;box-shadow:0 2px 4px #0d1b2e0a,0 12px 26px #0d1b2e0f}.appnote .card h4{letter-spacing:1.4px;text-transform:uppercase;color:var(--an-gray-2);margin-bottom:14px;font-size:11.5px;font-weight:700}.appnote .glance{margin:0;padding:0;list-style:none}.appnote .glance li{border-top:1px solid var(--an-line);justify-content:space-between;gap:12px;padding:9px 0;font-size:13.5px;display:flex}.appnote .glance li:first-child{border-top:none;padding-top:0}.appnote .glance li span:first-child{color:var(--an-gray-2)}.appnote .glance li span:last-child{color:var(--an-ink);text-align:right;font-weight:500}.appnote .mods{gap:10px;display:grid}.appnote .mod{color:var(--an-ink);align-items:center;gap:12px;font-size:13.5px;font-weight:500;display:flex}.appnote .mod i{background:var(--an-paper-2);border:1px solid var(--an-line);border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.appnote .mod i img{object-fit:contain;width:100%;height:100%}.appnote .mod small{color:var(--an-gray-2);font-size:11.5px;font-weight:300;display:block}.appnote .dl{color:var(--an-ink);border-top:1px solid var(--an-line);justify-content:space-between;align-items:center;gap:10px;padding:11px 0;font-size:13.5px;font-weight:500;display:flex}.appnote .dl:first-of-type{border-top:none}.appnote .dl span{color:var(--an-gray-2);font-size:11.5px;font-weight:300}.appnote .dl em{color:var(--an-teal-deep);font-size:12.5px;font-style:normal;font-weight:600}.appnote .dl:hover em{text-underline-offset:2px;text-decoration:underline}.appnote .card.dark{background:var(--an-navy);border-color:var(--an-navy)}.appnote .card.dark h4{color:#9fb4c7}.appnote .card.dark p{color:#c6d2de;margin-bottom:16px;font-size:13.5px}.appnote .btn{border-radius:30px;padding:14px 30px;font-size:14.5px;font-weight:600;display:inline-block}.appnote .btn-white{color:var(--an-navy);background:#fff}.appnote .btn-white:hover{background:var(--an-sky)}.appnote-band{text-align:center;background:var(--an-navy);color:#fff;padding:110px 32px}.appnote-band h2{color:#fff;margin-bottom:16px;font-size:clamp(28px,4.2vw,46px)}.appnote-band p{color:#c6d2de;max-width:520px;margin:0 auto 30px;font-size:16px}.appnote article p,.appnote article li,.appnote article td,.appnote article small,.appnote .callout,.appnote .summary div,.appnote .cmp div,.appnote .stat .l,.appnote .card p,.appnote-hero p,.appnote-hero-meta span{text-wrap:pretty}.appnote article li,.appnote .summary div,.appnote .stat .l,.appnote h1,.appnote h2,.appnote h3,.appnote h4,.appnote .glance li span:last-child,.appnote .mod small,.appnote .mod div,.appnote .fig-label,.appnote figcaption{text-wrap:balance}@media (max-width:1080px){.appnote-layout{grid-template-columns:minmax(0,1fr) 280px}.appnote-toc{display:none}}@media (max-width:860px){.appnote-layout{grid-template-columns:minmax(0,1fr);gap:36px}.appnote-side-sticky{position:static}.appnote .stats,.appnote .summary,.appnote .cmp,.appnote .fig-pair{grid-template-columns:1fr}}@media (max-width:640px){.appnote table.data{display:block;overflow-x:auto}.appnote-hero{padding:56px 24px 48px}.appnote-wrap{padding:0 20px}.appnote-band{padding:72px 24px}.appnote .steps li{padding:62px 18px 18px}.appnote .steps li:before{top:16px;left:18px}}@media (prefers-reduced-motion:no-preference){.appnote{scroll-behavior:smooth}}