.howto-page{background:#0d1218;color:#e8f0f4;font-family:Manrope,system-ui,sans-serif}.howto-page *{box-sizing:border-box}.howto-wrap{width:min(1120px,calc(100% - 64px));margin:auto}.howto-hero{padding:48px 0 36px}.howto-label{font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#8ad7e1;margin:0 0 15px}.howto-hero h1{font-size:clamp(32px,3.6vw,48px);line-height:1.18;letter-spacing:-.035em;color:#f0f5f7;margin:0 0 22px;max-width:28ch}.howto-intro{font-size:18px;line-height:1.75;max-width:86ch;color:#c0d2de;margin:0 0 30px}.howto-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.howto-benefits article{border-top:2px solid #67becd;padding-top:18px}.howto-benefits h2{font-size:18px;line-height:1.4;margin:0 0 12px;color:#e7f2f6}.howto-benefits p{font-size:14px;line-height:1.75;color:#bed0dd;margin:0}.howto-section{padding:32px 0;border-top:1px solid #3e5869}.howto-section>h2{font-size:28px;line-height:1.3;color:#edf4f6;letter-spacing:-.025em;margin:0 0 24px}.howto-diagram{margin:0;padding:24px;background:#172731;border:1px solid #486778;border-radius:8px}.howto-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.howto-inputs>div,.howto-path>div{padding:17px;border:1px solid #527487;border-radius:6px;background:#1b303e}.howto-diagram strong{display:block;font-size:15px;line-height:1.45;color:#e6f1f5}.howto-diagram span{display:block;font-size:12px;line-height:1.7;color:#bfd2df;margin-top:7px}.howto-inputs .howto-untrusted{border-color:#a98971;background:#302b28}.howto-arrow{text-align:center;padding:12px;font-size:11px;line-height:1.5;color:#8bd6e1}.howto-path{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;gap:12px;align-items:stretch}.howto-path>b{align-self:center;text-align:center;font-size:22px;color:#81d4df}.howto-path .howto-policy{background:#1d3f48;border-color:#7dc9d6}.howto-tools{margin-top:20px;padding-top:16px;border-top:1px solid #456373}.howto-tools>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px;color:#82d8e2}.howto-tools strong{font-size:13px;line-height:1.6}.howto-tools p,.howto-diagram figcaption{font-size:11px;line-height:1.75;color:#b5cad8;margin:10px 0 0}.howto-prereq{display:flex;gap:25px;align-items:baseline;padding:22px 25px;margin:4px 0 30px;background:#1a303d;border-left:3px solid #75d0dc;border-radius:5px}.howto-prereq strong{font-size:14px;line-height:1.5;color:#9be0e9;white-space:nowrap}.howto-prereq p{font-size:14px;line-height:1.8;color:#c3d5e0;margin:0}.howto-step{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding:28px 0;border-top:1px solid #3e596a}.howto-step-title>span{font-size:13px;line-height:1.5;color:#8bdee7;font-weight:700}.howto-step h3{font-size:22px;line-height:1.4;color:#e9f3f6;margin:10px 0 0}.howto-step-body p{font-size:15px;line-height:1.8;color:#bed1de;margin:0 0 18px}.howto-step-body p:last-child{margin-bottom:0}.howto-step-body p code{font-size:.86em;color:#b0e4ea;overflow-wrap:anywhere}.howto-code{border:1px solid #4e6a7c;border-radius:6px;overflow:hidden;margin:20px 0;background:#101c26}.howto-code>p{font-size:10px;line-height:1.5;color:#a7dae1;padding:10px 15px;margin:0;background:#213846}.howto-code pre{font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto;color:#e0edf3;margin:0;padding:17px}.howto-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0}.howto-checks li{padding:22px;background:#172b37;border:1px solid #48697c;border-radius:6px}.howto-checks strong{display:block;font-size:15px;line-height:1.5;color:#9ddfe9;margin-bottom:12px}.howto-checks span{font-size:13px;line-height:1.8;color:#c2d4e0}.howto-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.howto-links a{padding:17px 20px;border:1px solid #466579;border-radius:6px;color:#99dfe8;text-decoration:none;font-size:14px;line-height:1.6}.howto-links span{display:block;color:#a8bece;font-size:10px;line-height:1.5;margin-bottom:7px}.howto-close{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0 55px;border-top:1px solid #3e596a}.howto-close h2{font-size:26px;line-height:1.35;margin:0;color:#edf4f6}.howto-close a{display:inline-block;background:#72cfdb;color:#10232e;border-radius:5px;padding:14px 22px;font-size:14px;line-height:1.5;font-weight:700;text-decoration:none;white-space:nowrap}.howto-page :focus-visible{outline:3px solid #a0e7ee;outline-offset:4px}@media(max-width:800px){.howto-step{grid-template-columns:minmax(0,1fr);gap:20px}.howto-benefits,.howto-checks{gap:18px}.howto-path{gap:8px}.howto-path>div{padding:13px}}@media(max-width:600px){.howto-wrap{width:calc(100% - 36px)}.howto-hero{padding:32px 0}.howto-hero h1{font-size:34px}.howto-intro{font-size:16px}.howto-benefits,.howto-checks,.howto-links,.howto-inputs{grid-template-columns:1fr}.howto-benefits{gap:24px}.howto-section>h2{font-size:25px}.howto-diagram{padding:18px}.howto-path{grid-template-columns:1fr;gap:10px}.howto-path>b{transform:rotate(90deg);line-height:1}.howto-prereq{display:block;padding:20px}.howto-prereq p{margin-top:10px}.howto-step h3{font-size:21px}.howto-step-body p{font-size:14px}.howto-code pre{font-size:11px}.howto-close{display:block}.howto-close a{margin-top:20px}}

.howto-step-title,.howto-step-body{min-width:0}
