.open-goals{margin:16px 0 22px;padding:18px;border:1px solid #365166;border-radius:12px;background:linear-gradient(120deg,#0d1c28,#10151f)}.open-goals>header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:12px}.open-goals>header span{color:#efc879;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.open-goals h2{margin:3px 0;font-size:22px}.open-goals>header p{margin:0;color:#a8bdcc;font-size:12px}.open-goals>header>a{color:#efc879;font-size:12px;white-space:nowrap}.open-goals-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,30%);gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 9px;scrollbar-width:thin;scrollbar-color:#40b4ce #0a1822}.open-goals-scroll article{scroll-snap-align:start;min-height:150px;padding:14px;border:1px solid #29485d;border-left:3px solid #efc879;border-radius:8px;background:#0b1722}.open-goals-scroll small{color:#75d9ef;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.open-goals-scroll h3{font-size:15px;line-height:1.3;margin:7px 0}.open-goals-scroll p{font-size:11px;line-height:1.55;color:#afc1ce}.open-goals-scroll a{color:#efc879;font-size:11px}.open-goals-scroll:focus-visible{outline:2px solid #efc879}@media(max-width:700px){.open-goals{padding:13px}.open-goals>header{align-items:start;flex-direction:column;gap:6px}.open-goals-scroll{grid-auto-columns:86%}}
