@import url('/fonts/fonts.css');*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#f5f8f2;color:#183b35;font:14px/1.85 Inter,system-ui,sans-serif}a{color:#0c7063;text-underline-offset:4px}button{font:inherit;cursor:pointer}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.guide-header{max-width:1220px;margin:auto;padding:25px 28px;border-bottom:1px solid #dce6d8;display:flex;gap:25px;align-items:center}.guide-header>a:first-child{margin-right:auto;display:flex}.guide-header>a{font-size:12px;text-decoration:none;font-weight:600;display:flex;gap:7px;align-items:center}.guide-main{max-width:1220px;margin:auto;padding:0 28px}.guide-intro{padding:55px 0 43px;max-width:760px}.guide-intro>span{font-size:10px;letter-spacing:2px;color:#718777;font-weight:700}h1,h2{font-family:Manrope,system-ui,sans-serif;letter-spacing:-1px;line-height:1.2}h1{font-size:clamp(33px,5vw,50px);margin:15px 0 20px}.guide-intro>p{color:#6b8174;max-width:650px}.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:12px 20px;background:#0c7063;color:white;text-decoration:none;border-radius:11px;font-size:12px;font-weight:650;transition:background .2s,transform .2s}.guide-button:hover{background:#07594f;transform:translateY(-1px)}.guide-secondary{background:#fff;color:#0c7063;border:1px solid #c8dacb}.guide-secondary:hover{background:#edf5e8}.guide-intro>.guide-button{margin-top:12px}.guide-operators{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#5d7865;margin-top:24px}.guide-operators>span{color:#b1c2ac}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px;align-items:start;margin-bottom:60px}.guide-nav{position:sticky;top:25px;display:grid;gap:5px;padding-top:8px}.guide-nav a{font-size:11px;line-height:1.6;text-decoration:none;padding:9px;border-radius:8px;display:flex;gap:11px;align-items:baseline}.guide-nav a:hover{background:#eaf2e3}.guide-nav span{font-size:10px;color:#91a181;font-weight:650;min-width:18px}.guide-step{background:white;border:1px solid #dce6d8;border-radius:20px;padding:30px 33px;margin-bottom:18px;min-width:0}.guide-step>header{display:flex;align-items:baseline;gap:15px;margin-bottom:18px}.guide-step>header>span{font:700 12px/1 Manrope;color:#94ab7f;flex-shrink:0}.guide-step h2{font-size:23px;margin:0}.guide-step p{margin:13px 0;font-size:13px;line-height:1.9}.guide-step>.guide-button{margin-top:10px}.guide-note{padding:16px 19px;background:#f0f5e9;border-left:3px solid #a3c582;border-radius:0 10px 10px 0;font-size:12px;line-height:1.85;margin:20px 0 7px}code,kbd{font:11px/1.6 ui-monospace,monospace;background:#eff4ed;border:1px solid #dce5d7;border-radius:5px;padding:3px 6px;overflow-wrap:anywhere}kbd{background:#fff}.guide-browser-list{display:grid;gap:10px;margin:20px 0}.guide-browser-list>div{padding:13px 15px;border:1px solid #e1e9dc;border-radius:11px;background:#fafcf8;display:grid;grid-template-columns:1fr 1.5fr auto;gap:13px;align-items:center;font-size:11px}.guide-browser-list code{background:transparent;border:0;padding:0}.guide-browser-list button{font-size:10px;color:#0c7063;border:1px solid #bdd6c5;background:white;border-radius:7px;padding:7px 9px;min-height:34px}.guide-faq{margin:0}.guide-faq dt{font-size:13px;font-weight:700;margin:22px 0 5px}.guide-faq dd{margin:0;font-size:12px;color:#657e6e;line-height:1.9}.guide-footer{max-width:1220px;margin:auto;padding:25px 28px 35px;border-top:1px solid #dce6d8;display:flex;gap:25px;flex-wrap:wrap;font-size:11px;color:#7c8d75}.guide-footer>span{margin-right:auto}.guide-download-status{font-size:11px!important;padding:12px 15px;border:1px solid #d7e5c9;border-radius:9px;max-width:650px}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #91baa5;outline-offset:4px}
@media(max-width:950px){.guide-layout{grid-template-columns:1fr;gap:12px}.guide-nav{position:static;display:flex;overflow-x:auto;padding:5px 0 14px}.guide-nav a{white-space:nowrap;background:white;border:1px solid #dce6d8;font-size:10px}.guide-step{padding:27px}.guide-intro{padding:38px 0 25px}.guide-browser-list>div{grid-template-columns:1fr 1.4fr auto}}
@media(max-width:500px){.guide-header{padding:19px 17px;gap:15px}.guide-header img{width:100px;height:auto}.guide-header>a{font-size:10px}.guide-header>a:last-child{font-size:0;gap:0}.guide-header>a:last-child svg{width:20px;height:20px}.guide-main{padding:0 13px}.guide-intro{padding:30px 7px 22px}h1{font-size:33px}.guide-intro>p{font-size:13px}.guide-operators{font-size:10px;gap:7px}.guide-step{padding:23px 19px;border-radius:16px}.guide-step h2{font-size:21px}.guide-step>header{gap:10px}.guide-step p{font-size:12px;line-height:1.9}.guide-note{padding:14px 15px;font-size:11px}.guide-browser-list>div{grid-template-columns:1fr auto;padding:12px;gap:8px}.guide-browser-list code{grid-row:2;grid-column:1/3}.guide-browser-list button{grid-column:2;grid-row:1}.guide-footer{padding:20px 20px 30px;gap:13px;font-size:10px}.guide-footer>span{width:100%}.guide-button{font-size:11px;gap:12px}.guide-layout{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-button{transition:none}}

.guide-layout>div{min-width:0}.guide-button{max-width:100%;white-space:normal;text-align:left}.guide-button>.rutta-action-icon{margin-left:auto}