body{background:#fafafa;color:#111;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}.tutorials-layout{display:flex;flex-direction:column;min-height:100vh}.tutorials-header{background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;width:100%;z-index:50}.tutorials-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:12px 20px}.tutorials-header-title{color:#222;font-size:22px;font-weight:700;-webkit-text-decoration:none;text-decoration:none}.tutorials-header-title:hover{color:#05c}.tutorials-search input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:6px 14px;width:250px}.tutorials-body{display:flex;flex:1;margin:0 auto;max-width:1400px;width:100%}.tutorials-sidebar{background:#fff;border-right:1px solid #ddd;padding:20px;width:260px}.tutorials-nav h3{color:#222;font-size:16px;font-weight:700;margin-bottom:10px}.tutorials-nav ul{list-style:none;margin:0 0 20px;padding:0}.tutorials-nav li{margin:6px 0}.tutorials-nav a{color:#05c;font-size:14px;-webkit-text-decoration:none;text-decoration:none}.tutorials-nav a:hover{-webkit-text-decoration:underline;text-decoration:underline}.tutorials-content{background:#fafafa;flex:1;font-size:16px;line-height:1.7;padding:30px 40px}.tutorials-footer{background:#fff;border-top:1px solid #ddd;padding:20px 0}.tutorials-footer-inner{color:#555;font-size:13px;margin:0 auto;max-width:1400px;text-align:center}.tutorials-footer a{color:#05c}.tutorials-description{color:#444;font-size:16px;margin-bottom:25px;margin-top:-10px}.tutorials-toc{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:25px;padding:12px 16px}.tutorials-toc ul{list-style:none;margin-top:10px;padding-left:0}.tutorials-toc li{margin:6px 0}.tutorials-toc .toc-sub{font-size:14px;margin-left:18px}.tutorials-article h1,.tutorials-article h2,.tutorials-article h3{color:#111;line-height:1.3;margin-bottom:10px;margin-top:35px}.tutorials-article p{line-height:1.7;margin-bottom:18px}.tutorials-article ol,.tutorials-article ul{margin-bottom:20px;margin-left:20px}.leaflet-container{border:1px solid #ddd;border-radius:12px;height:80vh;overflow:hidden;width:100%;z-index:0}.leaflet-popup-content-wrapper{border-radius:8px;font-size:14px}.leaflet-popup-content a{color:#05c;-webkit-text-decoration:none;text-decoration:none}.leaflet-popup-content a:hover{-webkit-text-decoration:underline;text-decoration:underline}@media(max-width:1024px){.tutorials-sidebar{display:none}.tutorials-body{flex-direction:column}.tutorials-content{padding:20px}}@media(max-width:600px){.tutorials-header-inner{flex-direction:column;gap:10px}.tutorials-header-title{font-size:18px}.tutorials-search input{width:100%}}