/* Homepage-only navigation shell. Existing detail pages retain their shared layout. */
body{padding-left:218px;background:#f7f9fc}.home-sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#fff;border-right:1px solid #e7edf3;z-index:101;padding:27px 18px;overflow-y:auto;display:flex;flex-direction:column}.home-brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#223348;font-size:24px;font-weight:800;padding:0 10px 5px}.home-brand>span{width:37px;height:37px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#13b5e6,#0789c6);border-radius:10px}.home-brand small{display:block;font-size:10px;letter-spacing:3px;color:#8a96a6;font-weight:500}.home-nav-label{font-size:11px;color:#94a0ae;letter-spacing:1px;margin:25px 12px 9px}.home-nav-item{display:block;padding:11px 14px;border-radius:9px;text-decoration:none;color:#5e6b7c;font-size:13px;margin:2px 0}.home-nav-item:hover,.home-nav-item.active{background:#eaf7fd;color:#0799d0}.home-nav-item.active{font-weight:700}.home-planned{padding:10px 14px;color:#9ca7b4;font-size:13px}.home-planned small{float:right;background:#f4f6f9;padding:1px 5px;border-radius:4px;font-size:10px}.home-sidebar-foot{margin-top:auto;padding:32px 12px 5px;color:#8a96a5;font-size:11px;line-height:1.9}.home-sidebar-foot strong{color:#526176}.home-mobile-nav{display:none}.navbar .nav-container{max-width:none;padding:0 34px}.navbar .nav-logo{display:none}.navbar .nav-links{gap:25px}.navbar .nav-links a{font-size:13px}.hero{margin:28px 34px 0!important;border:1px solid #e0edf7;border-radius:16px;padding:28px 32px!important;background:radial-gradient(ellipse at 90% 0,#eee8ff,transparent 55%),linear-gradient(110deg,#e4f6ff,#f4faff)!important;text-align:left!important}.hero-content{max-width:none!important;margin:0!important;padding:0!important}.home-eyebrow{font-size:11px;letter-spacing:2px;color:#309bbf;margin-bottom:10px}.hero-title{font-size:30px!important;margin-bottom:10px!important}.hero-desc{font-size:13px!important;margin-bottom:21px!important;color:#79899a!important}.hero-search{max-width:720px!important;margin:0 0 15px!important;box-shadow:0 4px 18px #2286a510!important;border:1px solid #badff0;border-radius:10px!important;background:#fff;padding:5px}.hero-search input{min-width:0;border:0!important;padding:10px 14px!important;font-size:13px!important}.hero-search button{border-radius:7px!important;padding:10px 22px!important;font-size:13px!important}.hero-links{justify-content:flex-start!important;gap:9px!important}.hero-links a{font-size:11px!important;padding:4px 11px!important;border-color:#e1edf5!important}.main-content{max-width:none!important;padding:0 34px!important}.scene-section{padding:26px 0!important}.section-title{text-align:left!important;font-size:17px!important;margin-bottom:15px!important}.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.scene-card{flex-direction:row!important;padding:13px!important;gap:9px!important;text-align:left}.scene-card .scene-icon{font-size:20px!important}.scene-card .scene-count{margin-left:auto;white-space:nowrap;font-size:10px!important}.featured-skills-section{padding-bottom:22px!important}.featured-skills-header{margin-bottom:15px!important}.featured-skills-header .section-title{margin-bottom:0!important}.home-skill-label{font-size:11px;background:#f0ebfc;color:#8664bd;padding:3px 8px;border-radius:5px;margin-left:5px;vertical-align:middle}.featured-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.featured-skill-card{padding:18px!important}.featured-skill-logo{width:39px!important;height:39px!important}.featured-skill-name{font-size:14px!important;overflow-wrap:anywhere}.featured-skill-desc{font-size:12px!important}.featured-skill-badge,.featured-skill-views{font-size:10px!important}.home-tools-heading{font-size:19px;margin:0 0 17px;color:#25364a}.filter-bar{scroll-margin-top:80px;padding:22px 0 0!important}.category-tab{font-size:11px!important;padding:5px 11px!important}.tools-section{padding:22px 0 38px!important}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.tool-card{padding:20px!important}.tool-logo{width:40px!important;height:40px!important}.tool-name{font-size:15px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.tool-description{font-size:12px!important}.tool-tag,.tool-views{font-size:10px!important}.footer-container{padding-left:34px;padding-right:34px}a:focus-visible,button:focus-visible{outline:3px solid #70c9f0;outline-offset:3px}@media(max-width:1100px){body{padding-left:185px}.home-sidebar{width:185px;padding:25px 12px}.hero{margin:22px!important;padding:24px!important}.main-content{padding:0 22px!important}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.navbar .nav-container{padding:0 22px}.hero-title{font-size:27px!important}}@media(max-width:768px){body{padding-left:0}.home-sidebar{display:none}.navbar .nav-logo{display:flex}.navbar .nav-links{display:none}.home-mobile-nav{display:flex;gap:22px;padding:11px 20px;background:white;border-bottom:1px solid #e7edf3;overflow:auto}.home-mobile-nav a{font-size:12px;color:#5e7185;white-space:nowrap;text-decoration:none}.hero{margin:18px 16px!important;padding:22px!important}.hero-title{font-size:25px!important;line-height:1.5!important}.hero-desc{line-height:1.9!important}.hero-search{flex-direction:row!important}.hero-search input{width:0;border-radius:7px!important;padding:8px!important}.hero-search button{padding:8px 12px!important}.main-content{padding:0 16px!important}.featured-skills-header{flex-direction:row!important}.featured-skills-header .section-title{font-size:15px!important}.featured-skills-link{font-size:12px!important;white-space:nowrap}.featured-skills-grid,.tools-grid{grid-template-columns:1fr!important}.scene-count{display:none}.scene-section{padding:10px 0 24px!important}.home-tools-heading{font-size:18px}.tool-footer{flex-direction:row!important}.footer-container{padding:0 16px}.home-skill-label{display:none}}

/* Keep the sidebar and content together inside one centered desktop frame. */
html{background:#edf1f6}body{max-width:1440px;margin:0 auto;min-height:100vh;box-shadow:0 0 0 1px #e4eaf1}.home-sidebar{left:max(0px,calc((100% - 1440px)/2))}.home-sidebar-foot{padding-top:24px}.home-sidebar{scrollbar-width:thin}.hero{max-width:none!important}.main-content{width:auto!important}.navbar .nav-container{width:100%}.footer-container{max-width:none}@media(max-width:768px){html{background:#f7f9fc}body{max-width:none;box-shadow:none}}