.job-card{background:hsl(var(--bg-card));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-spring);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.job-card:hover{border-color:hsl(var(--primary));box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.employer-row{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:.375rem;display:flex}.employer-name{color:hsl(var(--text-secondary));font-size:.875rem;font-weight:600}.verified-badge{color:hsl(var(--accent));background:hsl(var(--alert-success-bg));border-radius:var(--radius-pill);border:1px solid hsl(var(--accent) / .2);align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.job-title{color:hsl(var(--text-primary));font-size:1.125rem;font-weight:700;line-height:1.35}.compensation-box{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.hourly-rate{color:hsl(var(--primary));font-size:1.25rem;font-weight:700}.rate-unit{color:hsl(var(--text-muted));font-size:.8125rem;font-weight:500}.annual-rate{color:hsl(var(--text-muted));font-size:.8125rem}.job-summary{color:hsl(var(--text-secondary));margin:0;font-size:.9375rem;line-height:1.6}.card-meta-row{border-top:1px solid hsl(var(--border-subtle));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.tags-group{flex-wrap:wrap;gap:.5rem;display:flex}.tag-pill{border-radius:var(--radius-sm);background:hsl(var(--bg-surface-2));color:hsl(var(--text-secondary));border:1px solid hsl(var(--border-subtle));white-space:nowrap;padding:.25rem .65rem;font-size:.75rem;font-weight:500}.compact-pill{background:hsl(var(--alert-success-bg));color:hsl(var(--accent));border-color:hsl(var(--accent) / .25);font-weight:600}.single-pill{background:hsl(var(--alert-warning-bg));color:hsl(var(--alert-warning));border-color:hsl(var(--alert-warning) / .25)}.actions-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bookmark-btn{background:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-md);color:hsl(var(--text-secondary));cursor:pointer;min-height:36px;transition:all var(--duration-fast) var(--ease-spring);justify-content:center;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.bookmark-btn:hover{background:hsl(var(--bg-canvas));color:hsl(var(--primary))}.bookmark-btn.saved{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-color:hsl(var(--primary))}.bookmark-btn.saved .bookmark-icon{fill:currentColor}.share-btn{background:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-md);color:hsl(var(--text-secondary));cursor:pointer;min-height:36px;transition:all var(--duration-fast) var(--ease-spring);justify-content:center;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.share-btn:hover{background:hsl(var(--bg-canvas));color:hsl(var(--primary));border-color:hsl(var(--primary))}.apply-cta{background:hsl(var(--primary));color:hsl(var(--text-on-primary));border-radius:var(--radius-md);min-height:36px;transition:background var(--duration-fast) var(--ease-spring);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.apply-cta:hover{background:hsl(var(--primary-hover));color:hsl(var(--text-on-primary))}.job-title-link{color:inherit;min-height:32px;transition:color var(--duration-fast) ease;padding:.15rem 0;text-decoration:none;display:inline-block}.job-title-link:hover{color:hsl(var(--primary));text-decoration:underline}.details-cta{background:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-md);color:hsl(var(--text-secondary));min-height:36px;transition:all var(--duration-fast) var(--ease-spring);white-space:nowrap;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.details-cta:hover{background:hsl(var(--bg-canvas));color:hsl(var(--primary));border-color:hsl(var(--primary))}.card-tool-strip{align-items:center;gap:.35rem;display:inline-flex}.card-icon-action{background:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-md);color:hsl(var(--text-secondary));cursor:pointer;min-height:36px;transition:all var(--duration-fast) var(--ease-spring);white-space:nowrap;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .65rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.card-icon-action:hover{background:hsl(var(--bg-canvas));color:hsl(var(--primary));border-color:hsl(var(--primary))}.card-icon-action.flagged{background:hsl(var(--alert-warning-bg));color:hsl(var(--alert-warning));border-color:hsl(var(--alert-warning));pointer-events:none}@media (width<=640px){.job-card{padding:1rem;overflow:hidden}.card-meta-row{flex-direction:column;align-items:stretch;gap:.75rem}.tags-group{width:100%}.actions-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.actions-group .details-cta{text-align:center;width:100%;min-height:44px}.card-tool-strip{grid-template-columns:repeat(4,1fr);gap:.35rem;width:100%;display:grid}.card-tool-strip .bookmark-btn,.card-tool-strip .card-icon-action{width:100%;min-height:44px;padding:.4rem .25rem;font-size:.75rem}.actions-group .apply-cta,.actions-group .apply-ats-btn{box-sizing:border-box;white-space:nowrap;text-align:center;justify-content:center;width:100%;min-height:44px}.compensation-box{text-align:left;align-items:flex-start}.job-title-link{align-items:center;min-height:44px;display:flex}}