.cy-site-guide-wrap{width:min(1060px,100%);margin:0 auto;padding:26px 20px 52px;box-sizing:border-box}
.cy-site-guide{--cy-guide-ink:#172640;--cy-guide-muted:#69768a;--cy-guide-card:#fff;--cy-guide-line:#e3e9f2;--cy-guide-tint:#f0f4fa;color:var(--cy-guide-ink);font-family:inherit;text-align:right}
.cy-site-guide *{box-sizing:border-box}.cy-site-guide svg{width:24px;height:24px;flex-shrink:0}.cy-site-guide a{text-decoration:none;color:inherit}.cy-guide-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--cy-guide-muted);margin-bottom:16px}.cy-guide-breadcrumb a:hover{color:#ae7717}
.cy-guide-hero{position:relative;display:flex;align-items:center;gap:22px;overflow:hidden;padding:34px;border-radius:26px;background:radial-gradient(ellipse at 5% 5%,#365778 0,transparent 55%),linear-gradient(130deg,#142039,#22374f);color:#fff;box-shadow:0 12px 30px #18284414}.cy-guide-hero:after{content:"";position:absolute;inset-inline-end:-42px;bottom:-90px;width:230px;height:230px;border:1px solid #ffffff14;border-radius:50%;pointer-events:none}.cy-guide-hero-icon{display:grid;place-items:center;width:70px;height:70px;border:1px solid #f4c66f55;border-radius:20px;background:#edb74c12;color:#f6cc80;flex-shrink:0}.cy-guide-hero-icon svg{width:36px;height:36px}.cy-guide-kicker{font-size:12px;color:#f1cc89}.cy-site-guide .cy-guide-hero h1{color:inherit;font-size:29px;line-height:1.6;margin:3px 0 7px;font-weight:800}.cy-site-guide .cy-guide-hero p{font-size:14px;line-height:2;margin:0;color:#d3deeb;max-width:640px}.cy-guide-count{white-space:nowrap;margin-inline-start:auto;background:#ffffff0d;border:1px solid #ffffff25;border-radius:30px;padding:8px 14px;color:#edcf99;font-size:12px}
.cy-guide-topics{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px}.cy-guide-topics a{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--cy-guide-line);background:var(--cy-guide-card);border-radius:12px;font-size:12px;transition:border-color .15s,background .15s}.cy-guide-topics svg{width:17px;height:17px;color:#ad7b28}.cy-guide-topics a:hover{border-color:#d4ad63;background:var(--cy-guide-tint)}
.cy-guide-sections{display:flex;flex-direction:column;gap:28px}.cy-guide-section{scroll-margin-top:100px}.cy-guide-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:0 3px}.cy-guide-section-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--cy-guide-tint);color:#a77626}.cy-guide-section-icon svg{width:21px;height:21px}.cy-site-guide .cy-guide-section h2{font-size:17px;font-weight:800;line-height:1.8;margin:0;color:var(--cy-guide-ink)}.cy-guide-section-count{font-size:11px;color:var(--cy-guide-muted);margin-inline-start:auto;white-space:nowrap}.cy-site-guide .cy-guide-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.cy-guide-card{display:flex;gap:17px;align-items:center;padding:20px 22px;border:1px solid var(--cy-guide-line);border-radius:17px;background:var(--cy-guide-card);box-shadow:0 3px 12px #1a2c4210;transition:box-shadow .18s,border-color .18s,transform .18s}.cy-guide-card:hover{border-color:#d9b568;box-shadow:0 7px 20px #1a2c4216;transform:translateY(-2px)}.cy-guide-card:focus-visible,.cy-guide-topics a:focus-visible{outline:3px solid #d9a340;outline-offset:4px}.cy-guide-card-number{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:var(--cy-guide-tint);font-size:17px;font-weight:800;color:#a47427;font-variant-numeric:tabular-nums}.cy-guide-card-copy{flex:1;min-width:0}.cy-site-guide .cy-guide-card h3{margin:0;font-size:16px;line-height:1.9;font-weight:700;color:var(--cy-guide-ink)}.cy-site-guide .cy-guide-card p{color:var(--cy-guide-muted);font-size:12px;line-height:1.95;margin:6px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cy-guide-card-open{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:11px;font-weight:700;color:#9a6b20}.cy-guide-card-open svg{width:20px;height:20px}.cy-guide-empty{text-align:center;padding:48px 18px;color:var(--cy-guide-muted)}.cy-guide-empty>svg{width:42px;height:42px;color:#b88731}.cy-guide-empty h2{font-size:18px;color:var(--cy-guide-ink)}
.cy-site-guide--mobile{--cy-guide-ink:#edf3fc;--cy-guide-muted:#a7b7cf;--cy-guide-card:#17263d;--cy-guide-line:#2b3b52;--cy-guide-tint:#22344e;padding:5px 0 25px}.cy-site-guide--mobile .cy-guide-hero{padding:22px 18px;border:1px solid #344763;gap:13px;flex-wrap:wrap;border-radius:20px}.cy-site-guide--mobile .cy-guide-hero h1{font-size:22px}.cy-site-guide--mobile .cy-guide-hero p{font-size:12px}.cy-site-guide--mobile .cy-guide-hero-icon{width:50px;height:50px;border-radius:15px}.cy-site-guide--mobile .cy-guide-hero-icon svg{width:28px;height:28px}.cy-site-guide--mobile .cy-guide-hero>div{flex:1;min-width:180px}.cy-site-guide--mobile .cy-guide-count{margin-inline-start:63px;padding:5px 11px}.cy-site-guide--mobile .cy-guide-card-number,.cy-site-guide--mobile .cy-guide-card-open,.cy-site-guide--mobile .cy-guide-section-icon,.cy-site-guide--mobile .cy-guide-topics svg{color:#eac07c}.cy-site-guide--mobile .cy-guide-topics{margin:16px 0 25px}.cy-site-guide--mobile .cy-guide-topics a{font-size:11px;padding:8px 10px}.cy-site-guide--mobile .cy-guide-card{box-shadow:none}.cy-site-guide--mobile .cy-guide-section{scroll-margin-top:85px}
@media(max-width:700px){.cy-site-guide-wrap{padding:18px 14px 34px}.cy-guide-hero{padding:23px 20px;gap:14px;flex-wrap:wrap}.cy-site-guide .cy-guide-hero h1{font-size:23px}.cy-guide-hero-icon{width:52px;height:52px}.cy-guide-count{margin-inline-start:66px}.cy-guide-hero>div{flex:1;min-width:170px}.cy-guide-card{padding:16px 13px;gap:12px;border-radius:15px}.cy-guide-card-number{width:35px;height:35px;border-radius:10px;font-size:14px}.cy-site-guide .cy-guide-card h3{font-size:14px}.cy-site-guide .cy-guide-card p{font-size:11px}.cy-guide-card-open>span{display:none}.cy-guide-card-open{align-self:center}.cy-site-guide .cy-guide-section h2{font-size:15px}.cy-guide-topics{margin:18px 0 24px}.cy-guide-topics a{font-size:11px;padding:8px 10px}.cy-guide-section-heading{gap:8px}.cy-guide-section-count{font-size:10px}.cy-guide-sections{gap:24px}}
@media(prefers-reduced-motion:reduce){.cy-guide-card,.cy-guide-topics a{transition:none}.cy-guide-card:hover{transform:none}}