/* One family: one camera, unit size, restrained material palette and world light. */
.foundations-grid article{display:flex;flex-direction:column;padding-top:25px}
.foundation-art{width:100%;height:216px;min-width:0;margin:12px 0 0;isolation:isolate}
.foundation-art .fp4-scene{display:block;width:100%;height:100%;overflow:hidden}
.fp4-scene .fp4-face{stroke:#87877f;stroke-width:.65;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.fp4-scene .fp4-paper{fill:#fcfcfa}
.fp4-scene .fp4-front{fill:#eaeae4}
.fp4-scene .fp4-side{fill:#d4d4cb}
.fp4-scene .fp4-ink{fill:#30302e;stroke:#30302e}
.fp4-scene .fp4-ink-side{fill:#20201f;stroke:#20201f}
.fp4-scene .fp4-guide{fill:none;stroke:#b0b0a6;stroke-width:.6;stroke-dasharray:2.5 3.5}
.fp4-scene .fp4-shadow{fill:#252522;opacity:.06;stroke:none}
.fp4-scene .fp4-deck-shadow{fill:#33332e;opacity:.07;stroke:none}
.fp4-scene .fp4-mark{fill:none;stroke:#92928a;stroke-width:.65;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.fp4-scene .fp4-soft{stroke:#cbcbc2;stroke-width:.55}
.fp4-scene .fp4-inverse{stroke:#efefe9;stroke-width:.7}
.foundations-grid h4{margin-top:10px;min-height:42px}
.foundations-grid article>span{font-size:11px}
@media(max-width:1100px){.foundation-art{height:190px}}
@media(max-width:800px){.foundation-art{height:225px}.foundations-grid h4{min-height:0}}
@media(max-width:560px){.foundations-grid{grid-template-columns:1fr}.foundations-grid article,.foundations-grid article+article{padding:24px 0;border-left:0}.foundations-grid article+article{border-top:1px solid var(--line)}.foundation-art{height:230px;max-width:380px;margin:10px auto 0}.foundations-grid h4{font-size:17px;margin-top:12px}.foundations-grid p{font-size:12px;max-width:380px}.foundations-grid article>span{font-size:11px}}

.fp4-scene .fp4-label{fill:#53534e;font-family:var(--mono,monospace);font-weight:400;dominant-baseline:middle}
.liquidity-example{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.foundations-grid .liquidity-key{font-size:11px;color:var(--secondary);line-height:1.6;margin:0 0 10px}
.liquidity-example button{font:inherit;font-size:12px;background:var(--paper);color:var(--ink);border:1px solid #c8c8bf;border-radius:4px;padding:8px 12px;min-height:40px}
.liquidity-example button:hover{background:var(--soft)}
.liquidity-example #liquidity-result{margin:10px 0 0;font-size:11px;line-height:1.7;min-height:57px}
.liquidity-example details{margin-top:12px}
.liquidity-example summary{font-size:11px;line-height:1.6;cursor:pointer;color:var(--secondary)}
.liquidity-example details p{margin-top:10px;font-size:11px;line-height:1.8}
.liquidity-example details a{display:inline-block;font-size:11px;line-height:1.7;margin-top:10px;text-decoration:underline;text-underline-offset:3px}