.w-shell { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 12px; align-items: start; }
.w-tree { padding: 12px; }
.w-folder { margin: 14px 0 4px; color: var(--ink-2); font-size: var(--t-s); font-weight: 700; }
.w-item { display: block; width: 100%; min-height: 44px; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; color: var(--ink); font: inherit; font-size: .9375rem; text-align: left; cursor: pointer; }
.w-item:hover { background: var(--paper-2); }
.w-item.is-on { background: var(--sun-soft); font-weight: 700; }
.w-snip { display: block; margin-top: 2px; color: var(--ink-2); font-size: var(--t-s); font-weight: 400; }
.w-tabs { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--line); }
.w-tab { min-height: 44px; padding: 0 14px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--ink-2); font: inherit; font-weight: 650; cursor: pointer; }
.w-tab[aria-selected="true"] { border-bottom-color: var(--ink); color: var(--ink); }
.w-body { max-width: 68ch; }
.w-body p { margin: .55em 0; line-height: 1.75; }
.w-body h3 { margin: 1em 0 .2em; font-size: 1.0625rem; font-weight: 800; }
.w-body ul { margin: .4em 0 .4em 1.2em; list-style: disc; line-height: 1.75; }
.w-ver { padding: 12px 0; border-top: 1px solid var(--line); }
.w-ver:first-child { border-top: 0; }
.w-pre { margin-top: 10px; padding: 12px 14px; border-left: 3px solid var(--control); background: var(--paper-2); }
.w-dec { padding: 12px 14px; border-left: 3px solid var(--ink); background: var(--paper-2); border-radius: 0 10px 10px 0; }
.w-dec b { display: block; }
@media (max-width: 860px) { .w-shell { grid-template-columns: minmax(0, 1fr); } }