:root {}
.drawer{width:100%;max-width:340px;background:var(--light-blue-bg);border:1px solid var(--light-gray);border-radius:8px;overflow:hidden}
.drawer__title{background:var(--darker-blue);color:var(--white);font-weight:700;padding:12px 16px}
.drawer__nav{background:var(--white)}
.drawer__section{border-top:1px solid var(--light-gray)}
.drawer__summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px 16px;font-weight:600;color:var(--main-text);position:relative;font-size:14px}
.drawer__summary::-webkit-details-marker{display:none}
.drawer__summary::after{content:"▾";position:absolute;right:16px;transform:rotate(-90deg);transition:transform .2s ease}
.drawer__section[open] .drawer__summary{background:var(--sidebar-hover)}
.drawer__section[open] .drawer__summary::after{transform:rotate(0)}
.drawer__list{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;padding:12px 16px 16px 16px;background:var(--white)}
.drawer__link{display:block;text-decoration:none;color:var(--main-text);padding:4px 0;border-radius:4px;font-size:13px;transition:color .2s ease;text-align:left}
.drawer__link:hover{color:#007bff;text-decoration:none;background:none}
@media (max-width:520px){.drawer__list{grid-template-columns:1fr}}