/* Original organization marks, with consistent spacing and native colors. */
.experience-toggle .company-mark.company-logo {
  width: 96px;
  height: 72px;
  flex: 0 0 96px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e7dfec;
  border-radius: 14px;
  box-shadow: 0 3px 12px #38124804;
  transition: border-color .25s, box-shadow .25s;
}
.experience.expanded .company-logo,
.experience-toggle:hover .company-logo {
  border-color: #c7acd9;
  box-shadow: 0 5px 18px #6228950c;
}
.organization-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.organization-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 76px;
  flex-shrink: 0;
  padding: 10px;
  border: 1px solid #e5dce9;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.organization-pair { gap: 7px; padding: 8px; }
.organization-pair .organization-logo:first-child { width: 34%; }
.organization-pair .organization-logo:last-child { width: calc(66% - 7px); }
.organization-pair-stacked { flex-direction: column; gap: 5px; }
.organization-pair-stacked .organization-logo:first-child { width: 100%; height: 36px; }
.organization-pair-stacked .organization-logo:last-child { width: 78px; height: 17px; }
.organization-padded-source { padding: 0; }
.organization-row {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  padding: 16px 0;
  border-top: 1px solid #ded4e8;
}
.organization-text { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.organization-text b { font-size: 14px; line-height: 1.6; font-weight: 500; }
.organization-text>span { flex-shrink: 0; font-size: 12px; color: var(--muted); }
.education-grid { gap: 38px; }
.credential-row {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  min-height: 100px;
  padding: 12px 0;
}
.education-grid .credential-row p { padding: 0; margin: 0; }
.credential-row+.credential-row { border-top: 1px solid #ded4e8; }
@media(min-width:1101px) { .experience-body { padding-left: 126px; } }
@media(max-width:1000px) {
  .education-grid { grid-template-columns: 1fr; gap: 0; }
  .education-grid>div+div { margin-top: 12px; padding-top: 12px; border-top: 1px solid #d2c3dd; }
  .organization-text { display: block; }
  .organization-text>span { display: block; margin-top: 5px; }
}
@media(max-width:600px) {
  .experience-toggle .company-mark.company-logo { width: 80px; height: 62px; flex-basis: 80px; padding: 9px; border-radius: 12px; }
  .experience-toggle .company-title { min-width: 0; }
  .experience-toggle .company-title small { max-width: none; }
  .experience-toggle .experience-date { padding-left: 93px; }
  .organization-mark { width: 90px; height: 68px; padding: 8px; }
  .organization-row,.credential-row { grid-template-columns: 90px minmax(0, 1fr); gap: 14px; }
  .organization-pair { gap: 5px; padding: 6px; }
  .organization-pair-stacked { gap: 3px; }
  .organization-pair-stacked .organization-logo:first-child { height: 33px; }
  .organization-pair-stacked .organization-logo:last-child { width: 70px; height: 16px; }
  .organization-padded-source { padding: 0; }
  .organization-text b,.education-grid b { font-size: 13px; }
  .education-grid span { font-size: 12px; line-height: 1.6; }
}
@media(prefers-reduced-motion:reduce) { .experience-toggle .company-mark.company-logo { transition: none; } }