.article-body{background:radial-gradient(circle at top,rgba(2,150,195,.08),transparent 30%),linear-gradient(to bottom,#fff,#f4f9fb)}.article-nav{position:sticky;top:0;z-index:100;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#fffffff0;box-shadow:0 2px 10px #00000014;backdrop-filter:blur(14px)}.article-brand,.article-home-link,.article-footer a{color:var(--primary-color);text-decoration:none}.article-brand{display:inline-flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700}.article-brand img{width:36px;height:36px;border-radius:8px}.article-home-link{font-weight:700}.article-home-link:hover,.article-footer a:hover{color:var(--primary-dark)}.article-shell{width:min(100% - 2rem,1260px);margin:3rem auto 5rem;display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.5rem;align-items:start}.article-card{min-width:0;background:#fff;border-radius:20px;box-shadow:0 18px 50px #004c641a;overflow:hidden}.article-hero{padding:clamp(2.5rem,7vw,5.5rem) clamp(1.5rem,7vw,5.5rem) 3rem;color:var(--text-light);background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.16),transparent 20%),linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 55%,var(--primary-light) 100%)}.article-kicker{margin-bottom:1rem;color:var(--accent-color);font-size:.95rem;font-weight:700;letter-spacing:.08em}.article-hero h1{max-width:760px;margin-bottom:1.5rem;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.25}.article-lead{max-width:740px;color:#ffffffed;font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.9}.article-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:2rem;color:#ffffffbd;font-size:.95rem}.article-sidebar{position:sticky;top:5rem;max-height:calc(100vh - 6rem);min-width:0;z-index:20;display:flex;flex-direction:column}.article-sidebar-inner{display:flex;flex-direction:column;max-height:100%;padding:1.5rem;border:1px solid rgba(1,125,163,.14);border-radius:18px;background:linear-gradient(160deg,#fffffffa,#f4fbfdf5);box-shadow:0 14px 34px #004c641a;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(1,125,163,.25) transparent}.article-sidebar-inner::-webkit-scrollbar{width:6px}.article-sidebar-inner::-webkit-scrollbar-track{background:transparent}.article-sidebar-inner::-webkit-scrollbar-thumb{background:#017da338;border-radius:10px}.article-sidebar-inner::-webkit-scrollbar-thumb:hover{background:#017da373}.article-sidebar-kicker,.article-related-kicker{margin-bottom:.45rem;color:var(--primary-color);font-size:.82rem;font-weight:700;letter-spacing:.08em}.article-sidebar-title{margin-bottom:1rem;color:var(--primary-dark);font-size:1.35rem}.article-sidebar-overview,.article-sidebar-home{display:inline-flex;color:var(--primary-dark);font-size:.92rem;font-weight:700;text-decoration:none}.article-sidebar-overview{padding:.55rem .7rem;border:1px solid rgba(1,125,163,.14);border-radius:9px;background:#ffde0047}.article-sidebar-overview.is-active{color:var(--text-light);border-color:var(--primary-color);background:var(--primary-color)}.article-sidebar-overview:hover,.article-sidebar-home:hover{color:var(--primary-color)}.article-sidebar-nav{display:grid;gap:.35rem;margin-top:1rem}.article-sidebar-link{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.55rem;align-items:start;padding:.7rem .65rem;border-radius:11px;color:#52646a;text-decoration:none;border:1px solid transparent;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.article-sidebar-link:hover,.article-sidebar-link.is-active{color:var(--primary-dark);border-color:#017da329;background:#017da31a}.article-sidebar-link:hover{transform:translate(2px)}.article-sidebar-link.is-active{box-shadow:inset 3px 0 0 var(--primary-color)}.article-sidebar-overview:focus-visible,.article-sidebar-link:focus-visible,.article-sidebar-home:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}.article-sidebar-number{padding-top:.1rem;color:var(--primary-color);font-size:.82rem;font-weight:700}.article-sidebar-link strong{display:block;font-size:.92rem;line-height:1.5}.article-sidebar-link small{display:block;margin-top:.2rem;color:#7b898e;font-size:.78rem;line-height:1.4}.article-sidebar-home{margin-top:1.5rem;font-size:.86rem}.article-main{min-width:0;background:#fff}.article-content{padding:clamp(2rem,6vw,5rem) clamp(1.5rem,7vw,5.5rem)}.article-content>p,.article-content>ul,.article-content>ol,.article-content>h2,.article-content>h3,.article-table-wrap,.comparison-grid,.product-map,.article-summary,.article-cta{max-width:760px;margin-right:auto;margin-left:auto}.article-content>p{margin-bottom:1.35rem;color:#3d4a4f;font-size:1.08rem;line-height:2}.article-content h2{margin-top:3.5rem;margin-bottom:1.2rem;color:var(--primary-color);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.4}.article-content h3{margin-top:2rem;margin-bottom:.75rem;color:var(--primary-dark);font-size:1.35rem}.article-summary{margin-bottom:2rem;padding:1.35rem 1.5rem;border-left:4px solid var(--accent-color);border-radius:0 12px 12px 0;background:#fffbea}.article-summary strong{display:block;margin-bottom:.35rem;color:var(--primary-dark);font-size:1.15rem}.article-summary p{margin:0;color:#4c4c4c;line-height:1.8}.question-list,.check-list,.step-list{padding-left:1.5rem;color:#3d4a4f;font-size:1.06rem;line-height:2}.question-list,.check-list{margin-bottom:1.5rem}.step-list{counter-reset:article-step;list-style:none;padding-left:0}.step-list li{position:relative;min-height:2.5rem;margin-bottom:1rem;padding:.2rem 0 .2rem 3.2rem}.step-list li:before{position:absolute;top:.1rem;left:0;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;color:var(--primary-dark);background:#017da31f;content:counter(article-step);counter-increment:article-step;font-weight:700}.article-table-wrap{margin-bottom:1.7rem;overflow-x:auto;border:1px solid rgba(1,125,163,.14);border-radius:12px}.article-table-wrap table{width:100%;min-width:620px;border-collapse:collapse;color:#3d4a4f;font-size:.98rem;line-height:1.7}.article-table-wrap th,.article-table-wrap td{padding:1rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(1,125,163,.1)}.article-table-wrap th{color:var(--primary-dark);background:#017da314;font-weight:700}.article-table-wrap tr:last-child td{border-bottom:0}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.7rem}.comparison-card{padding:1.5rem;border:1px solid rgba(1,125,163,.12);border-radius:14px;background:#f8fdff}.comparison-label{display:inline-block;margin-bottom:.75rem;padding:.35rem .7rem;border-radius:999px;color:var(--primary-dark);background:#017da31f;font-size:.9rem;font-weight:700}.comparison-card h3{margin-top:0;font-size:1.25rem}.comparison-card p{margin:0;color:#4c5b60;line-height:1.8}.product-map{display:grid;gap:1rem;margin-bottom:1.7rem}.product-map-item{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;padding:1.25rem;border-radius:14px;background:#f8fdff;border:1px solid rgba(1,125,163,.1)}.product-map-number{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border-radius:50%;color:var(--primary-dark);background:#ffde00b8;font-weight:700}.product-map-item h3{margin-top:0;margin-bottom:.35rem;font-size:1.2rem}.product-map-item p{margin:0;color:#4c5b60;line-height:1.8}.article-cta{margin-top:4rem;padding:2rem;border-radius:16px;color:var(--text-light);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color))}.article-related{max-width:760px;margin:2.5rem auto 0;padding:1.25rem 1.4rem;border:1px solid rgba(1,125,163,.14);border-radius:14px;background:#f8fdff}.article-related a{display:block;margin-bottom:.35rem;color:var(--primary-dark);font-size:1.08rem;font-weight:700;line-height:1.6;text-decoration:none}.article-related a:hover{color:var(--primary-color)}.article-related>p:last-child{margin:0;color:#607077;line-height:1.7}.article-index-content{padding:clamp(2rem,5vw,4rem) clamp(1.5rem,5vw,4.5rem) 4.5rem;background:#fff}.article-index-kicker{margin-bottom:.65rem;color:var(--primary-color);font-size:.9rem;font-weight:700;letter-spacing:.08em}.article-index-heading h2{max-width:720px;margin-bottom:.85rem;color:var(--primary-dark);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.45;text-align:left}.article-index-heading>p:last-child{max-width:700px;margin-bottom:2rem;color:#53646a;font-size:1.05rem;line-height:1.9}.article-list{display:grid;gap:1rem}.article-list-card{display:block;padding:1.5rem;border:1px solid rgba(1,125,163,.14);border-radius:15px;color:var(--text-dark);background:linear-gradient(135deg,#fff,#f7fdff);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.article-list-card:hover{transform:translateY(-4px);border-color:#017da359;box-shadow:0 12px 25px #004c641a}.article-list-card-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-bottom:.7rem;color:var(--primary-color);font-size:.85rem;font-weight:700}.article-list-card h3{margin-bottom:.55rem;color:var(--primary-dark);font-size:1.35rem;line-height:1.5}.article-list-card p{margin-bottom:1rem;color:#53646a;line-height:1.8}.article-list-card-link{color:var(--primary-dark);font-size:.92rem;font-weight:700}.article-cta .article-kicker{margin-bottom:.65rem}.article-cta h2{margin-top:0;color:var(--text-light);font-size:clamp(1.5rem,3vw,2rem)}.article-cta>p:not(.article-kicker){margin-bottom:1.5rem;color:#ffffffdb}.article-cta-actions{display:flex;flex-wrap:wrap;gap:.8rem}.article-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.65rem 1rem;border-radius:999px;text-decoration:none;font-weight:700}.article-button-primary{color:var(--primary-dark);background:var(--accent-color)}.article-button-secondary{color:var(--text-light);border:1px solid rgba(255,255,255,.55)}.article-button:hover{transform:translateY(-1px)}.article-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1.25rem;padding:0 1.5rem 2.5rem;color:#637177;font-size:.9rem}@media (max-width: 900px){.article-nav{min-height:64px}.article-shell{width:100%;margin:0 auto 3rem;display:flex;flex-direction:column;gap:0}.article-sidebar{position:sticky;top:64px;z-index:90;width:100%;max-height:none;display:block;padding:.7rem 1rem;border-bottom:1px solid rgba(1,125,163,.14);background:#f4fbfdf5;backdrop-filter:blur(14px)}.article-sidebar-inner{display:flex;flex-direction:row;max-height:none;align-items:center;gap:.55rem;padding:.15rem;overflow-x:auto;overflow-y:visible;border:0;border-radius:0;background:transparent;box-shadow:none;scrollbar-width:thin;overscroll-behavior-inline:contain}.article-sidebar-heading,.article-sidebar-home{display:none}.article-sidebar-overview{flex:0 0 auto;min-height:2.75rem;align-items:center;padding:.6rem .85rem;white-space:nowrap;background:#fff}.article-sidebar-nav{display:flex;flex:0 0 auto;gap:.55rem;margin-top:0}.article-sidebar-link{display:inline-flex;flex:0 0 auto;align-items:center;gap:.45rem;min-height:2.75rem;padding:.55rem .8rem;border-color:#017da324;background:#fff;white-space:nowrap}.article-sidebar-link:hover{transform:none}.article-sidebar-link.is-active{box-shadow:inset 0 -3px 0 var(--primary-color)}.article-sidebar-number{padding-top:0}.article-sidebar-link strong{font-size:.88rem}.article-sidebar-link small{display:none}.article-card{width:100%;border-radius:0;box-shadow:none}}@media (max-width: 640px){.article-nav{padding:.85rem 1rem}.article-home-link{font-size:.92rem}.article-sidebar{padding-right:.75rem;padding-left:.75rem}.article-content{padding-right:1.1rem;padding-left:1.1rem}.article-index-content{padding:2rem 1.1rem 3rem}.article-content>p,.question-list,.check-list,.step-list{font-size:1rem}.comparison-grid{grid-template-columns:1fr}.article-cta{padding:1.5rem}.article-button{width:100%}}