.guides-page{background:var(--white)}.guides-header{background:var(--light);border-bottom:1px solid var(--rule);padding:56px 0 48px}.guides-header-inner{max-width:var(--max-w);margin:0 auto;padding:0 40px}.guides-main-hed{font-size:clamp(28px,3.5vw,48px);font-weight:600;line-height:1.08;letter-spacing:-.03em;margin-bottom:10px;color:var(--black)}.guides-main-sub{font-size:16px;color:var(--gray);line-height:1.6;margin-bottom:24px}.guides-search-wrap{position:relative;max-width:440px}.guides-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--gray);pointer-events:none}.guides-search-input{font-family:var(--font);font-size:14px;font-weight:400;color:var(--black);background:var(--white);border:1.5px solid var(--rule);border-radius:10px;padding:12px 16px 12px 42px;width:100%;outline:none;transition:border-color .15s}.guides-search-input::placeholder{color:var(--gray)}.guides-search-input:focus{border-color:#aaa}html.dark .guides-search-input{background:#1c1c1c}.guides-body{max-width:var(--max-w);margin:0 auto;padding:48px 40px 80px;display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}.guides-sidebar{position:sticky;top:80px}.guides-nav{display:flex;flex-direction:column}.guides-nav-label{font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--rule)}.guides-nav-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s;margin-bottom:2px}.guides-nav-item:hover,.guides-nav-item.active{background:var(--light)}.guides-nav-item.active .guides-nav-item-label{color:var(--color-brand);font-weight:600}.guides-nav-item-label{font-size:13px;font-weight:500;color:var(--black);line-height:1.3}.guides-nav-item-desc{font-size:11px;color:var(--gray);line-height:1.4}.guides-nav-item.hidden{display:none}.guides-nav-empty{font-size:12px;color:var(--gray);padding:8px 12px}.guides-content{min-width:0}.guide-article-title{font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1.1;letter-spacing:-.025em;color:var(--black);margin-bottom:8px}.guide-breadcrumb{font-size:12px;color:var(--gray);margin-bottom:32px;display:flex;align-items:center;gap:6px}.guide-breadcrumb a{color:var(--gray);text-decoration:none}.guide-breadcrumb a:hover{color:var(--black)}.guide-breadcrumb span{color:var(--rule)}.guide-intro{font-size:17px;color:var(--gray);line-height:1.7;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--rule)}.guide-section{margin-bottom:48px}.guide-section-title{font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--black);margin-bottom:14px}.guide-section-body{font-size:15px;color:#555;line-height:1.75;margin-bottom:16px}html.dark .guide-section-body{color:silver}.guide-section-body strong{color:var(--black);font-weight:600}.guide-step-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:14px}.guide-step{display:flex;gap:14px;align-items:flex-start;padding:16px;background:var(--light);border-radius:10px;border:1px solid var(--rule)}.guide-step-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--black);color:var(--white);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.guide-step-text{font-size:14px;color:#444;line-height:1.65}html.dark .guide-step-text{color:silver}.guide-step-text strong{color:var(--black)}.guide-tip{border-left:3px solid var(--color-brand);padding:14px 18px;background:var(--light);border-radius:0 8px 8px 0;font-size:13px;color:var(--gray);line-height:1.65;margin:20px 0}.guide-tip strong{color:var(--black)}.guide-screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,200px));gap:16px;margin:28px 0}.guide-screenshot{display:flex;flex-direction:column;gap:8px}.guide-screenshot-frame{background:#000;border-radius:24px;overflow:hidden;border:2px solid #111;box-shadow:0 8px 32px #0000002e;position:relative}.guide-screenshot-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:18px;background:#111;z-index:1}.guide-screenshot-frame img{width:100%;display:block;margin-top:18px}.guide-screenshot-caption{font-size:11px;color:var(--gray);line-height:1.4;text-align:center}.guide-single-screenshot{max-width:240px;margin:28px 0}.guide-callout{border:1.5px solid var(--rule);border-radius:12px;padding:20px 24px;margin:24px 0}.guide-callout-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-bottom:8px}.guide-callout-body{font-size:14px;color:#555;line-height:1.7}html.dark .guide-callout-body{color:silver}.guide-nav-footer{display:flex;justify-content:space-between;align-items:center;padding-top:32px;margin-top:48px;border-top:1px solid var(--rule)}.guide-nav-btn{font-size:13px;font-weight:600;color:var(--black);display:flex;align-items:center;gap:6px;text-decoration:none}.guide-nav-btn:hover{color:var(--color-brand)}.guide-nav-btn.prev:before{content:"←"}.guide-nav-btn.next:after{content:"→"}.guides-mobile-nav{display:none}@media(max-width:900px){.guides-body{grid-template-columns:1fr;gap:0;padding:0 20px 60px}.guides-sidebar{display:none}.guides-content{padding-top:0}.guides-mobile-nav{display:block;position:relative;border-bottom:1px solid var(--rule);padding:16px 0;margin-bottom:28px}.guides-mobile-select{font-family:var(--font);font-size:14px;font-weight:500;color:var(--black);background:var(--light);border:1.5px solid var(--rule);border-radius:10px;padding:11px 40px 11px 14px;width:100%;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.guides-mobile-select:focus{border-color:#aaa}html.dark .guides-mobile-select{background:#1c1c1c}.guides-mobile-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--gray);pointer-events:none}}@media(max-width:860px){.guides-header{padding:40px 0 36px}.guides-header-inner{padding:0 20px}}