.feature-workspace{grid-template-columns:224px minmax(0,1fr);align-items:start;gap:48px;padding-bottom:96px;display:grid}.feature-sidebar{scrollbar-width:thin;max-height:calc(100dvh - 48px);padding-right:20px;position:sticky;top:24px;overflow:auto}.sidebar-section+.sidebar-section{margin-top:4px}.sidebar-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;list-style:none;display:flex}.sidebar-section summary::-webkit-details-marker{display:none}.sidebar-section summary svg{color:var(--clr-text-muted)}.sidebar-section[open] summary svg{transform:rotate(180deg)}.sidebar-section h2{letter-spacing:0;color:var(--clr-text-muted);margin:0;font-size:13px;line-height:1.5}.sidebar-section button{text-align:left;padding:8px 12px;width:100%;min-height:44px;color:var(--clr-text);background:0 0;border:0;border-radius:8px;padding-inline-start:28px;font-size:14px;transition:background-color .15s,color .15s;display:block}.sidebar-section button:hover{background:var(--clr-blue)}.sidebar-section button[aria-pressed=true]{background:var(--clr-lilac);color:var(--clr-accent);font-weight:700}.feature-preview{min-width:0;position:sticky;top:24px}.feature-preview-heading{margin-bottom:24px}.feature-preview-heading h2{letter-spacing:-.5px;font-size:28px}.feature-preview-heading p{color:var(--clr-text-muted);margin-top:8px;font-size:15px}.feature-note{color:var(--clr-text-muted);margin-top:16px;font-size:13px}.feature-mobile-menu{display:none}@media (max-width:1000px){.feature-workspace{padding-bottom:64px}}@media (max-width:900px){.feature-workspace{grid-template-columns:200px minmax(0,1fr);gap:24px}}@media (max-width:700px){.feature-workspace{grid-template-columns:1fr;gap:24px;padding-bottom:48px}.feature-mobile-menu{border:1px solid var(--clr-border);background:var(--clr-surface);border-radius:12px;justify-content:space-between;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;display:flex}.feature-sidebar{border:1px solid var(--clr-border);border-radius:12px;max-height:360px;padding:16px;display:none;position:static}.feature-sidebar.sidebar-open{display:block}.feature-preview{position:static}.feature-preview-heading h2{font-size:26px}}
