.guides-reference{--guides-container:100%;--guides-gutter:1rem}@media (min-width:640px){.guides-reference{--guides-container:40rem;--guides-gutter:1.5rem}}@media (min-width:768px){.guides-reference{--guides-container:48rem}}@media (min-width:1024px){.guides-reference{--guides-container:64rem;--guides-gutter:2rem}}@media (min-width:1280px){.guides-reference{--guides-container:80rem}}@media (min-width:1536px){.guides-reference{--guides-container:96rem}}.guides-reference>.guides-hero{background:linear-gradient(110deg,#f9fbff,#f0f5ff);border-color:#e5edf8;min-height:280px;padding:52px 0;position:relative}.guides-reference .guides-hero-content{width:100%;max-width:var(--guides-container);padding-inline:var(--guides-gutter);text-align:left}.guides-reference .guides-hero-content>[data-slot=badge]{box-shadow:none;background:#e9f1ff;border:0;margin-bottom:12px}.guides-reference .guides-hero h1{letter-spacing:-.035em;max-width:720px;margin-bottom:14px;font-size:clamp(2.7rem,4vw,4rem)}.guides-reference .guides-hero p{max-width:min(60%,690px);font-size:1.05rem;line-height:1.55}.guides-reference .guides-hero-art{top:50%;right:max(calc((100% - var(--guides-container)) / 2 + 50px), 5%);width:240px;height:170px;position:absolute;transform:translateY(-50%)}.guides-reference .guides-hero-art:before{content:"";background:#e0ecfe;border-radius:48% 52% 44% 56%;position:absolute;inset:3px 5px}.guides-reference .guides-hero-art>div{background:#fff;border:1px solid #e6eef9;border-radius:16px;align-items:flex-start;gap:28px;padding:30px;display:flex;position:absolute;inset:15px 20px;transform:rotate(4deg);box-shadow:0 6px 15px #244d8010}.guides-reference .guides-hero-art svg{color:#1264ff;stroke-width:1.5px;flex:none;width:30px;height:30px}.guides-reference .guides-hero-art span{flex:1;padding-top:5px}.guides-reference .guides-hero-art i{background:#e1eaf6;border-radius:8px;height:7px;margin-bottom:10px;display:block}.guides-reference .guides-hero-art i:last-child{width:65%}.guides-reference>.guides-list{width:100%;max-width:var(--guides-container);padding-inline:var(--guides-gutter);margin-bottom:0;padding-top:50px;padding-bottom:70px}.guides-reference .guides-list-heading{margin-bottom:26px}.guides-reference .guides-list-heading h2{color:#17243b;letter-spacing:-.025em;font-size:1.6rem;font-weight:800;line-height:1.2}.guides-reference .guides-list-heading p{color:#5d7190;margin-top:6px;font-size:.9rem}.guides-reference .guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guides-reference .guides-card{border-radius:14px}.guides-reference .guides-card>div{box-shadow:none;background:#fff;border-color:#e0e8f2;border-radius:14px}.guides-reference .guides-card>div>div{padding:24px}.guides-reference .guides-card-meta{flex-wrap:wrap;gap:10px;margin-bottom:16px}.guides-reference .guides-card-icon{color:#1264ff;background:#eef4ff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.guides-reference .guides-card-icon svg{width:18px;height:18px}.guides-reference .guides-card-meta [data-slot=badge]{border-radius:5px;padding:4px 8px;font-size:.7rem}.guides-reference .guides-card h2{margin-bottom:10px;font-size:1.15rem;line-height:1.3}.guides-reference .guides-card p{margin-bottom:20px;font-size:.875rem;line-height:1.5}.guides-reference .guides-card>div>div>div:last-child{padding-top:14px}.guides-reference .guides-card>div>div>div:last-child>div{width:30px;height:30px}@media (max-width:1023px){.guides-reference .guides-hero-art{opacity:.8;width:200px;right:4%}.guides-reference .guides-hero p,.guides-reference .guides-hero h1{max-width:65%}}@media (max-width:767px){.guides-reference>.guides-hero{min-height:0;padding:38px 0}.guides-reference .guides-hero-art{display:none}.guides-reference .guides-hero p,.guides-reference .guides-hero h1{max-width:none}.guides-reference>.guides-list{padding-top:34px;padding-bottom:48px}.guides-reference .guides-grid{grid-template-columns:1fr;gap:14px}.guides-reference .guides-card>div>div{padding:20px}}@media (prefers-reduced-motion:reduce){.guides-reference .guides-card,.guides-reference .guides-card *{transition:none;animation:none}}