/* Experience uses intrinsic card heights and keeps a row-major source order.
   JavaScript enhances this fallback grid into staggered columns without
   changing reading order, links, or document structure. */
.home-profile .home-experience-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  align-items: start;
  margin: 0 0 29px;
}

.home-profile .page__content .experience-card {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  align-items: start;
  align-self: start;
  gap: 11px;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 13px;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #f0ecee;
  border-radius: 10px;
  box-shadow: 0 3px 14px rgba(35, 42, 52, .045);
  transition: border-color 160ms ease, box-shadow 160ms ease;
  break-inside: avoid;
}
.home-profile .page__content .experience-card:hover {
  transform: none;
  border-color: #e8e0e5;
  box-shadow: 0 5px 18px rgba(35, 42, 52, .075);
}
.home-profile .page__content .experience-card .edu-logo,
.home-profile .page__content .experience-card .intern-logo {
  display: block;
  width: 68px;
  height: 68px;
  max-width: 68px;
  flex: 0 0 68px;
  margin: 0;
  padding: 0;
  object-fit: contain;
  border: 0;
  background: transparent;
}
.home-profile .page__content .experience-card .edu-content,
.home-profile .page__content .experience-card .intern-content {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.47;
}
.home-profile .page__content .experience-card .experience-name {
  margin: 0 0 3px;
  padding: 0;
  border: 0;
  color: #30343b;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: -.01em;
}
.home-profile .page__content .experience-card .experience-name a,
.home-profile .page__content .experience-card .experience-name a:visited {
  color: #30343b;
  font-weight: inherit;
}
.home-profile .page__content .experience-card .experience-name a:hover {
  color: #a45b65;
}
.home-profile .page__content .experience-card p.experience-role,
.home-profile .page__content .experience-card p.experience-date,
.home-profile .page__content .experience-card p.experience-summary {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: 1.48;
}
.home-profile .page__content .experience-card p.experience-role {
  color: #505b68;
  font-size: 13px;
  font-weight: 600;
}
.home-profile .page__content .experience-card p.experience-date {
  margin-top: 0;
  margin-bottom: 4px;
  color: #89909a;
  font-size: 12.3px;
  font-variant-numeric: tabular-nums;
}
.home-profile .page__content .experience-card p.experience-summary {
  margin-top: 5px;
  color: #66707b;
  font-size: 12.8px;
}
.home-profile .page__content .experience-card .experience-role a,
.home-profile .page__content .experience-card .experience-summary a {
  color: #66707b;
  text-decoration: underline;
  text-decoration-color: #d3bcc2;
  text-underline-offset: 2px;
}
.home-profile .page__content .experience-card .experience-role a:hover,
.home-profile .page__content .experience-card .experience-summary a:hover {
  color: #a45b65;
}
/* Earlier schooling remains a normal, compact card, not a full-width banner. */
.home-profile .page__content .experience-card--earlier {
  grid-column: auto;
  min-height: 0;
}
.home-profile .page__content .experience-card--earlier .edu-content {
  display: block;
}

/* Progressive-enhancement masonry. A one-pixel row track plus small
   row gaps permits fine-grained independent card heights. */
.home-profile .home-experience-grid.experience-masonry {
  grid-auto-flow: row dense;
  grid-auto-rows: 1px;
  column-gap: 13px;
  row-gap: 8px;
}
@media (min-width: 1200px) {
  .home-profile .home-experience-grid.experience-masonry > .experience-card:nth-child(3n + 1) { grid-column: 1; }
  .home-profile .home-experience-grid.experience-masonry > .experience-card:nth-child(3n + 2) { grid-column: 2; }
  .home-profile .home-experience-grid.experience-masonry > .experience-card:nth-child(3n) { grid-column: 3; }
}
@media (min-width: 741px) and (max-width: 1199px) {
  .home-profile .home-experience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-profile .home-experience-grid.experience-masonry > .experience-card:nth-child(2n + 1) { grid-column: 1; }
  .home-profile .home-experience-grid.experience-masonry > .experience-card:nth-child(2n) { grid-column: 2; }
}
@media (max-width: 740px) {
  .home-profile .home-experience-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .home-profile .home-experience-grid.experience-masonry > .experience-card { grid-column: 1; }
  .home-profile .page__content .experience-card { grid-template-columns: 60px minmax(0, 1fr); padding: 13px; }
  .home-profile .page__content .experience-card .edu-logo,
  .home-profile .page__content .experience-card .intern-logo { width: 60px; height: 60px; max-width: 60px; flex-basis: 60px; }
}
/* Paper previews are independent of Experience. Keep the original sizing. */
.home-profile .work-card { grid-template-columns: 280px minmax(0, 1fr); gap: 24px; }
.home-profile .work-media { height: 190px; }
.home-profile .work-media img { object-fit: contain; }
.home-profile .work-media--resource img { width: 116px; height: 116px; }
@media (max-width: 1100px) {
  .home-profile .work-card { grid-template-columns: 235px minmax(0, 1fr); gap: 18px; }
  .home-profile .work-media { height: 170px; }
}
@media (max-width: 620px) {
  .home-profile .work-card { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .home-profile .work-media { height: auto; aspect-ratio: 1.65; max-height: 300px; }
  .home-profile .work-media--resource img { width: 112px; height: 112px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-profile .page__content .experience-card { transition: none; }
}