@layer consultation {
  .consultation-card {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 18px;
    width: 100%;
    max-width: 480px;
    padding: 10px 16px 10px 10px;
    border: 1px solid #ffffff80;
    border-radius: 7px;
    background: #fff;
    color: var(--forest);
    text-decoration: none;
  }
  .consultation-portrait {
    width: 112px;
    height: 138px;
    object-fit: cover;
    object-position: 50% 28%;
    border-radius: 4px;
  }
  .consultation-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    gap: 9px;
    padding: 0;
  }
  .consultation-experience {
    display: inline-block;
    max-width: 100%;
    padding: 4px 7px;
    border-radius: 3px;
    background: #eaf1eb;
    color: #355747;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .consultation-person { display: flex; flex-direction: column; gap: 2px; margin: 0; }
  .consultation-name { font-size: 1.375rem; font-weight: 650; line-height: 1.3; letter-spacing: -.035em; }
  .consultation-role { font-size: .875rem; line-height: 1.5; color: var(--muted); }
  .consultation-prompt { padding: 0; color: var(--copper); font-size: 1.0625rem; font-weight: 650; line-height: 1.4; }
  .consultation-arrow { position: static; display: grid; place-items: center; width: 42px; height: 42px; background: #f2f5f2; border-radius: 50%; font-size: 1.6rem; line-height: 1; }
  @media (max-width: 600px) {
    .consultation-card { grid-template-columns: 82px minmax(0, 1fr); gap: 14px; padding: 10px; }
    .consultation-portrait { width: 82px; height: 128px; }
    .consultation-details { gap: 8px; }
    .consultation-name { font-size: 1.25rem; }
    .consultation-prompt { font-size: 1rem; }
    .consultation-arrow { display: none; }
  }
  @media (max-width: 380px) {
    .consultation-card { grid-template-columns: 70px minmax(0, 1fr); gap: 12px; padding: 8px; }
    .consultation-portrait { width: 70px; height: 124px; }
    .consultation-name { font-size: 1.125rem; }
  }
}