.demo-note{padding:18px 22px;background:#e5e9db;line-height:1.6;border-left:4px solid #3e5c41}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.demo-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:26px;background:#dce7da;color:#241d16;border:1px solid #c6cebd;min-height:150px}.demo-card strong{font-size:25px}.demo-card span{font-weight:400;line-height:1.5}.demo-card:disabled{cursor:default;opacity:1;background:#f1efe8}.demo-card[aria-pressed=true]{background:#3e5c41;color:white}#demo-back{background:transparent;color:#3e5c41;padding:6px 0;min-height:36px}#demo-detail{padding:24px;border:1px solid #dfd9cd;background:white;overflow-wrap:anywhere}#demo-detail h3{margin-top:0;font-size:26px}#demo-detail textarea{width:100%;min-height:120px;font:inherit;padding:14px;border:1px solid #b6b8ac}#demo-detail button{margin:12px 12px 0 0}#demo-detail blockquote{background:#fbfaf6;padding:18px;margin:16px 0;border-left:3px solid #657b68}.demo-metrics{display:flex;flex-wrap:wrap;gap:24px}.demo-metrics p{margin:8px 0}main a{color:#3e5c41} @media(max-width:650px){.demo-grid{grid-template-columns:1fr}.demo-card{min-height:120px;padding:20px}#demo-detail{padding:18px}}

#demo-communities{gap:24px}#demo-communities .demo-community-card{padding:0 0 24px;gap:14px;overflow:hidden;background:#fff;border-color:#dfd9cd}#demo-communities .demo-community-card>strong,#demo-communities .demo-community-card>span:last-child{margin-inline:24px}#demo-communities .demo-photo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;background:#e5e9db;color:#657b68;font-size:14px;letter-spacing:.02em;margin:0 0 6px;text-align:center}#demo-communities .demo-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}#demo-communities .demo-community-card:hover:enabled{border-color:#3e5c41;box-shadow:0 5px 20px #241d1610}
#demo-communities .demo-photo{position:relative;flex-shrink:0;overflow:hidden}#demo-communities .demo-photo img{position:absolute;inset:0}