.card{background-color:var(--color-bg-primary);transition:all var(--transition-fast);text-align:left;border:2px solid var(--black-obsidian-1000);width:100%;box-shadow:none;border-radius:.75rem;flex-direction:column;display:flex;position:relative}.card--clickable{cursor:pointer;font:inherit}.card--clickable:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.card--clickable:active{transform:translateY(1px)}.card--default{border-color:var(--black-obsidian-1000)}.card--default:hover{background:var(--color-bg-secondary)}.card--elevated{border-color:var(--black-obsidian-1000);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card--elevated:hover{background:var(--color-bg-secondary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card--outlined{border-color:var(--black-obsidian-1000)}.card--outlined:hover{background:var(--color-bg-secondary)}.card--ghost{background-color:#0000;border-color:#0000}.card--ghost:hover{background:var(--color-bg-secondary)}.card--interactive{border-color:var(--black-obsidian-1000);cursor:pointer}.card--interactive:hover{background:var(--color-bg-secondary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card--interactive:active{transform:translateY(0)}.card--primary{border-color:var(--safety-blue-1000);color:var(--safety-blue-1000)}.card--primary:hover{background:var(--safety-blue-100)}.card--primary .card-title{color:var(--safety-blue-1000)}.card--success{border-color:var(--safety-green-1000);color:var(--safety-green-1000)}.card--success:hover{background:var(--safety-green-100)}.card--success .card-title{color:var(--safety-green-1000)}.card--warning{border-color:var(--safety-yellow-1000);color:var(--safety-yellow-1000)}.card--warning:hover{background:var(--safety-yellow-100)}.card--warning .card-title{color:var(--safety-yellow-1000)}.card--error{border-color:var(--safety-orange-1000);color:var(--safety-orange-1000)}.card--error:hover{background:var(--safety-orange-100)}.card--error .card-title{color:var(--safety-orange-1000)}.card--hoverable:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card--draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.card--draggable:active{cursor:grabbing}.card-header{flex-direction:column;gap:.25rem;padding:1.5rem;display:flex}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:-.025em;margin:0}.card-description{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin:0}.card-content{flex:1;padding:1.5rem}.card-header+.card-content{padding-top:1rem}.card-content p{margin:0}.card-content p+p{margin-top:.75rem}.card-content ul,.card-content ol{margin:.75rem 0 0;padding-left:1.5rem}.card-content li+li{margin-top:.5rem}.card-footer{flex-wrap:wrap;align-items:center;gap:.75rem;padding:0 1.5rem 1.5rem;display:flex}.card-content+.card-footer{padding-top:0}.card-media{background-color:var(--color-bg-secondary);width:100%;position:relative;overflow:hidden}.card-media:first-child{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.card-media:last-child{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.card-media img{object-fit:cover;width:100%;height:100%;display:block}.card-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.25rem .625rem;line-height:1;display:inline-flex}.card-badge--default{background-color:var(--white-smoke-800);color:var(--black-oil-800)}.card-badge--primary{background-color:var(--safety-blue-100);color:var(--safety-blue-1000)}.card-badge--success{background-color:var(--safety-green-100);color:var(--safety-green-1000)}.card-badge--warning{background-color:var(--safety-yellow-100);color:var(--safety-yellow-1000)}.card-badge--danger{background-color:var(--safety-orange-100);color:var(--safety-orange-1000)}.card-grid{gap:1.5rem;display:grid}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card--horizontal{flex-direction:row}.card--horizontal .card-media{aspect-ratio:1;border-radius:.75rem 0 0 .75rem;width:40%}.card--horizontal .card-header,.card--horizontal .card-content,.card--horizontal .card-footer{padding-left:1.5rem;padding-right:1.5rem}.card-scroll-container{gap:var(--spacing-4);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:var(--spacing-2) 0;display:flex;overflow:auto hidden}.card-scroll-container::-webkit-scrollbar{height:8px}.card-scroll-container::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.card-scroll-container::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}.card-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--black-oil-500)}.card-scroll-container .card{flex:none;min-width:280px;max-width:360px}.dark .card{border-color:var(--color-border-primary);color:var(--white-smoke-800)}.dark .card:hover{background:var(--color-bg-secondary)}.dark .card--default{border-color:var(--color-border-primary)}.dark .card--elevated{border-color:var(--color-border-primary);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}.dark .card--elevated:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0006}.dark .card--outlined,.dark .card--interactive{border-color:var(--color-border-primary)}.dark .card--interactive:hover{box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0006}.dark .card--primary{border-color:var(--safety-blue-1000);color:var(--safety-blue-1000)}.dark .card--primary .card-title{color:var(--safety-blue-1000)}.dark .card--success{border-color:var(--safety-green-1000);color:var(--safety-green-1000)}.dark .card--success .card-title{color:var(--safety-green-1000)}.dark .card--warning{border-color:var(--safety-yellow-1000);color:var(--safety-yellow-1000)}.dark .card--warning .card-title{color:var(--safety-yellow-1000)}.dark .card--error{border-color:var(--safety-orange-1000);color:var(--safety-orange-1000)}.dark .card--error .card-title{color:var(--safety-orange-1000)}.dark .card-badge--default{background-color:var(--black-oil-800);color:var(--white-smoke-800)}.dark .card-badge--primary{background-color:var(--safety-blue-1000);color:var(--safety-blue-100)}.dark .card-badge--success{background-color:var(--safety-green-1000);color:var(--safety-green-100)}.dark .card-badge--warning{background-color:var(--safety-yellow-1000);color:var(--safety-yellow-100)}.dark .card-badge--danger{background-color:var(--safety-orange-1000);color:var(--safety-orange-100)}.dark .card-scroll-container::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.dark .card-scroll-container::-webkit-scrollbar-thumb{background:var(--color-border-primary)}.dark .card-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--black-oil-500)}@media (prefers-reduced-motion:reduce){.card{transition:none}.card--hoverable:hover,.card--clickable:hover,.card--interactive:hover{transform:none}.card-scroll-container{scroll-behavior:auto}}@media (max-width:640px){.card-header,.card-content,.card-footer{padding-left:1rem;padding-right:1rem}.card-header{padding-top:1rem}.card-footer{padding-bottom:1rem}.card--horizontal{flex-direction:column}.card--horizontal .card-media{border-radius:.75rem .75rem 0 0;width:100%}.card-scroll-container .card{min-width:240px;max-width:320px}}