body{background:#070d22 url('/assets/cosmic-nebula.webp') center top/cover fixed;color:#eee9fa;--gold:#8b50b7;--line:#d9cbe8;--ink:#342346}.article-header{background:#080e24df;backdrop-filter:blur(20px);box-shadow:0 8px 35px #0004}.article-header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ffbf59,#aa75ff,#5adbd2,transparent)}.breadcrumbs{color:#c4bbdb}.breadcrumbs a{color:#ffda94}.article-title{position:relative;padding:52px 0 40px}.article-title:before{content:'✦';position:absolute;right:0;top:24px;font-size:36px;color:#ffe1a4;text-shadow:0 0 22px #ffac57;animation:guide-star 5s ease-in-out infinite}.article-title h1,.guide-hub h1{font-weight:800;color:#fff4df;text-shadow:0 4px 30px #0006;line-height:1.45}.article-title>p:not(.eyebrow),.hub-description{color:#d0c9e4;font-size:16px;line-height:1.9}.article-title .eyebrow,.guide-hub>.eyebrow{color:#ebc58c;font-size:12px}.article-meta{color:#bfb5d6;font-size:13px}.article-meta a{color:#ffd08d}.article-toc{background:#171f3eea;border:1px solid #ba92e65c;border-radius:16px;box-shadow:0 12px 35px #0002}.article-toc strong{color:#ffda97}.article-toc ol{color:#e3d8f5;font-size:14px}.article-toc a:hover{color:#ffe4aa}.article-wrap>.article-body,.guide-hub>.article-body{background:linear-gradient(140deg,#fffcfff7,#f3effcf7);padding:32px 38px 45px;margin-top:30px;margin-bottom:50px;border:1px solid #e1d3f5;border-radius:22px;box-shadow:0 25px 70px #02051680,0 0 35px #945bea12;color:#30273e}.article-body h2{color:#49305e;font-weight:800}.article-body p,.article-body li,.glossary{color:#564d65;font-size:16px;line-height:1.95}.article-body strong{color:#352642;font-weight:700}.article-body p a,.article-body li a,.article-related a{color:#8642a8;font-size:inherit}.article-body figure{margin-inline:0}.article-body figure img{border-radius:12px}.article-body section{border-top:1px solid #d9cce855;margin-top:28px;padding-top:28px}.article-body section:first-child{border-top:0;margin-top:0;padding-top:0}.article-body .article-callout{background:#eae2f8;border-color:#d6b8ec;border-left:3px solid #ad68d0;border-radius:10px}.article-body .glossary{background:#eee7f8;border-color:#a771c3;border-radius:10px}.article-body .glossary dt{color:#513365}.article-body table{min-width:560px}thead{background:#e7ddf3}.article-body th{color:#603777}.article-body td{color:#584c66}.article-body .guide-video-link{background:#f2ecfb;border-radius:12px;border-color:#cfc0e5;color:#613979}.article-body .guide-video-link small{color:#786389}.article-body .button.gold{color:#fff;background:linear-gradient(115deg,#6c429c,#9b5bb0);box-shadow:0 6px 22px #8749ad25}.article-body .button.gold:hover{box-shadow:0 8px 26px #864caf44}.article-related a{border-color:#ded2e9}.guide-hub{position:relative;padding-top:65px}.guide-hub h1 em{color:#ffcf83}.guide-card{position:relative;overflow:hidden;border:1px solid #c79eee65;border-radius:18px;background:linear-gradient(145deg,#202844ec,#1b1738ed);box-shadow:0 15px 35px #0003;padding:30px}.guide-card:before{content:'';position:absolute;left:20px;right:20px;top:0;height:3px;background:linear-gradient(90deg,#ffc66b,#b184ff,#64dacc);box-shadow:0 0 15px #a982ff80}.guide-card:hover{background:linear-gradient(145deg,#2d3655,#35214e);transform:translateY(-5px);box-shadow:0 14px 40px #0004,0 0 20px #a278ed30}.guide-card>span{color:#debaf8;font-size:11px}.guide-card h2{color:#fff0dc;font-weight:700}.guide-card p{color:#c7bddb;font-size:15px}.guide-card b{color:#ffd393;font-size:14px}.guide-footer{color:#d4c3e6;border-color:#bcb0d34d;padding-bottom:35px}.guide-footer p{color:#bfb3d1;font-size:12px}.guide-footer a{color:#ffd79f;font-size:14px}.guide-home-brand:focus-visible{outline:2px solid #ffc36c}.table-scroll{max-width:100%}@keyframes guide-star{50%{opacity:.45;transform:scale(.88)}}@media(max-width:600px){body{background-attachment:scroll;background-size:auto 1400px}.article-wrap>.article-body,.guide-hub>.article-body{padding:24px 20px;border-radius:16px;margin-top:22px}.article-title{padding-top:38px}.article-title:before{font-size:22px;top:10px}.article-title h1,.guide-hub h1{font-size:29px}.article-title>p:not(.eyebrow),.hub-description{font-size:15px}.article-body h2{font-size:23px}.guide-card{padding:25px}.guide-card h2{font-size:22px}.guide-hub{padding-top:42px}.article-body .button{max-width:100%;white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){.article-title:before{animation:none}.guide-card{transition:none}}