.toolbox-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.toolbox-jumps a{color:var(--accent,var(--ct-86dfca));text-underline-offset:4px}
.toolbox-controls{display:grid;gap:20px;margin:24px 0 12px}
.toolbox-controls label{display:grid;gap:8px;max-width:620px;font-weight:650}
.toolbox-controls input{width:100%;box-sizing:border-box;border:1px solid var(--cr-3b5968);border-radius:12px;padding:14px 16px;background:var(--cf-101e28);color:var(--ct-eef6fa);font:inherit}
.toolbox-filters{display:flex;flex-wrap:wrap;gap:8px}
.toolbox-filters button,.toolbox-reset{border:1px solid var(--cr-436171);border-radius:10px;padding:10px 15px;background:var(--cf-142733);color:var(--ct-dfeef5);font:inherit;cursor:pointer}
.toolbox-filters button[aria-pressed=true]{background:var(--cf-86dfca);color:var(--ct-072426);border-color:var(--cr-86dfca)}
.toolbox-count{color:var(--ct-b1c9d3);font-size:.95rem}
.toolbox-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px;border:1px solid var(--cr-355465);border-radius:24px;background:radial-gradient(circle,var(--cf-294250) 1px,transparent 1.7px) 0 0/18px 18px,var(--cf-0c1922)}
.toolbox-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--cr-385968);border-radius:18px;background:linear-gradient(145deg,var(--cf-162d36),var(--cf-101c28));box-shadow:0 10px 20px var(--cf-000000-a200)}
.toolbox-card[hidden]{display:none}
.toolbox-category{color:var(--ct-9fbcc5);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.toolbox-card h3{font-size:1.08rem;line-height:1.35;margin:14px 0}
.toolbox-tool{width:100%;display:grid;gap:12px;background:none;border:0;padding:0;text-align:left;color:var(--ct-e6f5f4);font:inherit;cursor:pointer;overflow-wrap:anywhere}
.toolbox-tool svg{width:100px;height:100px;justify-self:center;stroke:var(--ct-85dec9);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 6px var(--cf-86dfca-a110))}
.toolbox-tool .fill{fill:var(--ct-244b51)}
.toolbox-tool:hover svg,.toolbox-tool:focus-visible svg{stroke:var(--ct-b0ffea);filter:drop-shadow(0 0 9px var(--cf-86dfca-a298))}
.toolbox-card p{font-size:.94rem;color:var(--ct-b9cdd7);margin:0 0 20px;line-height:1.6}
.toolbox-read{margin-top:auto;color:var(--ct-94e8d6);font-size:.92rem;text-underline-offset:4px}
.toolbox-group{margin:30px 0 40px}
.toolbox-group>h3{font-size:1.3rem;color:var(--ct-96dfd0);margin-bottom:16px}
.toolbox-chapter{border:1px solid var(--cr-355463);border-radius:16px;margin:12px 0;background:var(--cf-11212c);scroll-margin-top:110px}
.toolbox-chapter summary{padding:20px 24px;cursor:pointer;font-weight:700;font-size:1.1rem;color:var(--ct-edf5f9)}
.toolbox-chapter summary span{display:inline-block;color:var(--ct-9ab6c4);font-size:.85rem;font-weight:400;margin-left:18px}
.toolbox-chapter[open] summary{border-bottom:1px solid var(--cr-355463)}
.toolbox-lesson{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;padding:24px}
.toolbox-lesson h4{font-size:1.03rem;margin:0 0 12px;color:var(--ct-8be0ca)}
.toolbox-lesson p{margin:0 0 12px}.toolbox-lesson ol{margin:0;padding-left:22px}.toolbox-lesson li{margin-bottom:10px}
.toolbox-mistake,.toolbox-lesson nav{grid-column:1/-1}
.toolbox-mistake{padding:16px;border-left:3px solid var(--cr-debd85);background:var(--cf-b38b41-a063);border-radius:3px 12px 12px 3px}
.toolbox-lesson nav{margin:0}.toolbox-wall button:focus-visible,.toolbox-controls button:focus-visible,.toolbox-controls input:focus-visible,.toolbox-chapter summary:focus-visible{outline:3px solid var(--cr-a5f0dc);outline-offset:5px}
@media(max-width:1100px){.toolbox-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.toolbox-wall{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px}.toolbox-lesson{grid-template-columns:1fr}.toolbox-chapter summary span{display:block;margin:6px 0 0 18px}}
@media(max-width:480px){.toolbox-wall{grid-template-columns:1fr}.toolbox-card{padding:20px}.toolbox-tool{grid-template-columns:74px 1fr;align-items:center;gap:18px}.toolbox-tool svg{width:74px;height:74px}.toolbox-chapter summary,.toolbox-lesson{padding:18px}.toolbox-jumps{gap:14px}}
