.article-page{background:#dad4e4}.article-hero{background:linear-gradient(135deg,#e6dff0,#d8d5e8);border-bottom:1px solid #c9c1d4;padding:64px 0 58px;position:relative;overflow:hidden}.article-hero-glow{background:radial-gradient(circle,#6952ee2e,#0000 68%);border-radius:50%;width:700px;height:700px;position:absolute;top:-350px;right:-170px}.article-hero-inner{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px;display:grid;position:relative}.article-back{color:#766d81;align-items:center;gap:7px;margin-bottom:28px;font-size:9px;font-weight:700;display:inline-flex}.article-back:hover{color:#6952ee}.article-badge,.article-section{letter-spacing:.08em;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:6px;font-weight:850;display:inline-flex}.article-badge{color:#fff;background:#6952ee}.article-section{color:#756c80;background:#ffffff59;border:1px solid #c7bfd1;margin-left:6px}.article-hero h1{color:#1d1827;letter-spacing:-.06em;max-width:760px;margin:19px 0 14px;font-size:clamp(48px,6.5vw,74px);line-height:.96}.article-hero p{color:#71687d;max-width:680px;margin:0;font-size:13px;line-height:1.75}.article-meta{background:#f7f3fa94;border:1px solid #c5bdcf;border-radius:13px;align-items:center;gap:18px;padding:15px 18px;display:flex}.article-meta>span{background:#c8c0d2;width:1px;height:30px}.article-meta small{color:#948b9f;font-size:6px;display:block}.article-meta strong{color:#282231;margin-top:3px;font-size:9px;display:block}.article-body{background:linear-gradient(#d9d3e3,#e1dbe8);padding:42px 0 95px}.article-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:28px;display:grid}.article-content{color:#292331;min-width:0}.article-section-block{background:#f5f1f9c9;border:1px solid #c7bfd1;border-radius:17px;margin-bottom:24px;padding:26px;scroll-margin-top:105px;box-shadow:0 8px 22px #2d223d0a}.article-section-block>.section-number{color:#6952ee;background:#e3dcfb;border-radius:9px;place-items:center;width:31px;height:31px;margin-bottom:15px;font-size:7px;font-weight:850;display:inline-grid}.article-section-block h2{color:#211b2b;letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(24px,3vw,34px);line-height:1.05}.article-section-block h3{color:#282130;letter-spacing:-.025em;margin:22px 0 8px;font-size:16px}.article-section-block p{color:#706778;margin:10px 0;font-size:11px;line-height:1.75}.article-section-block strong{color:#292230}.guide-steps{gap:9px;margin-top:18px;display:grid}.guide-step{background:#ffffff6e;border:1px solid #d0c8d9;border-radius:11px;grid-template-columns:auto 1fr;gap:12px;padding:14px;display:grid}.guide-step-number{color:#fff;background:#6952ee;border-radius:9px;place-items:center;width:32px;height:32px;font-size:7px;font-weight:850;display:grid;box-shadow:0 8px 18px #6952ee2e}.guide-step strong{font-size:10px;display:block}.guide-step p{margin:4px 0 0;font-size:9px;line-height:1.6}.guide-callout{border-radius:11px;grid-template-columns:auto 1fr;gap:10px;margin-top:16px;padding:13px;display:grid}.guide-callout>span{border-radius:8px;place-items:center;width:29px;height:29px;font-size:9px;font-weight:850;display:grid}.guide-callout strong{font-size:9px;display:block}.guide-callout p{margin:3px 0 0;font-size:8px;line-height:1.55}.guide-callout.tip{background:#e9e3fb;border:1px solid #c9bff5}.guide-callout.tip>span{color:#fff;background:#6952ee}.guide-callout.info{background:#e3ebf5;border:1px solid #bfd2e8}.guide-callout.info>span{color:#fff;background:#557fdc}.guide-callout.warning{background:#f2e7d5;border:1px solid #e1cba9}.guide-callout.warning>span{color:#fff;background:#c6823f}.guide-example{background:#e5dfed;border:1px solid #c8c0d2;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:17px;padding:17px;display:grid}.guide-example small{color:#948a9f;letter-spacing:.08em;margin-bottom:5px;font-size:6px;font-weight:850;display:block}.guide-example strong{font-size:11px}.guide-example>span{color:#6952ee;font-size:15px}.shortcut-display{flex-wrap:wrap;align-items:center;gap:6px;margin-top:15px;display:flex}.shortcut-display kbd{color:#292231;background:#f0ebf5;border:1px solid #bdb4c9;border-radius:8px;place-items:center;min-width:47px;height:34px;padding:0 8px;font-size:8px;font-weight:750;display:inline-grid;box-shadow:0 2px #bbb1c7}.shortcut-display>span{color:#887e93;font-size:8px}.guide-checklist{gap:7px;margin-top:15px;display:grid}.guide-checklist>div{background:#ffffff59;border:1px solid #d0c8d9;border-radius:9px;grid-template-columns:auto 1fr;align-items:start;gap:9px;padding:10px 12px;display:grid}.guide-checklist>div>span{color:#3b9b72;background:#dcece4;border-radius:6px;place-items:center;width:20px;height:20px;font-size:7px;font-weight:850;display:grid}.guide-checklist strong{font-size:9px}.guide-checklist p{margin:2px 0 0;font-size:8px}.trouble-list{gap:8px;margin-top:16px;display:grid}.trouble-item{background:#ffffff6b;border:1px solid #ccc4d5;border-radius:11px;overflow:hidden}.trouble-item summary{cursor:pointer;color:#2b2432;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px;padding:0 13px;font-size:9px;font-weight:750;list-style:none;display:grid}.trouble-item summary::-webkit-details-marker{display:none}.trouble-item summary>span:first-child{color:#c6823f;background:#f1e4d3;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.trouble-item summary>span:last-child{color:#958b9f}.trouble-item[open] summary>span:last-child{transform:rotate(45deg)}.trouble-body{padding:0 14px 14px 51px}.trouble-body p{margin:0}.next-guide{color:#fff;background:#17131f;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:28px;padding:23px;display:grid}.next-guide small{color:#827b8d;letter-spacing:.08em;font-size:6px;display:block}.next-guide strong{color:#f4f0f8;margin-top:4px;font-size:17px;display:block}.next-guide p{color:#8d8697;margin:5px 0 0;font-size:8px}.next-guide>a{color:#fff;background:#6952ee;border-radius:11px;place-items:center;width:42px;height:42px;font-size:14px;display:grid}.article-progress{z-index:999;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0}.article-progress span{background:linear-gradient(90deg,#6952ee,#557fdc);width:0;height:100%;display:block}.article-top{z-index:90;opacity:0;pointer-events:none;color:#fff;cursor:pointer;background:#17131f;border:0;border-radius:11px;place-items:center;width:41px;height:41px;transition:opacity .16s,transform .16s,background .16s;display:grid;position:fixed;bottom:20px;right:20px;transform:translateY(10px)}.article-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.article-top:hover{background:#6952ee}@media (width<=1000px){.article-layout,.article-hero-inner{grid-template-columns:1fr}.article-meta{width:fit-content}}@media (width<=650px){.article-section-block{padding:20px}.guide-example{grid-template-columns:1fr}.guide-example>span{justify-self:center;transform:rotate(90deg)}}