.fa-demo{margin-block:2rem}.fa-demo-notice{background:#fff5cd;color:#342a10;border-inline-start:4px solid #fdc101;padding:1rem;line-height:1.65;border-radius:4px}.fa-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.25rem}.fa-demo-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem;gap:.4rem;overflow-wrap:anywhere}.fa-demo-card h3{font-size:1.25rem;line-height:1.4;margin:.4rem 0}.fa-demo-card p{line-height:1.65;margin:.4rem 0}.fa-demo-card .btn{margin-top:auto}.fa-demo-portrait{display:block;width:100%;max-width:320px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}.fa-demo-card .fa-demo-portrait{max-width:200px;margin-bottom:.6rem}.fa-demo-heading{display:flex;gap:2rem;align-items:center;margin-block:2rem}.fa-demo-heading figure{margin:0;flex:0 1 280px}.fa-demo-heading>div{flex:1;min-width:0}.fa-demo-heading figcaption{font-size:.8rem;margin-top:.5rem;line-height:1.5}.fa-demo-detail{max-width:1060px}.fa-demo-detail .panel{margin-block:1.25rem;padding:1.5rem}.fa-demo-detail li{margin-block:.5rem;line-height:1.65}.fa-demo-detail p{line-height:1.7}.fa-demo .badge{background:#fdc101;color:#29220f}.fa-demo a:focus-visible{outline:3px solid #e4ae01;outline-offset:4px}@media(max-width:600px){.fa-demo-heading{flex-direction:column;align-items:stretch;gap:1rem}.fa-demo-heading figure{flex:auto;max-width:240px}.fa-demo-detail .panel{padding:1rem}.fa-demo-detail h1{font-size:1.8rem;overflow-wrap:anywhere}}