.lenses{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lens{border:1px solid var(--line);border-radius:10px;background:var(--ink-1);padding:18px 18px 6px}.lens__h{font-size:15px;margin:0 0 8px;color:var(--bone)}.lens p{color:var(--bone-dim);font-size:13.5px;line-height:1.65}.coverage{color:var(--amber);font-size:14.5px;line-height:1.6;border-left:2px solid var(--amber);padding-left:14px}.coverage[hidden]{display:none}.demo{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.in{flex:1 1 320px;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--bone);background:var(--ink-1);border:1px solid var(--line);border-radius:8px;padding:11px 13px}.in:focus{outline:1px solid var(--amber)}.btn{font:inherit;font-size:14px;color:var(--ink);background:var(--amber);border:0;border-radius:8px;padding:11px 18px;cursor:pointer}.out,.code{margin:14px 0 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--ink-1);overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.6;color:var(--bone-dim);white-space:pre;max-height:420px}.out[hidden]{display:none}.faqlist{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.qa{background:var(--ink);padding:22px 22px 24px}.qa__q{font-size:16px;margin:0 0 9px;color:var(--bone)}.qa__a{font-size:13.5px;color:var(--bone-dim);line-height:1.72;margin:0;max-width:74ch}
