:root{--guide-ink:#202422;--guide-muted:#5f6863;--guide-line:#dce1dd;--guide-paper:#f7f4ed;--guide-green:#087f6c;--guide-lime:#dbe956;--guide-mint:#c6eee0}.product-guide-site{color:var(--guide-ink);background:#fff}.product-guide-site main{overflow:clip}.guide-breadcrumb{padding-top:28px;padding-bottom:18px}.guide-breadcrumb ol{display:flex;gap:.55rem;margin:0;padding:0;list-style:none;color:#747e78;font-size:.76rem}.guide-breadcrumb a{color:inherit;text-decoration:none}.guide-hero{position:relative;padding:clamp(4rem,7vw,7rem) 0 clamp(4.5rem,8vw,8rem);background:var(--guide-paper)}.guide-hero:after{position:absolute;width:min(720px,70vw);aspect-ratio:1;right:-18%;top:-50%;border-radius:50%;background:radial-gradient(circle,rgba(198,238,224,.9),rgba(219,233,86,.22) 42%,transparent 68%);content:""}.guide-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,7vw,7rem);align-items:end}.guide-hero h1{max-width:920px;margin:.65rem 0 1.25rem;font-size:clamp(3.4rem,7vw,7.2rem);line-height:.93;letter-spacing:-.075em}.guide-hero-copy>p:not(.v2-eyebrow){max-width:720px;margin:0;color:var(--guide-muted);font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.7}.guide-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.8rem}.guide-meta span{padding:.5rem .68rem;border:1px solid rgba(32,36,34,.15);border-radius:999px;background:#ffffff8c;color:#4f5953;font-size:.7rem;font-weight:680}.guide-outcome{padding:26px;border:1px solid rgba(32,36,34,.15);border-radius:20px;background:#ffffffb8;box-shadow:0 24px 65px #2024221c}.guide-outcome small{color:var(--guide-green);font-size:.59rem;font-weight:780;letter-spacing:.12em}.guide-outcome strong{display:block;margin:1.2rem 0 .7rem;font-size:1.4rem;letter-spacing:-.035em}.guide-outcome p{margin:0;color:var(--guide-muted);font-size:.86rem;line-height:1.65}.guide-outcome ul{margin:1.4rem 0 0;padding:0;list-style:none}.guide-outcome li{padding:.75rem 0;border-top:1px solid #dfe3e0;color:#46504a;font-size:.76rem}.guide-outcome li:before{margin-right:.55rem;color:var(--guide-green);content:"✓"}.guide-layout{display:grid;grid-template-columns:250px minmax(0,760px) minmax(220px,1fr);gap:clamp(2rem,5vw,5rem);padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(6rem,10vw,10rem)}.guide-toc{position:sticky;top:120px;align-self:start;display:grid;gap:.2rem;padding-right:20px;border-right:1px solid var(--guide-line)}.guide-toc strong{margin-bottom:.75rem;color:#747d78;font-size:.62rem;letter-spacing:.11em;text-transform:uppercase}.guide-toc a{padding:.55rem .65rem;border-radius:7px;color:#65706a;font-size:.76rem;font-weight:600;text-decoration:none}.guide-toc a:hover,.guide-toc a.is-active{background:#edf3ef;color:var(--guide-green)}.guide-article{min-width:0}.guide-intro{margin:0 0 4rem;color:#4f5953;font-size:1.12rem;line-height:1.78}.guide-step{scroll-margin-top:120px;padding:0 0 4.5rem}.guide-step+.guide-step{padding-top:4.5rem;border-top:1px solid var(--guide-line)}.guide-step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--guide-lime);color:var(--guide-ink);font-size:.7rem;font-weight:800}.guide-step h2{margin:1.25rem 0 1rem;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.02;letter-spacing:-.055em}.guide-step>p{color:var(--guide-muted);line-height:1.78}.guide-step ul,.guide-step ol{padding-left:1.2rem;color:var(--guide-muted);line-height:1.78}.guide-step li+li{margin-top:.5rem}.guide-step strong{color:var(--guide-ink)}.guide-screen{margin:2rem 0 0;overflow:hidden;border:1px solid #d3d9d5;border-radius:18px;background:#eef1ee;box-shadow:0 20px 55px #2024221a}.guide-screen-bar{display:flex;align-items:center;gap:.45rem;min-height:48px;padding:0 14px;border-bottom:1px solid #dce1dd;background:#fff}.guide-screen-bar i{width:7px;height:7px;border-radius:50%;background:#c9cecb}.guide-screen-bar strong{margin-left:.4rem;font-size:.63rem}.guide-screen-bar span{margin-left:auto;color:#7e8782;font-size:.55rem}.guide-screen-body{padding:20px}.guide-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-choice{min-height:120px;padding:15px;border:1px solid #d7dcd8;border-radius:11px;background:#fff}.guide-choice b{display:grid;place-items:center;width:27px;height:27px;margin-bottom:24px;border-radius:7px;background:#e6f2ed;color:var(--guide-green);font-size:.72rem}.guide-choice strong{display:block;font-size:.68rem}.guide-choice small{color:#7a837e;font-size:.54rem}.guide-publish-box{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;border-radius:12px;background:#202422;color:#fff}.guide-publish-box small{color:#7df3c7;font-size:.54rem;font-weight:750;letter-spacing:.09em}.guide-publish-box strong{display:block;margin:.5rem 0;font-size:.9rem}.guide-publish-box p{margin:0;color:#b7c0bb;font-size:.6rem}.guide-publish-box span{align-self:center;padding:.65rem .8rem;border-radius:8px;background:var(--guide-lime);color:var(--guide-ink);font-size:.6rem;font-weight:780}.guide-source-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center}.guide-source-flow div{min-height:110px;padding:14px;border:1px solid #d7dcd8;border-radius:10px;background:#fff}.guide-source-flow b{display:block;margin-bottom:28px;color:var(--guide-green);font-size:.58rem}.guide-source-flow strong{font-size:.66rem}.guide-source-flow i{color:#8a938e;font-style:normal}.guide-note{margin:1.8rem 0 0;padding:18px 20px;border-left:4px solid var(--guide-green);border-radius:0 10px 10px 0;background:#edf5f1;color:#425049;font-size:.82rem;line-height:1.7}.guide-note strong{display:block;margin-bottom:.3rem}.guide-aside{align-self:start}.guide-aside-card{position:sticky;top:120px;padding:22px;border-radius:16px;background:#202422;color:#fff}.guide-aside-card small{color:var(--guide-lime);font-size:.58rem;font-weight:770;letter-spacing:.1em}.guide-aside-card h3{margin:1rem 0 .8rem;font-size:1.35rem;line-height:1.1;letter-spacing:-.04em}.guide-aside-card p{color:#b8c1bc;font-size:.76rem;line-height:1.65}.guide-aside-card a{display:inline-flex;margin-top:1rem;color:#fff;font-size:.75rem;font-weight:720;text-decoration:none}.guide-faq{padding:clamp(5rem,8vw,8rem) 0;background:var(--guide-paper)}.guide-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,8rem)}.guide-faq h2{margin:.65rem 0 0;font-size:clamp(2.5rem,4.6vw,4.7rem);line-height:1;letter-spacing:-.06em}.guide-faq details{padding:1.2rem 0;border-bottom:1px solid #d5dad6}.guide-faq summary{cursor:pointer;font-weight:700;list-style:none}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq p{color:var(--guide-muted);line-height:1.7}.guide-related{padding:4rem 0}.guide-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-related a{min-height:170px;padding:22px;border:1px solid var(--guide-line);border-radius:15px;color:var(--guide-ink);text-decoration:none}.guide-related small{color:var(--guide-green);font-size:.58rem;font-weight:760;letter-spacing:.08em}.guide-related strong{display:block;margin:3rem 0 .4rem;font-size:1.05rem}.guide-related span{color:var(--guide-muted);font-size:.73rem}@media(max-width:1100px){.guide-layout{grid-template-columns:210px minmax(0,1fr)}.guide-aside{display:none}}@media(max-width:780px){.guide-breadcrumb{padding-top:20px;padding-bottom:14px}.guide-hero-grid,.guide-faq-grid{grid-template-columns:1fr}.guide-layout{display:block}.guide-toc{position:static;display:flex;overflow-x:auto;gap:.35rem;margin-bottom:3rem;padding:0 0 1rem;border-right:0;border-bottom:1px solid var(--guide-line)}.guide-toc strong{display:none}.guide-toc a{flex:0 0 auto;border:1px solid var(--guide-line)}.guide-choice-grid,.guide-related-grid,.guide-source-flow{grid-template-columns:1fr}.guide-source-flow i{display:none}.guide-publish-box{grid-template-columns:1fr}.guide-publish-box span{justify-self:start}.guide-hero h1{font-size:clamp(3.15rem,15vw,5rem)}}
