.tools-home { background:#fff; }
.tools-layout { display:grid; grid-template-columns:200px minmax(0,1fr); max-width:1600px; margin:0 auto; min-height:100vh; }
.tools-sidebar { padding:25px 12px; background:#f3f6fb; border-right:1px solid #dbe4f0; }
.tools-sidebar nav { position:sticky; top:24px; }
.tools-group { margin-bottom:28px; }
.tools-group h2 { margin:0 12px 10px; color:#6d819c; font-size:12px; font-weight:750; letter-spacing:1.5px; text-transform:uppercase; }
.tools-menu { display:block; margin:4px 0; padding:10px 13px; border-left:3px solid transparent; border-radius:0 5px 5px 0; color:#344b68; text-decoration:none; font-size:14px; line-height:1.5; }
.tools-menu:hover { background:#e5edf8; color:#194d94; }
.tools-menu.is-selected { background:#dce9fa; border-left-color:#245da9; color:#194d94; font-weight:750; }
.tools-content { min-width:0; background:#fff; }
.tools-content .shell { max-width:1120px; padding:30px 36px 64px; }
.tools-content .intro { margin-top:32px; }
@media(max-width:700px) {
    .tools-layout { grid-template-columns:140px minmax(0,1fr); }
    .tools-sidebar { padding:22px 6px; }
    .tools-group h2 { margin-left:10px; }
    .tools-menu { padding:10px 8px; font-size:13px; }
    .tools-content .shell { padding:24px 18px 40px; }
    .tools-content .intro h1 { font-size:30px; }
}
@media(max-width:480px) {
    .tools-layout { display:block; }
    .tools-sidebar { border-right:0; border-bottom:1px solid #dbe4f0; padding:12px 16px; }
    .tools-sidebar nav { position:static; display:flex; gap:28px; }
    .tools-group { margin:0; }
    .tools-group h2 { margin:0 0 4px; font-size:11px; }
    .tools-menu { margin:0; padding:7px 10px; }
}