/* Keep the discovery preview short; the full descriptions live in the profile. */
.discovery-view .match-card .brief-offer h3,
.discovery-view .match-card .brief-need p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

img[src^="/brand-mark.png"] {
  border-radius: 50%;
  clip-path: circle(50%);
}

@media (min-width: 900px) {
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) {
    grid-template-columns: 196px minmax(0, 1fr);
    grid-template-rows: 72px minmax(0, 1fr);
    background: #f7faff;
  }

  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar {
    min-height: 72px;
    padding-inline: clamp(24px, 3.2vw, 48px);
    border-bottom-color: #e3eaf5;
    background: rgba(250, 252, 255, .92);
  }

  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .views {
    height: calc(100dvh - 72px);
    padding: 26px clamp(24px, 3.2vw, 48px) 64px;
    background: #f7faff;
    background-image: none;
  }

  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .view {
    width: min(100%, 1080px);
  }

  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .bottom-nav {
    min-height: 100dvh;
    gap: 4px;
    padding: 17px 11px 14px;
    border-right: 1px solid #e3eaf5;
    color: #344968;
    background: #fbfdff;
    box-shadow: none;
  }

  .desktop-nav-brand {
    min-height: 66px;
    gap: 9px;
    margin: 0 3px 14px;
    padding: 2px 2px 14px;
    border-bottom: 1px solid #e6edf6;
  }

  .desktop-nav-brand .brand-logo {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 5px 14px rgba(45, 103, 190, .14);
  }

  .desktop-nav-brand strong { font-size: 13px; }
  .desktop-nav-brand small { margin-top: 3px; color: #8291a9; font-size: 9px; }
  .desktop-nav-label { display: none; }

  .bottom-nav > button {
    min-height: 42px;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 9px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #657792;
    font-size: 11px;
    font-weight: 680;
  }

  .bottom-nav > button svg { width: 18px; height: 18px; }
  .bottom-nav > button:hover {
    border-color: #e0eafa;
    color: #1d57bd;
    background: #f0f6ff;
    transform: none;
  }
  .bottom-nav > button.is-active {
    border-color: #b9d5ff;
    color: #164aa6;
    background: linear-gradient(125deg, #f3f8ff, #dfedff);
    box-shadow: 0 5px 14px rgba(45, 103, 190, .1), inset 0 1px 0 #fff;
  }
  .bottom-nav > button.is-active::before { display: none; }
  .desktop-nav-progress { display: none; }
  .desktop-nav-user { margin-top: auto; padding-top: 12px; }

  .discovery-view .mobile-home { display: block; }
  .discovery-view .mobile-home-tabs {
    width: min(100%, 800px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
  }
  .discovery-view .mobile-home-tabs > button {
    min-width: 0;
    min-height: 104px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 17px;
    color: #405a7e;
    background: linear-gradient(145deg, #fff, #edf5ff);
    box-shadow: 0 8px 20px rgba(47, 93, 159, .08), inset 0 1px 0 #fff;
    font-size: 12px;
    font-weight: 700;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  }
  .discovery-view .mobile-home-tabs > button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(47, 93, 159, .13);
  }
  .discovery-view .mobile-home-tabs > button.is-active {
    border-color: #b7d4ff;
    color: #174ca9;
    background: linear-gradient(145deg, #fafdff, #d7e8ff);
    box-shadow: 0 10px 24px rgba(45, 103, 190, .16), inset 0 1px 0 #fff;
  }
  .discovery-view .mobile-home-tabs > button > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #dfeaff;
    color: #316ad1;
  }
  .discovery-view .mobile-home-tabs > button:nth-child(2) > span { color: #b97821; background: #fff0d6; }
  .discovery-view .mobile-home-tabs > button:nth-child(3) > span { color: #26866d; background: #def4eb; }
  .discovery-view .mobile-home-tabs > button:nth-child(4) > span { color: #bd625e; background: #fbe8e6; }
  .discovery-view .mobile-home-tabs svg { width: 23px; height: 23px; }

  .discovery-view .home-carousel {
    position: relative;
    display: block;
    margin: 20px 0 26px;
  }
  .discovery-view .home-carousel .home-guide {
    position: relative;
    width: 100%;
    height: 242px;
    min-height: 0;
    display: block;
    margin: 0;
    padding: 30px 42px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid #fff;
    border-radius: 22px;
    color: #132448;
    background: linear-gradient(115deg, #f4faff, #cde6ff 55%, #88b8ef);
    box-shadow: 0 14px 30px rgba(46, 105, 198, .12), inset 0 1px 0 #fff;
    text-align: left;
    cursor: pointer;
  }
  .discovery-view .home-carousel-slide[hidden] { display: none; }
  .discovery-view .home-guide::after {
    position: absolute;
    z-index: -1;
    right: -7%;
    bottom: -160%;
    width: 85%;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .54);
    border-radius: 50%;
    box-shadow: 0 0 0 62px rgba(255,255,255,.08), 0 0 0 122px rgba(255,255,255,.06);
    content: "";
  }
  .discovery-view .home-guide-main { position: relative; z-index: 2; display: block; max-width: 64%; }
  .discovery-view .home-guide-eyebrow { display: block; color: #285cb0; font-size: 12px; font-weight: 800; text-transform: uppercase; }
  .discovery-view .home-guide-main > strong {
    display: block;
    max-width: 24ch;
    margin: 15px 0 5px;
    color: #15284b;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 760;
  }
  .discovery-view .home-guide-copy { display: block; max-width: 42ch; color: #385879; font-size: 14px; line-height: 1.4; }
  .discovery-view .home-guide-cta {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    padding: 0 17px;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(115deg, #2259d5, #4b87ec);
    box-shadow: 0 7px 16px rgba(37, 92, 231, .18);
    font-size: 12px;
    font-weight: 750;
  }
  .discovery-view .home-guide-cta svg { width: 16px; height: 16px; }
  .discovery-view .home-guide-mascot,
  .discovery-view .home-track-cat {
    position: absolute;
    z-index: 1;
    right: 5%;
    bottom: -7px;
    width: min(34%, 300px);
    height: 245px;
    object-fit: contain;
    object-position: bottom right;
    pointer-events: none;
  }
  .discovery-view .home-carousel .home-track-slide { background: linear-gradient(125deg, #e9efff 0%, #d0dfff 52%, #a9a8ea 100%); }
  .discovery-view .home-track-slide .home-guide-eyebrow { color: #6246a1; }
  .discovery-view .home-track-slide .home-guide-cta { background: #664dc5; }
  .discovery-view .home-carousel .home-invite-slide { background: linear-gradient(122deg, #f2fff5 0%, #c4f1d5 49%, #75cda6 100%); }
  .discovery-view .home-invite-slide .home-guide-eyebrow { color: #217351; }
  .discovery-view .home-invite-slide .home-guide-cta { background: #238d68; }
  .discovery-view .home-invite-portraits { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
  .discovery-view .home-invite-portraits img { position: absolute; width: 90px; height: 90px; object-fit: cover; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 12px 24px rgba(28, 92, 71, .18); }
  .discovery-view .home-invite-portraits img:first-child { top: 29px; right: 12%; width: 116px; height: 116px; }
  .discovery-view .home-invite-portraits img:nth-child(2) { right: 25%; bottom: 15px; }
  .discovery-view .home-invite-portraits img:nth-child(3) { right: 4%; bottom: 24px; }
  .discovery-view .home-carousel .home-audit-slide { background: linear-gradient(122deg, #fffaf4 0%, #f4e6d7 52%, #eabfa9 100%); }
  .discovery-view .home-audit-slide .home-guide-eyebrow { color: #9b5c42; }
  .discovery-view .home-audit-slide .home-guide-cta { background: #ad684f; }
  .discovery-view .home-audit-visual { position: absolute; z-index: 1; right: 9%; bottom: -30px; width: 180px; height: 210px; display: flex; flex-direction: column; padding: 20px; border: 1px solid #fff; border-radius: 15px; color: #634743; background: rgba(255,255,255,.82); box-shadow: 0 14px 28px rgba(107,67,52,.16); transform: rotate(-7deg); pointer-events: none; }
  .discovery-view .home-audit-visual span { font-size: 10px; font-weight: 800; }
  .discovery-view .home-audit-visual strong { margin: 8px 0 12px; font-size: 66px; line-height: 1; }
  .discovery-view .home-audit-visual i { width: 100%; height: 8px; display: block; margin-top: 8px; border-radius: 5px; background: #e4cfbd; }
  .discovery-view .home-audit-visual i:nth-of-type(2) { width: 76%; background: #be7964; }
  .discovery-view .home-audit-visual i:nth-of-type(3) { width: 53%; }
  .discovery-view .home-carousel-controls button:first-child { left: -18px; }
  .discovery-view .home-carousel-controls button:last-child { right: -18px; }

  .discovery-view > .hero-strip { display: none; }
  .discovery-view .mobile-home-feed { display: block; margin: 0; }
  .discovery-view .mobile-home-feed-head { display: flex; align-items: center; gap: 12px; }
  .discovery-view .mobile-home-feed-head h2 { margin: 0; color: #17243a; font-size: 25px; font-weight: 690; }
  .discovery-view .mobile-home-feed-head > #mobile-home-feed-meta { font-size: 12px; }
  .discovery-view:not(.is-desktop-alt) .mobile-home-content { display: none; }
  .discovery-view .discovery-toolbar { margin-top: 15px; }
  .discovery-view .segment-control,
  .discovery-view .search-field,
  .discovery-view .region-field select { height: 48px; border-color: #dde7f5; border-radius: 12px; box-shadow: 0 5px 14px rgba(47,93,159,.05); }
  .discovery-view .segment-control { background: #eaf1fa; }
  .discovery-view .segment-control button.is-active { color: #1851b2; }
  .discovery-view .deck { min-height: 390px; margin-top: 15px; }
  .discovery-view .deck-state { min-height: 390px; border-color: #dce6f4; border-radius: 18px; box-shadow: 0 8px 24px rgba(47,93,159,.05); }

  .discovery-view .match-card:not([hidden]) {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) 270px;
    grid-template-areas: "identity identity" "brief brief" "context actions";
    border: 1px solid #d9e6f5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(39, 78, 143, .1);
  }
  .discovery-view .card-head {
    min-height: 112px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 7px 18px;
    padding: 19px 28px;
    color: #17243a;
    background: linear-gradient(110deg, #f0f7ff, #e3f0ff 65%, #d5e9ff);
    background-image: linear-gradient(110deg, #f0f7ff, #e3f0ff 65%, #d5e9ff);
  }
  .discovery-view .card-identity { grid-row: 1 / 3; }
  .discovery-view .card-identity { grid-template-columns: 82px minmax(0,1fr); gap: 17px; }
  .discovery-view .card-avatar { width: 82px; height: 82px; border: 2px solid #fff; border-radius: 16px; background: #dbeaff; box-shadow: 0 8px 18px rgba(48, 95, 168, .14); }
  .discovery-view .card-identity h2.card-person { color: #17243a; font-size: 27px; line-height: 1.1; }
  .discovery-view .card-role { margin-top: 4px; color: #667d9c; font-size: 11px; }
  .discovery-view .card-company { margin-top: 4px; color: #37577c; font-size: 13px; }
  .discovery-view .card-region,
  .discovery-view .card-level { color: #5d789b; }
  .discovery-view .card-awards { margin-top: 5px; }
  .discovery-view .match-signal { grid-column: 2; grid-row: 1; min-width: 94px; padding: 10px 13px; border: 1px solid #fff; border-radius: 12px; background: rgba(255,255,255,.84); box-shadow: 0 7px 16px rgba(39,78,143,.08); }
  .discovery-view .match-signal strong { color: #245ccb; font-size: 26px; }
  .discovery-view .match-signal span { color: #647d9f; font-size: 9px; }
  .discovery-view .card-profile-link { grid-column: 2; grid-row: 2; display: inline-flex; min-height: 34px; align-items: center; justify-content: center; border-color: #bfd4ef; border-radius: 9px; color: #2459aa; background: rgba(255,255,255,.82); }
  .discovery-view .collaboration-brief { grid-template-columns: 1fr 1fr; border-bottom: 1px solid #e7edf6; background: #fff; }
  .discovery-view .collaboration-brief section { min-height: 130px; padding: 20px 28px; }
  .discovery-view .collaboration-brief section + section { border-left: 1px solid #e7edf6; background: #fbfdff; }
  .discovery-view .brief-offer > span,
  .discovery-view .brief-need > span,
  .discovery-view .context-label { color: #2a5fb4; font-size: 10px; }
  .discovery-view .brief-offer h3 { max-width: 32ch; margin-top: 8px; font-size: 18px; line-height: 1.25; }
  .discovery-view .brief-offer p,
  .discovery-view .brief-need p { margin-top: 8px; color: #425873; font-size: 13px; line-height: 1.45; }
  .discovery-view .brief-need p { font-weight: 550; }
  .discovery-view .match-context { min-height: 96px; gap: 6px; padding: 17px 28px 20px; border-right: 0; background: #fff; }
  .discovery-view .match-reasons { margin-top: 7px; }
  .discovery-view .match-reasons span { border-color: #d7e7fb; border-radius: 8px; color: #2c61ae; background: #eff6ff; }
  .discovery-view .card-footer { min-height: 96px; gap: 8px; padding: 17px 22px 20px; background: #fff; }
  .discovery-view .privacy-note { font-size: 10px; }
  .discovery-view .action-dock { grid-template-columns: 1fr 1.1fr; }
  .discovery-view .round-action { min-height: 42px; border-radius: 11px; }
  .discovery-view .round-action.skip { border-color: #e6edf5; color: #667991; background: #f1f5fa; }
  .discovery-view .round-action.like { border-color: #3579d8; background: linear-gradient(115deg, #2464cc, #4d91e5); box-shadow: 0 6px 14px rgba(38,106,204,.18); }

  .discovery-view.is-desktop-alt .mobile-home-content { display: grid; }
  .discovery-view.is-desktop-alt .mobile-home-feed { margin-top: 0; }
  .discovery-view.is-desktop-alt .mobile-home-feed-head h2 { margin: 0; font-size: 25px; }
  .discovery-view.is-desktop-alt .mobile-home-person,
  .discovery-view.is-desktop-alt .mobile-home-project,
  .discovery-view.is-desktop-alt .mobile-event-card { border-color: #dce7f5; border-radius: 15px; box-shadow: 0 8px 20px rgba(47,93,159,.06); }
  .discovery-view.is-desktop-alt .mobile-home-person-main { background: #eaf3fd; }
  .discovery-view.is-desktop-alt .mobile-home-avatar { border-radius: 12px; }
  .discovery-view.is-desktop-alt .mobile-home-card-actions button + button { color: #2464cc; }
}

@media (min-width: 900px) and (max-width: 1100px) {
  .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) { grid-template-columns: 174px minmax(0,1fr); }
  .discovery-view .discovery-toolbar { grid-template-columns: 190px minmax(180px,1fr) 160px; }
  .discovery-view .match-card:not([hidden]) { grid-template-columns: minmax(0,1fr) 240px; }
  .discovery-view .card-head { padding-inline: 20px; }
  .discovery-view .collaboration-brief section,
  .discovery-view .match-context { padding-inline: 20px; }
}

@media (min-width: 900px) {
  :root[data-theme="dark"] .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering),
  :root[data-theme="dark"] .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .views { background: #101a29; }
  :root[data-theme="dark"] .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .topbar,
  :root[data-theme="dark"] .phone-shell:not(.is-landing):not(.is-auth):not(.is-registering) .bottom-nav { border-color: #2e415b; background: #172438; }
  :root[data-theme="dark"] .desktop-nav-brand { border-color: #2e415b; }
  :root[data-theme="dark"] .desktop-nav-brand small,
  :root[data-theme="dark"] .bottom-nav > button { color: #a9bdd6; }
  :root[data-theme="dark"] .bottom-nav > button:hover,
  :root[data-theme="dark"] .bottom-nav > button.is-active { border-color: #466a9d; color: #eaf4ff; background: #28446c; }
  :root[data-theme="dark"] .discovery-view .mobile-home-tabs > button { border-color: #375171; color: #d3e4f8; background: #22354f; }
  :root[data-theme="dark"] .discovery-view .mobile-home-tabs > button.is-active { border-color: #6b9de1; background: #2e507f; }
  :root[data-theme="dark"] .discovery-view .mobile-home-feed-head h2 { color: #f0f6ff; }
  :root[data-theme="dark"] .discovery-view .match-card:not([hidden]),
  :root[data-theme="dark"] .discovery-view .collaboration-brief,
  :root[data-theme="dark"] .discovery-view .collaboration-brief section + section,
  :root[data-theme="dark"] .discovery-view .match-context,
  :root[data-theme="dark"] .discovery-view .card-footer { border-color: #354b6a; color: #f0f6ff; background: #1b2b42; }
  :root[data-theme="dark"] .discovery-view .card-head { background: linear-gradient(110deg, #243c5c, #305781); }
  :root[data-theme="dark"] .discovery-view .card-identity h2.card-person { color: #f0f6ff; }
  :root[data-theme="dark"] .discovery-view .card-role,
  :root[data-theme="dark"] .discovery-view .card-company,
  :root[data-theme="dark"] .discovery-view .card-region,
  :root[data-theme="dark"] .discovery-view .card-level,
  :root[data-theme="dark"] .discovery-view .brief-offer p,
  :root[data-theme="dark"] .discovery-view .brief-need p { color: #c5d5e9; }
  :root[data-theme="dark"] .discovery-view .brief-offer > span,
  :root[data-theme="dark"] .discovery-view .brief-need > span,
  :root[data-theme="dark"] .discovery-view .context-label { color: #9ac5ff; }
  :root[data-theme="dark"] .discovery-view .match-signal { border-color: #55739c; background: #263f60; }
  :root[data-theme="dark"] .discovery-view .match-signal strong { color: #a3c9ff; }
  :root[data-theme="dark"] .discovery-view .match-signal span { color: #bbd0ea; }
  :root[data-theme="dark"] .discovery-view .round-action.skip { border-color: #415875; color: #d1e0f2; background: #263b57; }
}