.oj-grid{display:flex;flex-direction:column;gap:1.25rem;margin-inline:auto}.oj-card{display:grid;grid-template-columns:52px 1fr auto auto auto;grid-template-rows:auto auto;align-items:center;column-gap:20px;row-gap:0;padding:22px 24px;background:#FCFBF8;border-bottom:1px solid #ede8e0;transition:background 0.18s ease}.oj-card:first-child{border-top:1px solid #ede8e0}.oj-card:hover{background:#fdf9f4}.oj-card__icon{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#f5efe6;color:var(--color-gold-base,#C8A063);flex-shrink:0}.oj-card__icon svg{display:block;width:24px;height:24px}.oj-card__body{grid-column:2;grid-row:1}.oj-card__title{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0 0 3px;line-height:1.3}.oj-card__location{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#888;margin:0}.oj-card__location svg{flex-shrink:0;opacity:.7}.oj-card__meta{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:5px;align-items:flex-start;white-space:nowrap}.oj-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:var(--color-neutral-muted,#6B6B6B);line-height:1}.oj-badge--type{font-weight:600;color:var(--color-neutral-dark,#2C2C2C)}.oj-badge--exp{color:var(--color-neutral-muted,#6B6B6B)}.oj-card__desc{grid-column:2 / 4;grid-row:2;font-size:.82rem;color:var(--color-neutral-muted,#6B6B6B);margin:8px 0 0;line-height:1.5}.oj-btn{grid-column:4;grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--color-gold-base,#C8A063);color:#fff;font-size:.82rem;font-weight:600;text-decoration:none;border-radius:6px;white-space:nowrap;margin-left:20px;transition:background 0.18s ease,transform 0.12s ease}.oj-btn:hover{background:var(--color-green-base,#1F4D43);color:#fff;transform:translateY(-1px)}.oj-btn:active{transform:translateY(0)}.oj-empty{text-align:center;color:var(--color-neutral-muted,#6B6B6B);padding:40px 0;font-size:.9rem}@media (max-width:680px){.oj-card{grid-template-columns:44px 1fr auto;grid-template-rows:auto auto auto;column-gap:14px;padding:18px 16px}.oj-card__icon{grid-row:1 / 4;width:40px;height:40px}.oj-card__icon svg{width:20px;height:20px}.oj-card__body{grid-column:2 / 4;grid-row:1}.oj-card__meta{grid-column:2 / 4;grid-row:2;flex-direction:row;flex-wrap:wrap;gap:6px 12px;margin-top:6px}.oj-card__desc{grid-column:2 / 4;grid-row:3;margin-top:6px}.oj-btn{grid-column:3;grid-row:1 / 2;padding:8px 14px;font-size:.78rem;margin-left:10px}}@media (max-width:480px){.oj-card{grid-template-columns:40px 1fr;grid-template-rows:auto auto auto auto;padding:16px}.oj-card__icon{grid-column:1;grid-row:1;align-self:start}.oj-card__body{grid-column:2;grid-row:1}.oj-card__meta{grid-column:1 / 3;grid-row:2;margin-top:10px}.oj-card__desc{grid-column:1 / 3;grid-row:3;margin-top:8px}.oj-btn{grid-column:1 / 3;grid-row:4;margin:14px 0 0;width:100%;padding:11px}}