.flow-examples h1{font-size:56px}.flow-examples .sub{font-size:24px}.flow-example-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;flex:1;min-height:0}.flow-example-layout>div{min-width:0}.flow-example-player{width:100%;aspect-ratio:16/9;background:#081728;border:1px solid #35516d;border-radius:10px;overflow:hidden}.flow-example-player iframe{width:100%;height:100%;display:block;border:0}.flow-example-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;padding:24px;background:radial-gradient(ellipse at top,#264c6c,#0d1d32)}.flow-example-placeholder strong{font-size:36px}.flow-example-placeholder p{font-size:23px;color:#b5d6ea}.flow-example-picks{display:flex;flex-direction:column;gap:16px}.flow-example-picks article{padding:15px 20px;border:1px solid #405f79;border-radius:10px;background:#213b57}.flow-example-picks h3{font-size:28px;margin:5px 0 10px}.flow-example-picks p{font-size:23px;line-height:1.4;margin-top:8px}.flow-example-picks .small{font-size:19px;margin:0}.flow-example-picks button{font-size:21px;padding:10px 14px;margin-bottom:3px}.flow-example-layout .small{font-size:20px;line-height:1.4;margin:12px 0}.flow-example-layout .resource-row{gap:10px;margin-top:14px}.flow-example-layout .resource-row a,.flow-example-layout .resource-row button{font-size:20px;padding:10px 13px}.flow-example-note{font-size:19px;line-height:1.4;color:#b4c6db}.flow-examples .source{font-size:16px}.flow-example-picks button[aria-pressed="true"]{background:#9ce4d0;color:#153249;border-color:#9ce4d0}
.flow-example-picks a{font-size:19px;color:#b8e8ff;white-space:nowrap}
.flow-example-player{height:400px;aspect-ratio:auto}.flow-example-picks .small{margin:0}