.field-card {
      background: var(--navy-card);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      overflow: hidden;
      transition: border-color 300ms var(--ease-out), box-shadow 300ms var(--ease-out);
    }
    .field-card:hover {
      border-color: var(--border-gold);
      box-shadow: var(--shadow-gold);
    }
    .field-map {
      width: 100%;
      height: 360px;
      border: none;
      display: block;
    }
    .field-info {
      padding: 32px;
    }
    .field-name {
      font-family: var(--font-head);
      font-size: 1.6rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: var(--white);
      margin-bottom: 6px;
    }
    .field-details {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin: 20px 0 28px;
    }
    .field-detail-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: 0.93rem;
      color: var(--gray-light);
    }
    .field-detail-item i {
      color: var(--gold);
      font-size: 0.9rem;
      margin-top: 2px;
      flex-shrink: 0;
    }
    .field-tags {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 24px;
    }
    .field-tag {
      background: rgba(245,166,35,0.1);
      border: 1px solid var(--border-gold);
      color: var(--gold);
      font-family: var(--font-head);
      font-size: 0.72rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 4px 12px;
      border-radius: 4px;
    }