.novacat-social-world{width:min(100%,1160px);max-width:100%;margin:0 auto;padding:clamp(18px,4vw,48px);box-sizing:border-box;overflow-x:clip}.novacat-social-world *{box-sizing:border-box}.novacat-social-hero{text-align:center;padding:clamp(30px,6vw,70px) 0}.novacat-social-hero h1{font-size:clamp(1.8rem,5vw,3.5rem);line-height:1.12;margin:0 0 12px}.novacat-social-profiles{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 32px}.novacat-social-profiles a,.novacat-social-post>a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;border-radius:20px;background:#262c40;color:white;text-decoration:none}.novacat-social-rail{display:flex;gap:18px;overflow-x:auto;max-width:100%;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:12px 3px 22px}.novacat-social-post{flex:0 0 min(82vw,350px);min-width:0;scroll-snap-align:start;border-radius:18px;padding:16px;background:#121a2d;color:#fff;display:flex;flex-direction:column;gap:14px;overflow:hidden}.novacat-social-post iframe{max-width:100%;width:100%;border:0}.novacat-social-post blockquote{max-width:100%!important;min-width:0!important}.novacat-social-post>a{margin-top:auto}.novacat-social-empty{text-align:center}.novacat-social-world a:focus-visible,.novacat-social-rail:focus-visible{outline:3px solid #f8b858;outline-offset:3px}@media(max-width:480px){.novacat-social-world{padding:16px}.novacat-social-post{flex-basis:min(86vw,330px)}}

/* 1.01.23: complete public social-feed demonstration, independent of connected profiles. */
.novacat-social-demo,.novacat-social-how{margin:24px auto 46px;min-width:0;color:#f6f1e8;background:#081322;border:1px solid #344252;border-radius:20px;padding:clamp(16px,3vw,32px)}
.novacat-social-demo h2,.novacat-social-how h2{color:#f3c66b;margin:0 0 8px}.novacat-social-demo-heading{text-align:center;margin:0 auto 25px}.novacat-social-demo-heading p{margin:8px auto}.novacat-social-demo-heading>strong{display:block;font-size:.8rem;letter-spacing:.03em;color:#f3c66b;margin:12px auto}.novacat-social-demo-group{margin:22px 0;min-width:0}.novacat-social-demo-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:10px}.novacat-social-demo-title h3{margin:0;color:#fff}.novacat-social-demo-title span{font-size:.8rem;color:#d5dbe1}.novacat-social-demo-rail{display:flex;gap:14px;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 2px 16px}.novacat-social-demo-card{flex:0 0 clamp(205px,38vw,310px);min-width:0;scroll-snap-align:start;background:#142238;border:1px solid #40516a;border-radius:14px;overflow:hidden}.novacat-social-demo-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.novacat-social-demo-card>div{padding:13px}.novacat-social-demo-card strong{color:#fff}.novacat-social-demo-card p{color:#dce4ee;font-size:.9rem;margin:7px 0 0}.novacat-social-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.novacat-social-steps article{min-width:0;background:#15243a;border:1px solid #3d4d65;border-radius:14px;padding:18px}.novacat-social-steps h3{color:#fff;margin:10px 0}.novacat-social-steps span{display:grid;place-items:center;background:#f2c66b;color:#111;width:34px;height:34px;border-radius:50%;font-weight:800}.novacat-social-steps p,.novacat-social-disclosure{color:#dce4ee}.novacat-social-demo-rail:focus-visible{outline:3px solid #f3c66b;outline-offset:2px}@media(max-width:680px){.novacat-social-steps{grid-template-columns:1fr}.novacat-social-demo-card{flex-basis:min(79vw,290px)}}