.foundation-example{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:26px;align-items:start;padding:28px;border:1px solid #d9e0e4;background:#f5f7f8;border-radius:14px;margin:28px 0}.foundation-example>*{min-width:0}.foundation-example h2{font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.2;margin:12px 0}.foundation-example p,.foundation-example-compact p{font-size:1rem;line-height:1.6}.foundation-example .foundation-example-meta,.foundation-example .foundation-example-note{font-size:.875rem;color:#59666e;line-height:1.5}.foundation-example-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:18px 0}.foundation-example-actions .button{white-space:normal;text-align:center;max-width:100%}.foundation-example-preview{display:block;color:#344149;text-decoration:none}.foundation-example-preview img{display:block;width:100%;height:auto;border:1px solid #d9e0e4;background:#fff}.foundation-example-preview span{display:block;font-size:.875rem;line-height:1.5;margin-top:10px}.foundation-example-cta{display:inline-block;font-size:1rem;font-weight:600;line-height:1.5}.foundation-example-compact{border-top:1px solid #d9e0e4;margin-top:26px;padding-top:20px}.foundation-example-compact small{display:block;font-size:.875rem;line-height:1.5;color:#59666e}.foundation-example-compact h3{margin:0 0 10px;font-size:1.3rem}@media(max-width:850px){.foundation-example{grid-template-columns:1fr;padding:20px;gap:20px}.foundation-example-preview{max-width:260px}}@media(max-width:400px){.foundation-example{padding:16px}.foundation-example-actions{align-items:flex-start;flex-direction:column}}