.community-shelves{margin:var(--space-6,28px) auto 0;max-width:960px;padding:0 var(--space-4,16px)}.community-shelves .tool-shelf{margin:0 0 22px}.community-shelves .tool-shelf[hidden],.community-shelves .tool-card[hidden]{display:none}.community-shelves .tool-shelf-h{font-size:var(--text-md,18px);color:var(--fam-ink,var(--ink));margin:0 0 10px;font-weight:800}.community-shelves .tool-shelf-row{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:12px;margin:0 -2px;padding:2px 2px 10px;display:flex;overflow-x:auto}.community-shelves a.tool-card{scroll-snap-align:start;background:var(--card,#fff);border:2px solid var(--line,#ddd);border-radius:var(--radius-md,12px);min-height:44px;color:var(--ink);flex-direction:column;flex:0 0 168px;gap:4px;padding:12px;text-decoration:none;display:flex;--bar:var(--fam-ink,#555)!important}.community-shelves a.tool-card:hover,.community-shelves a.tool-card:focus-visible{border-color:var(--fam-deep,var(--bar))}.community-shelves a.tool-card:focus-visible,.community-shelves a.tool-chip:focus-visible{outline:3px solid var(--fam-deep,currentColor);outline-offset:2px}.community-shelves .tool-card-art{background:var(--fam-soft,#eee);height:72px;color:var(--fam-ink,#555);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.community-shelves .tool-card-art svg{width:52px;height:52px}.community-shelves .tool-card-title{font-size:15px;font-weight:700;line-height:1.25}.community-shelves .tool-card-line{color:var(--muted,#666);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}@media (min-width:900px){.community-shelves a.tool-card{flex-basis:188px}}.community-start[data-teach]{--fam-deep:var(--accent,#8a5a00);--fam-ink:var(--ink,#222);--fam-soft:var(--card,#fff);--fam-line:var(--rule,#ddd);margin:0 0 18px;padding:0}.community-start[data-teach] .cs-art{background:color-mix(in srgb, var(--accent,#8a5a00) 14%, var(--card,#fff));color:var(--accent,#8a5a00)}.community-start[data-teach] .cs-go{color:var(--paper,#fff)}.community-start{max-width:960px;padding:0 var(--space-4,16px);margin:0 auto 18px}.community-start .cs-big{border-radius:var(--radius-lg,16px);background:var(--fam-soft,#eee);border:2px solid var(--fam-line,#ddd);color:var(--ink);grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:16px;text-decoration:none;display:grid}.community-start .cs-big:hover,.community-start .cs-big:focus-visible{border-color:var(--fam-deep)}.community-start .cs-big:focus-visible{outline:3px solid var(--fam-deep);outline-offset:2px}.community-start .cs-art{background:var(--card,#fff);width:96px;height:96px;color:var(--fam-ink);border-radius:16px;place-items:center;display:grid}.community-start .cs-art svg{width:68px;height:68px}.community-start .cs-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--fam-ink);font-size:12px;font-weight:800}.community-start .cs-title{margin:2px 0;font-size:22px;font-weight:800;line-height:1.2;display:block}.community-start .cs-line{color:var(--muted,#555);font-size:15px;line-height:1.4;display:block}.community-start .cs-go{background:var(--fam-deep);color:#fff;border-radius:999px;margin-top:8px;padding:8px 16px;font-size:15px;font-weight:800;display:inline-block}.community-start .cs-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.community-start a.cs-chip{border:2px solid var(--fam-line,#ddd);background:var(--card,#fff);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.community-start a.cs-chip:hover,.community-start a.cs-chip:focus-visible{border-color:var(--fam-deep)}.community-start a.cs-chip:focus-visible{outline:3px solid var(--fam-deep);outline-offset:2px}@media (max-width:480px){.community-start .cs-big{grid-template-columns:64px 1fr;padding:12px}.community-start .cs-art{width:64px;height:64px}.community-start .cs-art svg{width:46px;height:46px}.community-start .cs-title{font-size:19px}}@media print{.community-shelves,.community-start{display:none!important}}:is(body:has(:fullscreen) .community-shelves,body:has(:fullscreen) .community-start){display:none}
