/* /features: Lean 101's layout (website/styles/lean-comparison.css, .l101-*), which follows the Workspace's own
   folds: a white chevron beside the title, 1.25rem section titles, 1.08rem group titles, body text in the ink colour
   (Edgardo, 2026-10-02).  Sections open, groups closed; one Expand all / Collapse all toggle. */
.feat { max-width: 60rem; }
.feat-toggle { display: block; margin: 0 0 .8rem auto; font: inherit; font-size: .9rem; color: var(--ink-muted, #b3bad0); background: transparent; border: 1px solid var(--line, rgba(171,186,255,.24)); border-radius: 999px; padding: .35rem .9rem; cursor: pointer; }
.feat-toggle:hover { color: #fff; }
.fold { border-top: 1px solid var(--line, rgba(171,186,255,.24)); padding: .2rem 0; }
.fold > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: .6rem; }
.fold > summary::-webkit-details-marker { display: none; }
.fold > summary::before { content: "\25B8"; color: var(--ink, #f4f6ff); font-size: 1.5rem; line-height: 1; transition: transform .15s ease; }
.fold[open] > summary::before { transform: rotate(90deg); }
.fold > summary h2 { margin: .7rem 0; font-size: 1.25rem; }
.fold > summary h3 { margin: .5rem 0; font-size: 1.08rem; }
.fold-body .fold { border-top: none; }
.fold-body { padding: 0 0 1.2rem 1.4rem; }
.feat-lead { margin: .2rem 0 .6rem; line-height: 1.55; color: var(--ink); }
.feat-list { margin: .2rem 0 0; padding: 0; list-style: none; }
.feat-list li { margin: 0; padding: .55rem 0; border-top: 1px solid rgba(255,255,255,.08); line-height: 1.55; color: var(--ink); }
.feat-list li:first-child { border-top: none; }
.feat-list strong { font-weight: 700; }
.feat-end { margin: 1.2rem 0 0; }
.feature-availability { margin: 1rem 0 0; padding: .85rem 1rem; border-left: 3px solid var(--accent); border-radius: .5rem; background: rgba(127,115,255,.08); color: var(--ink-muted); line-height: 1.5; }
.feature-availability a { color: var(--accent-soft); }
.tier-label { display: inline-block; margin: 0 .35rem .15rem 0; padding: .12rem .45rem; border: 1px solid rgba(127,115,255,.38); border-radius: 999px; background: rgba(127,115,255,.14); color: var(--ink); font-family: "Space Grotesk", "Segoe UI", sans-serif; font-size: .76rem; font-weight: 500; white-space: nowrap; }
