.success-directory { color: #192e49; background: #fff; line-height: 1.8; overflow-wrap: anywhere; }
.success-directory *, .success-directory *::before, .success-directory *::after { box-sizing: border-box; }
.success-directory a { color: inherit; }
.success-card__tags a.success-card__industry { color: #fff; }
.success-hero { color: #fff; background-color: #142d45; background-image: linear-gradient(90deg, rgba(10,32,53,.97), rgba(10,32,53,.84) 52%, rgba(10,32,53,.45)), var(--success-hero-image); background-size: cover; background-position: center; }
.success-hero__inner { max-width: 1200px; margin: auto; padding: 24px 24px 0; }
.success-hero__eyebrow { color: #012543; font-size: 12px; font-weight: 600; letter-spacing: .18em; }
.success-hero h1 { text-align: left; font-size: 46px; font-weight: 600; line-height: 1.4; margin: 8px 0 12px; letter-spacing: .08em; }
.success-hero__lead { font-size: 23px; font-weight: 500; margin-bottom: 12px; }
.success-hero__description { color: #e1e8ee; font-size: 15px; }
.success-hero__nav { display: flex; gap: 32px; margin-top: 22px; }
.success-hero__nav a { padding: 12px 4px 16px; font-size: 15px; }
.success-hero__nav [aria-current] { border-bottom: 3px solid #012543; font-weight: 600; }
.success-directory__inner { max-width: 1200px; margin: auto; padding: 40px 24px 64px; }
.success-finder { margin-bottom: 40px; }
.success-finder__heading { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; padding: 16px 20px; background: #f1f4f6; cursor: pointer; list-style: none; border-top: 2px solid #192e49; }
.success-finder__title { font-family: inherit; font-size: 23px; font-weight: 600; }
.success-finder__hint { color: #687382; font-size: 13px; }
.success-finder .interview-finder__form { padding: 24px 20px 18px; background: #f5f6f7; border-top: 1px solid #dce3e8; }
.success-finder .interview-finder__industries { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 18px; }
.success-finder .interview-finder__industries legend { float: left; width: 170px; font-size: 14px; font-weight: 600; padding-top: 8px; margin: 0; }
.success-finder .interview-finder__chips { grid-column: 2; }
.success-finder .interview-finder__chips label > span { font-size: 13px; padding: 7px 13px; border-radius: 2px; }
.success-finder .interview-finder__reasons { margin-top: 20px; padding-top: 20px; }
.success-finder .interview-finder__conditions { display: flex; align-items: center; margin-top: 20px; padding-top: 20px; }
.success-finder .interview-finder__select { display: flex; align-items: center; gap: 18px; }
.success-finder .interview-finder__select label { width: 170px; flex-shrink: 0; margin: 0; }
.success-finder .interview-finder__select select { max-width: 300px; }
.success-finder .interview-finder__clear { margin: 0; padding: 8px; }
.success-results .interview-results__header h2 { font-size: 26px; line-height: 1.6; }
.success-results__list { display: grid; gap: 24px; }
/* Each case reads as a transaction: context, two companies, then their motives. */
.success-card { border: 1px solid #d7dfe6; border-top: 3px solid #173b57; background: #fff; box-shadow: 0 3px 14px #192e4908; }
.success-card__top { padding: 24px 26px 20px; }
.success-card__tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; font-size: 13px; font-weight: 600; }
.success-card__industry { background: #173b57; color: #fff; padding: 5px 14px; }
.success-card__location { display: inline-flex; align-items: center; gap: 7px; border: 1px solid #ccd6df; background: #fff; padding: 4px 12px; color: #364f65; }
.success-card h3 { font-size: 22px; font-weight: 600; line-height: 1.65; margin: 0; }
.success-card h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.success-card__content { display: flex; gap: 20px; padding: 0 26px 24px; align-items: flex-start; }
.success-card__image { display: block; width: 180px; flex-shrink: 0; overflow: hidden; background: #eef1f4; }
.success-card__image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .2s; }
.success-card__image:hover img { transform: scale(1.03); }
.success-card__companies { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr); flex: 1; min-width: 0; align-items: stretch; }
.success-card__company { background: #faf3f3; border: 1px solid #e3c7c6; }
.success-card__company--buyer { background: #eef4f8; border-color: #cddce8; }
.success-card__company h4 { font-family: inherit; font-size: 13px; font-weight: 600; color: #fff; background: #9a3632; text-align: center; padding: 6px 10px; margin: 0; letter-spacing: .08em; }
.success-card__company--buyer h4 { background: #012543; }
.success-card__name { font-size: 14px; font-weight: 600; margin: 10px 10px 0; }
.success-card__company dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: baseline; gap: 7px 8px; padding: 10px; font-size: 13px; }
.success-card__company dt { white-space: nowrap; color: #566471; font-size: 11px; font-weight: 400; }
.success-card__company dd { margin: 0; font-weight: 500; line-height: 1.6; }
.success-card__company dd:last-child { margin-bottom: 0; }
.success-card__company .success-card__revenue { font-size: 18px; font-weight: 600; letter-spacing: .01em; }
.success-card__arrow { align-self: center; justify-self: center; width: 30px; color: #72879a; font-size: 25px; text-align: center; }
.success-card__bottom { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; border-top: 1px solid #e0e6eb; padding: 20px 26px; background: #f7f9fb; }
.success-card__reasons { display: grid; grid-template-columns: 114px minmax(0, 1fr); gap: 12px 16px; font-size: 14px; align-items: start; }
.success-card__reasons dt { font-size: 12px; font-weight: 600; padding: 5px 0 5px 10px; border-left: 3px solid #012543; color: #43566a; }
.success-card__reasons dd { margin: 0; font-weight: 500; padding-top: 2px; line-height: 1.9; }
.success-card .interview-story__reason-link { display: inline-block; color: #012543; background: #fff; border: 1px solid #d9dfe6; border-radius: 2px; padding: 7px 9px; margin: 0 6px 4px 0; font-size: 12px; font-weight: 400; text-decoration: none; }
.success-card .interview-story__reason-link::before { content: '#'; margin-right: 4px; }
.success-card .interview-story__reason-link:hover { background: #1a3051; border-color: #1a3051; color: #fff; }
.success-card .interview-story__reason-link:focus-visible { outline: 2px solid #012543; outline-offset: 3px; }
.success-finder .interview-finder__chips input:focus-visible + span { outline-color: #012543; }
.success-card__detail { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 164px; min-width: 0; min-height: 44px; margin: 0; padding: 9px 18px; background: #fff; border: 2px solid #012543; border-radius: 24px; box-shadow: 0 2px 4px #01254312; transition: background-color .18s, color .18s; color: #012543 !important; font-size: 14px; font-weight: 600; }
.success-card__detail:hover { background: #012543; color: #fff !important; }
.success-card__detail:focus-visible { outline: 3px solid #012543; outline-offset: 3px; }
.success-results__note { color: #74808c; font-size: 12px; margin-top: 26px; }
.success-interviews { margin-top: 28px; }
.success-interviews__banner { display: grid; grid-template-columns: 1fr 1fr; background: #102f48; color: #fff !important; overflow: hidden; border-bottom: 4px solid #012543; }
.success-interviews__body { position: relative; z-index: 1; padding: 36px; }
.success-interviews__label { color: #dce5ec; font-size: 13px; letter-spacing: .08em; margin-bottom: 8px; }
.success-interviews h2 { font-size: 30px; font-weight: 600; line-height: 1.5; letter-spacing: .06em; margin: 0 0 14px; }
.success-interviews__lead { font-size: 18px; margin-bottom: 10px; }
.success-interviews__description { font-size: 13px; color: #dce5ec; line-height: 1.9; }
.success-interviews__cta { width: 288px; max-width: 100%; min-height: 60px; height: auto; padding: 19px 56px 19px 24px; margin-top: 24px; font-size: 16px; letter-spacing: .03em; box-shadow: 0 4px 0 #682621, 0 6px 16px #0003; transition: filter .2s, box-shadow .2s; }
.success-interviews__cta::after { display: flex; align-items: center; justify-content: center; right: 16px; width: 28px; height: 28px; border: 1px solid #ffffff80; border-radius: 50%; font-size: 20px; transition: transform .2s; }
.success-interviews__cta:focus-visible { outline: 3px solid #dce5ec; outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
  .success-interviews__cta:hover { opacity: 1; filter: brightness(1.12); box-shadow: 0 4px 0 #682621, 0 8px 20px #0005; }
  .success-interviews__cta:hover::after { transform: translateX(3px); }
}
@media (prefers-reduced-motion: reduce) {
  .success-interviews__cta, .success-interviews__cta::after { transition: none; }
  .success-interviews__cta:hover::after { transform: none; }
}
.success-interviews__visual { display: flex; position: relative; min-width: 0; overflow: hidden; }
.success-interviews__visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #102f48, transparent 30%); pointer-events: none; }
.success-interviews__visual img { width: 100%; min-width: 0; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 767px) {
  .success-hero__inner { padding: 20px 20px 0; }
  .success-hero .c-breadcrumbList { margin-bottom: 20px; }
  .success-hero h1 { text-align: left; font-size: 34px; }
  .success-hero__lead { font-size: 20px; }
  .success-hero__description { font-size: 14px; }
  .success-directory__inner { padding: 28px 16px 40px; }
  .success-finder, .success-results { padding: 0; }
  .success-finder__heading { display: block; }
  .success-finder__title { font-size: 20px; margin-bottom: 6px; }
  .success-finder .interview-finder__form { padding: 18px 14px; }
  .success-finder .interview-finder__industries { display: block; }
  .success-finder .interview-finder__industries legend { float: none; width: auto; margin-bottom: 12px; padding: 0; }
  .success-finder .interview-finder__chips label > span { font-size: 12px; padding: 7px 10px; }
  .success-finder .interview-finder__conditions { display: block; }
  .success-finder .interview-finder__select { display: block; }
  .success-finder .interview-finder__select label { margin-bottom: 8px; }
  .success-finder .interview-finder__select select { max-width: none; }
  .success-finder .interview-finder__clear { margin-top: 12px; padding-left: 0; }
  .success-results .interview-results__header h2 { font-size: 21px; }
  .success-results .interview-results__header { gap: 8px; }
  .success-results .interview-results__header p { font-size: 13px; }
  .success-results { padding-bottom: 36px; }
}


.success-finder .interview-finder__industries legend small { display: block; font-size: 12px; font-weight: 400; color: #65717f; }

.success-hero__breadcrumb { font-size: 13px; margin-bottom: 24px; color: #e1e8ee; }
.success-hero__breadcrumb-items { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.success-hero__breadcrumb-items > span + span::before { content: '›'; margin-right: 10px; color: #b9c7d2; }
.success-hero__breadcrumb a { color: #e1e8ee; text-decoration: underline; text-underline-offset: 3px; }
.success-hero__breadcrumb [itemprop="name"] { color: inherit; }
.success-finder__heading::-webkit-details-marker { display: none; }
.success-finder__heading::after { content: '+'; margin-left: auto; font-size: 24px; line-height: 1; }
.success-finder[open] > summary::after { content: '−'; }
.success-finder__title { font-size: 18px; font-weight: 600; }
.success-finder__hint { font-size: 12px; }
.success-finder__heading:focus-visible { outline: 2px solid #012543; outline-offset: 3px; }
@media (min-width: 1100px) {
  .success-directory__inner { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 32px; align-items: start; }
  .success-finder { margin: 0; grid-column: 2; grid-row: 1; }
  .success-results { grid-column: 1; grid-row: 1; min-width: 0; padding-bottom: 16px; }
  .success-interviews { grid-column: 1 / -1; }
  .success-finder__heading { display: block; cursor: default; padding: 16px; }
  .success-finder__heading::after { display: none; }
  .success-finder__hint { display: block; margin-top: 4px; }
  .success-finder .interview-finder__form { padding: 20px 16px; }
  .success-finder .interview-finder__industries { display: block; }
  .success-finder .interview-finder__industries legend { float: none; width: auto; padding: 0; margin-bottom: 12px; }
  .success-finder .interview-finder__industries legend small { display: inline; }
  .success-finder .interview-finder__chips label > span { padding: 7px 9px; font-size: 12px; }
  .success-finder .interview-finder__conditions, .success-finder .interview-finder__select { display: block; }
  .success-finder .interview-finder__select label { margin-bottom: 8px; }
  .success-finder .interview-finder__clear { margin-top: 12px; padding-left: 0; }
}
@media (max-width: 767px) {
  .success-hero { background-position: 62% center; }
  .success-finder__heading { display: flex; flex-wrap: nowrap; padding: 14px; }
  .success-finder__title { font-size: 16px; }
  .success-finder__hint { display: none; }
  .success-finder__heading { min-height: 56px; }
  .success-finder .interview-finder__chips { gap: 12px; }
  .success-finder .interview-finder__chips label > span { min-height: 48px; padding: 12px 14px; font-size: 14px; }
  .success-finder .interview-finder__select select { height: 48px; font-size: 16px; }
  .success-finder .interview-finder__clear { display: inline-flex; align-items: center; min-height: 48px; margin-top: 12px; padding: 12px; }
}

@media (max-width: 767px) {
  .success-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); }
  .success-card__top { grid-column: 2; grid-row: 1; padding: 14px 12px 14px 0; }
  .success-card:not(:has(.success-card__image)) .success-card__top { grid-column: 1 / -1; padding-left: 12px; }
  .success-card h3 { font-size: 17px; }
  .success-card__tags { font-size: 12px; gap: 6px; }
  .success-card__content { display: contents; }
  .success-card__image { grid-column: 1; grid-row: 1; align-self: start; width: 88px; margin: 14px 0 14px 12px; }
  .success-card__image img { aspect-ratio: 1; }
  .success-card__companies { grid-column: 1 / -1; grid-row: 2; width: auto; margin: 0 12px 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: max-content max-content repeat(3, max-content); align-content: start; column-gap: 8px; }
  .success-card__company { display: grid; grid-row: 1 / span 5; grid-template-rows: subgrid; min-width: 0; }
  .success-card__company:first-child { grid-column: 1; }
  .success-card__company--buyer { grid-column: 2; }
  .success-card__company h4 { grid-row: 1; }
  .success-card__name { grid-row: 2; }
  .success-card__company dl { grid-row: 3 / span 3; grid-template-rows: subgrid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; align-content: start; padding: 8px; font-size: 12px; gap: 4px 6px; }
  .success-card__company dd { overflow-wrap: anywhere; }
  .success-card__company dt { font-size: 10px; }
  .success-card__name { font-size: 12px; margin: 8px 8px 0; }
  .success-card__company h4 { display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1.5; padding: 6px 8px; }
  .success-card__company .success-card__revenue { font-size: 16px; }
  .success-card__arrow { display: none; }
  .success-card__bottom { grid-column: 1 / -1; grid-row: 3; padding: 12px; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
  .success-card__reasons { grid-template-columns: 94px minmax(0, 1fr); gap: 8px; font-size: 12px; }
  .success-card__reasons dt { font-size: 11px; padding-left: 7px; }
  .success-card .interview-story__reason-link { padding: 5px 7px; font-size: 11px; }
  .success-card__detail { width: 112px; gap: 10px; padding: 9px 12px; font-size: 12px; justify-self: end; margin: 0; }
}

@media (max-width: 900px) {
  .success-interviews__banner { grid-template-columns: 1.1fr 1fr; }
  .success-interviews__body { padding: 28px; }
  .success-interviews h2 { font-size: 26px; }
  .success-interviews__lead { font-size: 16px; }
}
@media (max-width: 767px) {
  .success-interviews__banner { display: flex; flex-direction: column-reverse; }
  .success-interviews__visual { height: 160px; }
  .success-interviews__visual::after { background: linear-gradient(0deg, #102f48, transparent 45%); }
  .success-interviews__body { padding: 16px 24px 28px; }
  .success-interviews__cta { width: 100%; }
}

.success-interviews__visual img { object-position: 62% 40%; }

.success-card__filter-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.success-card__filter-link:focus-visible { outline: 2px solid #9a3632; outline-offset: 3px; }
.success-finder .interview-finder__conditions { flex-wrap: wrap; gap: 16px; }
.success-finder .interview-finder__conditions > .interview-finder__select + .interview-finder__select { margin-top: 16px; }

/* Both companies share row tracks so wrapped values keep the next fields aligned. */
@media (min-width: 768px) {
  .success-card__companies { grid-template-rows: auto auto repeat(3, auto); }
  .success-card__company { display: grid; grid-row: 1 / span 5; grid-template-rows: subgrid; min-width: 0; }
  .success-card__company:first-child { grid-column: 1; }
  .success-card__company--buyer { grid-column: 3; }
  .success-card__company h4 { grid-row: 1; }
  .success-card__name { grid-row: 2; }
  .success-card__company dl { grid-row: 3 / span 3; grid-template-rows: subgrid; }
  .success-card__arrow { grid-column: 2; grid-row: 1 / span 5; }
}

@media (max-width: 374px) {
  .success-card__companies { grid-template-rows: max-content max-content repeat(6, max-content); }
  .success-card__company { grid-row: 1 / span 8; }
  .success-card__company dl { grid-row: 3 / span 6; grid-template-columns: minmax(0, 1fr); row-gap: 2px; }
  .success-card__company dt:not(:first-child) { padding-top: 6px; }
  .success-card__reasons { grid-template-columns: 1fr; gap: 4px; }
  .success-card__reasons dd + dt { margin-top: 6px; }
}