.octo-controls{display:flex;gap:12px;padding:20px;background:#f5f6fa}.octo-controls input{width:100%;min-width:0;border:1px solid #dce1eb;border-radius:6px;padding:12px;font:inherit}.octo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px}.octo-card{border:1px solid #dce1eb;border-radius:9px;overflow:hidden;display:block;background:white}.octo-card>img{width:100%;aspect-ratio:1.45;object-fit:cover}.octo-card-body{padding:20px}.octo-card h3{font-size:20px;margin:12px 0 5px}.octo-card p{font-size:14px;color:#626c83}.octo-card strong{font-size:25px}.octo-badge{font-size:12px;border-radius:15px;background:#edf0fa;padding:4px 9px}.octo-view{display:block;border-top:1px solid #dce1eb;margin-top:15px;padding-top:12px;font-size:14px;font-weight:700}@media(max-width:760px){.octo-cards{grid-template-columns:1fr;padding:14px}.octo-controls{flex-direction:column;padding:14px}}