.sidebar .brand{margin-bottom:12px}#sidebar.sidebar .sidebar-create-story{display:flex;align-items:center;gap:9px;background:#7928db;color:#fff;border:0;border-radius:8px;padding:10px;margin:0 0 12px;font-weight:650}#sidebar.sidebar .sidebar-create-story:hover{background:#6820bf;color:#fff}.sidebar .nav-item{min-height:32px;padding:6px 8px;gap:9px;font-size:13px;border-radius:6px}.sidebar .nav-icon{width:19px;height:19px;flex:0 0 19px}.sidebar .nav-pinned{margin-bottom:3px}.sidebar .nav-knowledge{font-weight:650;padding-block:9px}.sidebar .nav-section{margin:5px 0;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:1px}.sidebar .nav-section>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:7px 8px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer;min-height:38px}.sidebar .nav-section>summary::-webkit-details-marker{display:none}.sidebar .nav-section>summary>.nav-icon:first-child{padding:4px;box-sizing:content-box;border-radius:6px;background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--blue)}.sidebar .nav-section>summary>.nav-icon:last-child{width:13px;height:13px;flex-basis:13px;margin-left:auto;transition:transform .23s cubic-bezier(.22,1,.36,1)}.sidebar .nav-section[open]:not([data-expanded="false"])>summary>.nav-icon:last-child{transform:rotate(90deg)}.sidebar .nav-section-links{padding:0 5px 5px 12px}.sidebar .nav-section-links .nav-item{font-size:12px}.sidebar .nav-section-links .nav-label{margin:9px 8px 4px;color:var(--muted)}.sidebar summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sidebar .sidebar-signout{margin-top:8px}@media(pointer:coarse){.sidebar .nav-item,.sidebar .nav-section>summary{min-height:44px}}@media(prefers-reduced-motion:reduce){.sidebar .nav-section>summary>.nav-icon:last-child{transition:none}}

@media(max-width:650px){#sidebar.sidebar{transition:transform .23s cubic-bezier(.22,1,.36,1),visibility .23s}}
@media(prefers-reduced-motion:reduce){#sidebar.sidebar{transition:none}}

/* Warm yellow accent shared by admin and subscriber Knowledge Base links. */
.sidebar .nav-item.nav-knowledge{
 --knowledge-bg:#352d17;
 --knowledge-hover:#483b1b;
 --knowledge-active:#57451b;
 --knowledge-text:#ffe6a3;
 --knowledge-accent:#f5c451;
 background:var(--knowledge-bg);
 color:var(--knowledge-text);
}
[data-theme=light] .sidebar .nav-item.nav-knowledge{
 --knowledge-bg:#fff6d6;
 --knowledge-hover:#ffedb2;
 --knowledge-active:#ffe49a;
 --knowledge-text:#71500b;
 --knowledge-accent:#946300;
}
.sidebar .nav-item.nav-knowledge:hover{background:var(--knowledge-hover);color:var(--knowledge-text)}
.sidebar .nav-item.nav-knowledge.active{background:var(--knowledge-active);border-left-color:var(--knowledge-accent);color:var(--knowledge-text)}
.sidebar .nav-item.nav-knowledge>span{color:inherit}
.sidebar .nav-item.nav-knowledge .nav-icon{color:var(--knowledge-accent)}
.sidebar .nav-item.nav-knowledge:focus-visible{outline:2px solid var(--knowledge-accent);outline-offset:2px}