:root{--dark-navy:#020c1b;--dark-navy-rgba:#020c1b33;--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:#020c1bb3;--dark-slate:#495670;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#64ffda;--outer-space:#041424;--outer-space-ast:#092138;--white-black-rgba:#0000001f;--notes-pattern:#ccd6f633;--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#0077b6;--color-primary-variant:#4db5ff66;--color-white:#fff;--color-light:#fff9;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:all .3s ease;--rgba-button-next:linear-gradient(90deg, #fff0 0%, #ffffffbf 25%, #ffffffe6 50%, #fff 75%);--rgba-button-previous:linear-gradient(270deg, #fff0 0%, #ffffffbf 25%, #ffffffe6 50%, #fff 75%);--skeleton-background:#f3f3f3;--skeleton-foreground:#ecebeb;--card-height:400px;--card-width:calc(var(--card-height) / 1.5);--d:.7s;--e:cubic-bezier(.19, 1, .22, 1)}.dark{--dark-navy-rgba:#ccd6f6cc;--notes-pattern:#ccd6f60d;--white-black-rgba:#fff3;--dark-navy:#f1f1f1;--dark-slate:#f1f1f1;--color-white:#0f0f0f;--light-navy:#ccd6f6;--skeleton-background:#2c2c2c;--skeleton-foreground:#1c1c1c;--color-primary:#1da5ee;--rgba-button-next:linear-gradient(90deg, #0000 0%, #000000bf 25%, #000000e6 50%, #000 75%);--rgba-button-previous:linear-gradient(270deg, #0000 0%, #000000bf 25%, #000000e6 50%, #000 75%)}
.blog{min-height:100vh;padding:20px 17.5% 100px}.kategori{text-transform:capitalize}main{grid-template-columns:70% 30%;width:100%;padding:20px 17.5% 75px;display:grid}.content__container{flex-direction:column;gap:5vh;padding:20px 5% 20px .5%;display:flex}main.special{grid-template-columns:70% 30%;padding:75px 17.5%;display:grid}main.special .special__container{text-align:justify;flex-direction:column;gap:1rem;width:100%;margin-top:1rem;padding:0 5% 20px 0;display:flex}section.hero{background:var(--navy);width:100%;height:50vh;box-shadow:var(--dark-navy-rgba) 0px 1px 0px;align-items:center;padding:70px 17.5% 30px;display:flex;position:relative;overflow:hidden}section.hero>.cta{z-index:1;flex-direction:column;gap:15px;width:100%;height:225px;display:flex}.cta>h1{color:var(--lightest-slate);letter-spacing:-.02em;padding:15px;font-family:Montserrat,sans-serif;font-size:4rem}.cta>h2{color:var(--lightest-slate);padding:15px;font-size:1rem}.cta>a.btn{width:max-content;color:var(--white);background:#00000080;border-radius:50px;justify-content:center;padding:.75rem 3rem;font-size:.85rem;font-weight:600;transition:background .2s,transform .2s;display:flex}.cta>a.btn:hover{background:#000000b3;transform:translateY(-2px)}.cta>a.btn:focus-visible{outline:2px solid var(--green);outline-offset:3px}section.hero .hero-image{height:100%;overflow:hidden}section.hero .hero-image img{opacity:.2;mix-blend-mode:luminosity;object-fit:cover;background-position:50%}section.hero:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 2px 4px);position:absolute;inset:0}.z3rsa .container{margin:20px 17.5% 0;position:relative}.tagList__container{scroll-snap-type:x mandatory;gap:15px;width:100%;display:flex;position:relative;overflow:scroll hidden}.container .next-section{background:var(--rgba-button-next);justify-content:center;align-items:center;height:36px;padding-left:50px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.container .previous-section{background:var(--rgba-button-previous);justify-content:center;align-items:center;height:36px;padding-right:50px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.container :is(.next-section,.previous-section) .icon{cursor:pointer}.tagList__container::-webkit-scrollbar{display:none}main#tags .tagList__container{flex-wrap:wrap;display:flex;position:relative}.tagList__container .tagsList{color:var(--dark-navy);white-space:nowrap;border:1px solid var(--slate);border-radius:3px;justify-content:center;align-items:center;width:max-content;padding:.5rem;font-size:.8rem;font-weight:500;transition:all .275s ease-in-out;display:flex}.tagList__container .tagsList:hover{background-color:var(--dark-navy);color:var(--color-white)!important}.tagList__container .tagsList:focus-visible{outline:2px solid var(--green);outline-offset:2px}.search__tags{border:1px solid var(--slate);border-radius:2.5px;padding:.25rem 1rem}.is-sticky{z-index:999;flex-direction:column;max-width:400px;animation:.5s ease-in-out fadeInDown;display:flex;position:fixed;top:10vh;right:14.1vw}footer{background-color:var(--navy);width:100%;color:var(--light-slate);z-index:10;justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex;position:relative}footer .credit span.text__credit{justify-content:center;align-items:center;display:flex}.credit>span{font-size:.9rem;font-weight:600}.credit>span.text__credit>a{color:var(--lightest-slate);padding-left:5px;text-decoration:underline}.credit>span.text__credit>a:hover{color:var(--lightest-navy)}@media only screen and (min-width:601px) and (max-width:1280px){section.hero{height:50vh;padding:70px 0 1rem 5%}section.hero .hero-image{width:100%;position:absolute;left:0}main{grid-template-columns:1fr;padding:0 0 5rem}.blog{min-height:unset;padding:0!important}.z3rsa .container{margin:1rem 5%}.content__container{flex-direction:column;gap:5vh;padding:30px 5% 40px;display:flex}main.special{flex-direction:column;display:flex;padding:75px 5%!important}main.special .special__container{padding:0!important}}@media only screen and (max-width:600px){section.hero{min-height:60svh;padding:125px 0 1rem 5%;display:flex;position:relative}section.hero>.cta{justify-content:center}.cta>h1{font-size:3rem}.cta>h2{margin-bottom:1vh}.cta>a.btn{border-radius:50px;width:50vw;padding:15px}section.hero .hero-image{width:100%;position:absolute;left:0}section.hero .hero-image img{opacity:.1;width:100%;height:100%}main{flex-direction:column;justify-content:space-between;padding:0 1% 2.5rem 0;display:flex}main#dashboard{margin-top:10vh}.content{box-shadow:var(--dark-navy-rgba) 0px 1px 2px 0px, var(--dark-navy-rgba) 0px 1px 3px 1px;border-radius:2.5px;flex-direction:column;margin-bottom:5vh;padding:2rem 20px 1rem;display:flex}.content:before{display:none}.content__container{gap:2.5vh;padding:25px 5% 40px}.button__options{position:relative}.z3rsa .container{margin:1rem 5%}.blog{flex-direction:column;display:flex;padding:0 0!important}.icon{margin-bottom:.2vh}.author{margin-left:1vw}.tanggal{padding-bottom:1rem}main.detail__main div:nth-of-type(2){order:unset!important}.detail__img>img{max-width:90vw}main.special{display:flex;padding:100px 5% 25px!important}main.special .special__container{text-align:justify;padding:25px 10px 10px!important}}
:root{--toc-ease-out:cubic-bezier(.25, 1, .5, 1);--toc-ease-expo:cubic-bezier(.16, 1, .3, 1)}.tox-tinymce{border-radius:unset!important;border:none!important}#shrink{min-height:95px}#expanded{min-height:200px}::-webkit-scrollbar-track{background-color:var(--navy)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-image:radial-gradient(circle,#0a192f,#0b1d3b,#0f2146,#152552,#1e285d,#1e3a75,#184d8c,#0061a4,#008ac5,#00b2d7,#00dadd,#64ffda);border-radius:10px}.swal2-shown>[aria-hidden=true]{filter:blur(5px)}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#d6deeb;background:#011627}.hljs .hljs-keyword{color:#c792ea;font-style:italic}.hljs .hljs-built_in{color:#addb67;font-style:italic}.hljs .hljs-type{color:#82aaff}.hljs .hljs-literal{color:#ff5874}.hljs .hljs-number{color:#f78c6c}.hljs .hljs-regexp{color:#5ca7e4}.hljs .hljs-string{color:#ecc48d}.hljs .hljs-subst{color:#d3423e}.hljs .hljs-symbol{color:#82aaff}.hljs .hljs-class{color:#ffcb8b}.hljs .hljs-function{color:#82aaff}.hljs .hljs-title{color:#dcdcaa;font-style:italic}.hljs .hljs-params{color:#7fdbca}.hljs .hljs-comment{color:#637777;font-style:italic}.hljs .hljs-doctag{color:#7fdbca}.hljs .hljs-meta,.hljs .hljs-meta .hljs-keyword{color:#82aaff}.hljs .hljs-meta .hljs-string{color:#ecc48d}.hljs .hljs-section{color:#82b1ff}.hljs .hljs-attr,.hljs .hljs-name,.hljs .hljs-tag{color:#7fdbca}.hljs .hljs-attribute{color:#80cbc4}.hljs .hljs-variable{color:#addb67}.hljs .hljs-bullet{color:#d9f5dd}.hljs .hljs-code{color:#80cbc4}.hljs .hljs-emphasis{color:#c792ea;font-style:italic}.hljs .hljs-strong{color:#addb67;font-weight:700}.hljs .hljs-formula{color:#c792ea}.hljs .hljs-link{color:#ff869a}.hljs .hljs-quote{color:#697098;font-style:italic}.hljs .hljs-selector-tag{color:#ff6363}.hljs .hljs-selector-id{color:#fad430}.hljs .hljs-selector-class{color:#addb67;font-style:italic}.hljs .hljs-selector-attr,.hljs .hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs .hljs-template-tag{color:#c792ea}.hljs .hljs-template-variable{color:#addb67}.hljs .hljs-addition{color:#addb67;font-style:italic}.hljs .hljs-deletion{color:#ef535090;font-style:italic}*{font-family:var(--font-sans,"Plus Jakarta Sans"), "Poppins", system-ui, -apple-system, sans-serif;box-sizing:border-box;scroll-behavior:smooth;border:0;outline:0;margin:0;padding:0;list-style:none}body,html{background-color:var(--color-white);min-height:100vh;position:relative}#__next{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}a{text-decoration:none}h1,h2,h3{color:var(--dark-navy)}h1{font-size:1.75rem}h2{font-size:1.25rem;font-weight:600}h3{font-size:.85rem}div{display:block}button{cursor:pointer}.header.hidden{transform:translateY(-100%)}.hr-line-navy{background:var(--navy);width:100%;height:1px;margin-bottom:1px}.hr-line{background:#d1d3d4;width:100%;height:1px;margin-bottom:1px}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.postinganShimmer:empty{background-color:#fff;background-image:linear-gradient(#f5f7f9 15px,#0000 0),linear-gradient(#f2f2f2 90%,#0000 0),linear-gradient(#f5f7f9 20%,#0000 0),linear-gradient(#f5f7f9 15px,#0000 0),linear-gradient(#f5f7f9 10px,#0000 0),radial-gradient(17.5px at 17.5px 17.5px,#f5f7f9 99%,#0000 0);background-position:0 130px,right 11px top 10px,0 81px,0 58px,40px 26px,0 15px;background-repeat:repeat-y;background-size:250px 162px,27.5% 162px,65% 162px,65% 162px,35px 162px,35px 162px;border-radius:0 0 0 5px;height:162px;position:relative}.postinganShimmer:empty:before{content:" ";z-index:1000;background-image:linear-gradient(#bdbdbd 15px,#0000 0),linear-gradient(#bdbdbd 90%,#0000 0),linear-gradient(#bdbdbd 20%,#0000 0),linear-gradient(#bdbdbd 15px,#0000 0),linear-gradient(#bdbdbd 10px,#0000 0),radial-gradient(17.5px at 17.5px 17.5px,#bdbdbd 99%,#0000 0);background-position:0 130px,right 11px top 10px,0 81px,0 58px,40px 26px,0 15px;background-repeat:repeat-y;background-size:250px 162px,27.5% 162px,65% 162px,65% 162px,35px 162px,35px 162px;width:100%;height:162px;animation:2s infinite postinganShimmer;position:absolute;-webkit-mask-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);-webkit-mask-position:-20% 0;-webkit-mask-size:50px 162px;-webkit-mask-repeat:repeat-y}@keyframes postinganShimmer{to{-webkit-mask-position:120% 0}}.fade-out{opacity:0;transition:var(--transition);top:-10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ItemOut{0%{padding:0}50%{padding:5px}to{padding:10px}}.overflow-hidden{overflow:hidden!important}.article-highlight{cursor:pointer;background:#64ffda38;border-radius:2px;padding:0 2px;transition:background-color .2s}.article-highlight:hover{background:#64ffda6b}.dark .article-highlight{background:#64ffda26}.dark .article-highlight:hover{background:#64ffda4d}
@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:local("../assets/fonts/poppins-v20-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:local("../assets/fonts/poppins-v20-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:local("../assets/fonts/poppins-v20-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:local("../assets/fonts/poppins-v20-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:800;src:local("../assets/fonts/poppins-v20-latin-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:900;src:local("../assets/fonts/poppins-v20-latin-900.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Press Start 2P";font-style:normal;font-weight:400;src:local("../assets/fonts/press-start-2p-v15-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local("../assets/fonts/montserrat-v25-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local("../assets/fonts/montserrat-v25-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local("../assets/fonts/montserrat-v25-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local("../assets/fonts/montserrat-v25-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("../assets/fonts/roboto-v30-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("../assets/fonts/roboto-v30-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("../assets/fonts/roboto-v30-latin-700.woff2") format("woff2")}
@keyframes sp-fade-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sp-slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes sp-tag-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.sp-animate{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) forwards sp-fade-slide-up}.sp-animate--delay-1{animation-delay:80ms}.sp-animate--delay-2{animation-delay:.16s}.sp-animate--delay-3{animation-delay:.24s}.sp-animate--delay-4{animation-delay:.32s}.sp-animate--delay-5{animation-delay:.4s}.sp-animate--left{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards sp-slide-in-left}.sp-animate--fade{opacity:0;animation:.5s forwards sp-fade-in}.sp-reveal{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(16px)}.sp-reveal.sp-is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.sp-animate,.sp-animate--delay-1,.sp-animate--delay-2,.sp-animate--delay-3,.sp-animate--delay-4,.sp-animate--delay-5,.sp-animate--left,.sp-animate--fade{opacity:1!important;animation:none!important;transform:none!important}.sp-reveal{opacity:1!important;transition:none!important;transform:none!important}}
main.static-page{width:100%;min-width:0;padding:0!important;display:block!important}.static-page__header{background:var(--navy);padding:9rem 1.25rem 2.5rem;position:relative;overflow:hidden}.static-page__header:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 2px 4px);position:absolute;inset:0}.static-page__header-inner{z-index:1;max-width:100%;position:relative}.static-page__header h1{color:var(--lightest-slate);letter-spacing:-.02em;word-break:break-word;margin-bottom:.6rem;font-size:clamp(1.6rem,6vw,3rem);font-weight:700;line-height:1.2}.static-page__header-subtitle{color:var(--slate);max-width:520px;font-size:clamp(.85rem,3.5vw,1rem);line-height:1.6}.static-page__header-accent{background:var(--green);border-radius:2px;width:32px;height:3px;margin-bottom:.875rem;display:inline-block}.static-page__badge{color:var(--slate);border:1px solid var(--lightest-navy);border-radius:100px;align-items:center;gap:.4rem;width:max-content;max-width:100%;margin-top:.875rem;padding:.28rem .7rem;font-size:.72rem;display:inline-flex}.static-page__grid{grid-template:"main""sidebar"/1fr;padding:0 1.25rem 3rem;display:grid}.static-page__main{grid-area:main;min-width:0;padding:1.5rem 0 1rem}.static-page__sidebar{border-top:1px solid var(--white-black-rgba);grid-area:sidebar;margin-top:.5rem;padding:0 0 2rem;display:block}.static-page__container{flex-direction:column;gap:1.75rem;width:100%;display:flex}.static-page__section{flex-direction:column;gap:.625rem;display:flex}.static-page__section h2{color:var(--dark-navy);padding-top:.25rem;font-size:1rem;font-weight:700}.static-page__section h3{color:var(--dark-navy);margin-top:.375rem;font-size:.875rem;font-weight:700}.static-page__section p{color:var(--dark-slate);font-size:.875rem;line-height:1.75}.static-page__section p a,.static-page__section ul li a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.static-page__section p a:hover,.static-page__section ul li a:hover{color:var(--dark-navy)}.static-page__section ul{flex-direction:column;gap:.35rem;padding-left:1.25rem;list-style:outside;display:flex}.static-page__section ul li{color:var(--dark-slate);font-size:.875rem;line-height:1.7}.static-page__divider{background:var(--white-black-rgba);border:none;width:100%;height:1px;margin:.2rem 0}.sp-anchor-target{scroll-margin-top:72px}@media (min-width:768px){.static-page__header{padding:5rem 5% 3rem}.static-page__header-accent{width:36px}.static-page__grid{padding:0 5% 4rem}.static-page__main{padding:2rem 0 1.5rem}.static-page__container{gap:2rem}.static-page__section h2{font-size:1.05rem}.static-page__section p,.static-page__section ul li{font-size:.9rem}}@media (min-width:1024px){.static-page__header{padding:5rem 17.5% 3rem}.static-page__header-accent{width:40px}.static-page__grid{grid-template-columns:70% 30%;grid-template-areas:"main sidebar";padding:0 17.5% 5rem}.static-page__main{padding:2.5rem 5% 2rem 0}.static-page__sidebar{border-top:none;margin-top:0;padding:2.5rem 0 2rem 2rem;display:block}.static-page__container{gap:2rem}.static-page__section h2{font-size:1.1rem}.static-page__section p,.static-page__section ul li{font-size:.9rem}}@media (min-width:1440px){.static-page__header{padding:5rem 17.5% 3rem}}
.sp-toc{border-left:2px solid var(--green);margin-bottom:2rem;padding:0 0 0 1.25rem;position:relative}.sp-toc__header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.sp-toc__title{text-transform:uppercase;letter-spacing:.12em;color:var(--dark-slate);margin:0;font-size:.7rem;font-weight:700;line-height:1}.sp-toc__header:after{content:"";background:var(--white-black-rgba);flex:1;height:1px}.sp-toc__list{counter-reset:toc-counter;flex-direction:column;gap:0;display:flex;padding:0!important;list-style:none!important}.sp-toc__list li{counter-increment:toc-counter}.sp-toc__list li a{color:var(--dark-slate);border-radius:4px;align-items:center;gap:.55rem;padding:.32rem .5rem .32rem 0;font-size:.82rem;text-decoration:none;transition:color .2s,background .2s;display:flex;position:relative}.sp-toc__list li a:before{content:counter(toc-counter, decimal-leading-zero);font-variant-numeric:tabular-nums;color:var(--slate);opacity:.5;letter-spacing:.02em;flex-shrink:0;min-width:1.6rem;font-size:.68rem;font-weight:700;transition:color .2s,opacity .2s}.sp-toc__list li a:hover{color:var(--dark-navy);background:var(--dark-navy-rgba);padding-left:.4rem}.dark .sp-toc__list li a:hover{color:var(--dark-navy);background:#ffffff12}.sp-toc__list li a:hover:before{color:var(--green);opacity:1}.sp-toc__list li a:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sp-toc__list li+li{border-top:1px solid var(--white-black-rgba)}.sp-faq{flex-direction:column;gap:.5rem;display:flex}.sp-faq__item{border:1px solid var(--white-black-rgba);border-radius:6px;overflow:hidden}.sp-faq__trigger{cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:background .2s;display:flex}.sp-faq__trigger:hover{background:var(--dark-navy-rgba)}.dark .sp-faq__trigger:hover,.dark .sp-faq__item[data-open=true] .sp-faq__trigger,.dark .sp-faq__item[data-open=true] .sp-faq__trigger:hover{background:#ffffff0f}.sp-faq__item[data-open=true] .sp-faq__trigger{background:var(--dark-navy-rgba);border-bottom:1px solid var(--white-black-rgba)}.sp-faq__trigger:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.sp-faq__question{color:var(--dark-navy);font-size:.9rem;font-weight:600;line-height:1.5}.sp-faq__icon{width:20px;height:20px;color:var(--slate);flex-shrink:0;transition:transform .28s cubic-bezier(.22,1,.36,1)}.sp-faq__item[data-open=true] .sp-faq__icon{transform:rotate(180deg)}.sp-faq__body{grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);display:grid}.sp-faq__item[data-open=true] .sp-faq__body{grid-template-rows:1fr}.sp-faq__body-inner{overflow:hidden}.sp-faq__answer{color:var(--dark-slate);padding:0 1.25rem 1rem;font-size:.88rem;line-height:1.75}.sp-faq__answer a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.sp-notice{background:#64ffda12;border:1px solid #64ffda40;border-radius:6px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.sp-notice__icon{color:var(--green);flex-shrink:0;width:18px;height:18px;margin-top:1px}.sp-notice p{margin:0;color:var(--dark-slate)!important;font-size:.85rem!important;line-height:1.65!important}.sp-notice a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.sp-last-updated{color:var(--dark-slate);border:1px solid var(--white-black-rgba);border-radius:100px;align-items:center;gap:.4rem;width:max-content;margin-bottom:.5rem;padding:.3rem .8rem;font-size:.78rem;display:inline-flex}.sp-last-updated svg{flex-shrink:0;width:12px;height:12px}.sp-quickstart__card{border:1px solid var(--white-black-rgba);border-radius:8px;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.25rem 1rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.sp-quickstart__card:hover{border-color:var(--green);box-shadow:0 4px 16px var(--dark-navy-rgba);transform:translateY(-2px)}.sp-quickstart__card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sp-quickstart__icon{width:36px;height:36px;color:var(--green);background:#64ffda1a;border-radius:8px;justify-content:center;align-items:center;display:flex}.sp-quickstart__icon svg{width:18px;height:18px}.sp-quickstart__label{color:var(--dark-navy);font-size:.85rem;font-weight:600;line-height:1.4}.sp-quickstart__desc{color:var(--dark-slate);font-size:.78rem;line-height:1.5}.sp-contact__card{border:1px solid var(--white-black-rgba);border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.sp-contact__card:hover{border-color:var(--green);transform:translateY(-1px)}.sp-contact__card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sp-contact__icon{width:36px;height:36px;color:var(--green);background:#64ffda1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-contact__icon svg{width:18px;height:18px}.sp-contact__info strong{color:var(--dark-navy);font-size:.82rem;font-weight:600;display:block}.sp-contact__info span{color:var(--dark-slate);font-size:.78rem}.sp-creator{border:1px solid var(--white-black-rgba);background:var(--color-white);border-radius:10px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.dark .sp-creator{background:var(--lightest-navy)}.sp-creator__avatar{object-fit:cover;border:2px solid var(--green);border-radius:50%;flex-shrink:0;width:72px;height:72px}.sp-creator__body{flex-direction:column;gap:.5rem;display:flex}.sp-creator__name{color:var(--dark-navy);font-size:1rem;font-weight:700}.sp-creator__role{color:var(--dark-slate);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.sp-creator__bio{color:var(--dark-slate);font-size:.88rem;line-height:1.7}.sp-creator__social{gap:.75rem;margin-top:.25rem;display:flex}.sp-creator__social a{border:1px solid var(--white-black-rgba);width:32px;height:32px;color:var(--slate);border-radius:6px;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.sp-creator__social a:hover{color:var(--dark-navy);border-color:var(--dark-navy)}.sp-creator__social a:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sp-creator__social svg{width:15px;height:15px}.sp-tags-strip{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.sp-tags-strip__track{gap:.6rem;width:max-content;animation:20s linear infinite sp-tag-drift;display:flex}.sp-tags-strip__track:hover{animation-play-state:paused}.sp-tag-pill{color:var(--dark-slate);border:1px solid var(--white-black-rgba);white-space:nowrap;background:var(--color-white);border-radius:100px;flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:500;display:inline-flex}.dark .sp-tag-pill{background:var(--lightest-navy)}.sp-link-row{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.sp-link-row a{color:var(--color-primary);text-underline-offset:3px;align-items:center;gap:.3rem;font-size:.82rem;font-weight:500;text-decoration:underline;transition:color .2s;display:inline-flex}.sp-link-row a:hover{color:var(--dark-navy)}.sp-link-row a:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:2px}.static-page__sidebar aside{box-sizing:border-box;min-width:0;overflow:hidden;width:100%!important;max-width:100%!important;top:unset!important;flex-grow:0!important;flex-basis:auto!important;padding:1rem 0!important;position:relative!important}.static-page__sidebar [class*=category]{flex-wrap:wrap!important;gap:.4rem .5rem!important;line-height:normal!important;display:flex!important}.static-page__sidebar [class*=link__category]{margin:0!important}@media (min-width:1024px){.static-page__sidebar aside{padding:0!important;position:sticky!important;top:5rem!important}}.sp-quickstart{grid-template-columns:1fr;gap:.75rem;margin:.5rem 0;display:grid}.sp-quickstart__card{min-width:0}.sp-contact{grid-template-columns:1fr;gap:.75rem;display:grid}.sp-contact__card{min-width:0}.sp-creator{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.125rem}.sp-creator__avatar{width:56px;height:56px}.sp-toc{margin-bottom:1.5rem;padding-left:1rem}.sp-toc__list li a{padding:.28rem .4rem .28rem 0;font-size:.8rem}.sp-tags-strip__track{animation-duration:14s}.sp-faq__trigger{padding:.875rem 1rem}.sp-faq__answer{padding:0 1rem .875rem}.sp-notice{gap:.6rem;padding:.875rem 1rem}@media (min-width:640px){.sp-quickstart,.sp-contact{grid-template-columns:repeat(2,1fr);gap:1rem}.sp-creator{flex-direction:row;align-items:flex-start;gap:1.25rem;padding:1.5rem}.sp-creator__avatar{width:64px;height:64px}.sp-toc{margin-bottom:2rem;padding-left:1.25rem}.sp-toc__list li a{padding:.3rem .5rem .3rem 0;font-size:.82rem}.sp-faq__trigger{padding:1rem 1.25rem}.sp-faq__answer{padding:0 1.25rem 1rem}}@media (min-width:1024px){.sp-quickstart{grid-template-columns:repeat(3,1fr);gap:1rem}.sp-creator{gap:1.5rem;padding:1.5rem}.sp-creator__avatar{width:72px;height:72px}.sp-tags-strip__track{animation-duration:20s}}@media (prefers-reduced-motion:reduce){.sp-tags-strip__track{animation:none}.sp-faq__body,.sp-faq__icon,.sp-quickstart__card,.sp-contact__card{transition:none!important}}
