.guides-body{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:start;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(72px,9vw,120px)}.guides-sidebar{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none}.guides-sidebar::-webkit-scrollbar{display:none}.guides-sidebar .label{font-size:15px;margin-bottom:12px}.guides-search-wrap{position:relative;margin-bottom:12px}.guides-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.guides-search-input.input{height:46px;padding-left:42px;font-size:15px}.guides-search-input::placeholder{color:var(--muted)}.guides-nav{gap:6px}.guides-nav-item.row-item{padding:12px 16px;border-radius:14px;font-size:15px;line-height:1.3}.guides-nav-item.row-item small{font-size:13px;margin-top:3px}.guides-nav-item.active{background:var(--coral);color:#fff}.guides-nav-item.active small{color:#ffffffc7}.guides-nav-item.active:hover{background:var(--coral-2)}.guides-nav-item.hidden{display:none}.guides-nav-empty{font-size:14px;color:var(--muted);padding:8px 4px;margin:0}.guides-mobile-nav{display:none}.guides-mobile-label{display:block;color:var(--muted);font-size:15px;font-weight:500;margin-bottom:10px}.guides-select-wrap{position:relative}.guides-mobile-select.input{appearance:none;-webkit-appearance:none;padding-right:44px;font-weight:600;cursor:pointer}.guides-select-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.guides-content{min-width:0;max-width:780px;counter-reset:guide-section}.guide-section{margin:0 0 clamp(48px,6vw,72px);counter-increment:guide-section}.guide-section-title{font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.12;letter-spacing:-.025em;color:var(--ink);margin:0 0 16px}.guide-section-title:before{content:"Part " counter(guide-section);display:block;color:var(--muted);font-size:15px;font-weight:500;letter-spacing:-.005em;margin-bottom:6px}.guide-section-body{font-size:17px;color:var(--muted-2);line-height:1.7;margin:0 0 16px}.guide-section-body strong,.guide-step-text strong,.guide-tip strong,.guide-callout-body strong{color:var(--ink);font-weight:600}.guides-content a:not(.guide-nav-btn){color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:1.5px;text-underline-offset:4px}.guides-content a:not(.guide-nav-btn):hover{color:var(--coral)}.guide-step-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:8px}.guide-step{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:var(--grey);border-radius:18px}.guide-step-num{flex:none;width:32px;height:32px;border-radius:50%;background:var(--coral);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center}.guide-step-text{font-size:16px;color:var(--muted-2);line-height:1.55;padding-top:5px;min-width:0}.guide-tip,.guide-callout{position:relative;background:var(--grey);border-radius:18px;padding:20px 24px 20px 28px;margin:24px 0}.guide-tip:before,.guide-callout:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:var(--coral)}.guide-tip{font-size:16px;color:var(--muted-2);line-height:1.65}.guide-tip strong:first-child{color:var(--coral)}.guide-callout-title{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}.guide-callout-body{font-size:16px;color:var(--muted-2);line-height:1.65;margin:0}.guide-shots{display:flex;flex-wrap:wrap;gap:24px;margin:28px 0;padding:clamp(24px,4vw,40px);background:var(--grey);border-radius:var(--r-media);justify-content:center}.guide-shot{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;width:220px;max-width:100%}.guide-shot .phone{width:100%;border-radius:38px;padding:8px;box-shadow:inset 0 0 0 1px #0000000f,0 30px 50px -28px #00000073}.guide-shot .phone .screen{border-radius:31px}.guide-shot figcaption{font-size:14px;color:var(--muted);text-align:center;line-height:1.4}html.dark .guide-shot .phone{background:linear-gradient(145deg,#3a3a3a,#1e1e1e)}.guide-nav-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:clamp(48px,6vw,72px)}.guide-nav-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;background:var(--grey);color:var(--ink);font-weight:600;font-size:16px;transition:background .25s,color .25s;max-width:100%}.guide-nav-btn:hover{background:#111;color:#fff}html.dark .guide-nav-btn:hover{background:#fff;color:#111}.guide-nav-btn.next{margin-left:auto}.guide-nav-btn.prev:before{content:"←";color:var(--coral)}.guide-nav-btn.next:after{content:"→";color:var(--coral)}@media(max-width:960px){.guides-body{grid-template-columns:minmax(0,1fr);gap:0;padding-top:28px}.guides-sidebar{display:none}.guides-mobile-nav{display:block;margin-bottom:40px}.guides-content{max-width:none}}@media(max-width:600px){.guide-shots{gap:16px;padding:20px 12px}.guide-shot{width:calc(50% - 8px)}.guide-shot:only-child{width:64%}.guide-shot .phone{border-radius:26px;padding:5px}.guide-shot .phone .screen{border-radius:21px}.guide-step{padding:16px;gap:14px}.guide-tip,.guide-callout{padding:18px 18px 18px 22px}.guide-nav-btn{height:48px;padding:0 20px;font-size:15px}}
