.webdev-manual-frontend-wrapper{max-width:1400px;margin:0 auto;padding:20px}.webdev-manual-layout-frontend{display:flex;gap:30px;align-items:flex-start}.webdev-manual-sidebar-left-frontend{width:250px;flex-shrink:0;background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.webdev-manual-themes h3{margin-top:0;margin-bottom:15px;color:#23282d;font-size:18px;border-bottom:2px solid #2271b1;padding-bottom:10px}.webdev-themes-list{list-style:none;margin:0;padding:0}.webdev-themes-list li{margin:0;padding:0}.webdev-themes-list li a{display:block;padding:12px 15px;color:#555;text-decoration:none;border-radius:4px;transition:all .2s;margin-bottom:5px}.webdev-themes-list li a:hover{background:#f0f0f1;color:#2271b1}.webdev-themes-list li.active a{background:#2271b1;color:#fff;font-weight:600}.webdev-manual-main-frontend{flex:1;min-width:0;background:#fff;border:1px solid #ddd;border-radius:8px;padding:30px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.webdev-manual-header-frontend{border-bottom:2px solid #2271b1;padding-bottom:20px;margin-bottom:30px}.webdev-manual-header-frontend h1{margin:0;color:#23282d;font-size:32px}.webdev-manual-content-wrapper-frontend{position:relative}.webdev-manual-content-frontend{line-height:1.8;color:#444}.webdev-manual-intro{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e5e5e5;font-size:18px}.webdev-manual-section{margin-bottom:50px;padding-bottom:30px;border-bottom:1px solid #e5e5e5;scroll-margin-top:100px}.webdev-manual-section:last-child{border-bottom:none;margin-bottom:0}.webdev-section-title{color:#2271b1;font-size:28px;margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #2271b1}.webdev-section-content{line-height:1.8;font-size:16px}.webdev-section-content h2,.webdev-section-content h3,.webdev-section-content h4{color:#23282d;margin-top:25px;margin-bottom:15px}.webdev-section-content h3{color:#2271b1}.webdev-section-content ul,.webdev-section-content ol{margin-left:30px;margin-bottom:20px}.webdev-section-content li{margin-bottom:10px}.webdev-section-content pre{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:15px;overflow-x:auto;margin:20px 0}.webdev-section-content code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:'Courier New',monospace;font-size:14px}.webdev-section-content pre code{background:0 0;padding:0}.webdev-manual-sidebar-right-frontend{width:220px;flex-shrink:0;background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.webdev-manual-sections-nav h3{margin-top:0;margin-bottom:15px;color:#23282d;font-size:18px;border-bottom:2px solid #2271b1;padding-bottom:10px}.webdev-sections-nav-list{list-style:none;margin:0;padding:0}.webdev-sections-nav-list li{margin:0;padding:0}.webdev-section-nav-link{display:block;padding:10px 12px;color:#555;text-decoration:none;border-left:3px solid transparent;transition:all .2s;font-size:14px;line-height:1.5}.webdev-section-nav-link:hover{background:#f0f0f1;color:#2271b1;border-left-color:#2271b1}.webdev-section-nav-link.active{background:#f0f6fc;color:#2271b1;border-left-color:#2271b1;font-weight:600}@media (max-width:1200px){.webdev-manual-sidebar-right-frontend{display:none}}@media (max-width:782px){.webdev-manual-layout-frontend{flex-direction:column}.webdev-manual-sidebar-left-frontend{width:100%;position:relative;top:0;max-height:none}.webdev-manual-main-frontend{width:100%}}