.social-demo{background:#f3f0e7;color:#30362c;border-top:1px solid #d6d9cb;padding:58px 24px 48px;font-family:inherit}.social-demo-inner{width:min(1120px,100%);margin:auto}.social-demo-header{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:28px}.social-demo-kicker{font-size:10px;font-weight:650;letter-spacing:1.7px;color:#8b663c;margin:0 0 13px}.social-demo h2{font:400 36px/1.2 Georgia,serif;letter-spacing:-.8px;margin:0 0 14px}.social-demo-description{max-width:610px;font-size:14px;line-height:1.7;margin:0;color:#68725f}.social-demo-source{font-size:12px;color:#3f5935;text-decoration:none;border-bottom:1px solid #9ca98d;padding-bottom:8px;white-space:nowrap}.social-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.social-post{display:flex;flex-direction:column;background:#fffdf8;border:1px solid #d7dccf;text-decoration:none;color:inherit;min-width:0}.social-post:hover{border-color:#758564}.social-post:focus-visible,.social-demo-source:focus-visible{outline:3px solid #a27c3d;outline-offset:4px}.social-post-image{display:block;width:100%;height:215px;object-fit:cover}.social-post-copy{padding:23px;display:flex;flex-direction:column;flex:1}.social-post-date{font-size:10px;color:#7a846e;margin-bottom:13px}.social-post-text{font-size:14px;line-height:1.8;margin:0 0 22px;overflow-wrap:anywhere}.social-post-link{font-size:11px;color:#476637;margin-top:auto}.social-feed-status{font-size:12px;line-height:1.8;color:#68725f;max-width:850px;margin:24px 0 0;padding-top:20px;border-top:1px solid #d6d9cb}.social-posts:empty{display:none}.social-demo-noscript{font-size:12px;line-height:1.8;color:#68725f}
@media(max-width:850px){.social-posts{grid-template-columns:repeat(2,minmax(0,1fr))}.social-demo h2{font-size:32px}}
@media(max-width:560px){.social-demo{padding:40px 22px}.social-demo-header{display:block}.social-demo h2{font-size:29px}.social-demo-description{font-size:13px}.social-demo-source{display:inline-block;margin-top:21px}.social-posts{grid-template-columns:1fr;gap:20px}.social-post-image{height:210px}.social-feed-status{font-size:11px}}

.social-demo-sample{margin-top:26px}.social-demo-sample[hidden]{display:none}.social-demo-sample-label{font-size:9px;letter-spacing:1.3px;font-weight:600;color:#8b663c;margin:0 0 14px}.social-demo-sample-credit{font-size:10px;color:#78816e;margin:13px 0 0}.social-demo-sample .social-posts{grid-template-columns:minmax(0,360px)}
