/* Research and Match share the homepage's quiet, practical visual language. */
#screen-research,#screen-match{background:linear-gradient(180deg,#fff 0%,#f7f9fc 72%,#f3f6fa 100%);color:var(--ink)}
#screen-research .research-page,#screen-match .match-page{padding:42px 32px calc(48px + env(safe-area-inset-bottom,0));overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d8dde5 transparent}
#screen-research .research-page>*{max-width:760px}
#screen-research .research-page-hero,#screen-match .match-hero{margin:0 auto 28px;text-align:center}
#screen-research .discovery-eyebrow,#screen-match .match-hero-kicker{margin:0 0 12px;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
#screen-research .research-page-hero h1,#screen-match .match-hero h1{margin:0;font-size:clamp(36px,5vw,48px);line-height:1.12;font-weight:650;letter-spacing:-1.8px;text-wrap:balance}
#screen-research .research-page-hero>p:last-child,#screen-match .match-hero>p:last-child{max-width:550px;margin:15px auto 0;font-size:16px;line-height:1.65;color:var(--sand-600);text-wrap:balance}
#screen-research .discovery-label{display:block;font-size:14px;font-weight:600;line-height:1.5;color:var(--ink)}
#screen-research .research-big-wrap{gap:0;padding:22px 24px 19px;border:1px solid var(--sand-200);border-radius:18px;background:#fff;box-shadow:0 8px 32px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.03)}
#screen-research .research-big-wrap:focus-within{border-color:#b0cbf7;box-shadow:0 0 0 3px rgba(11,99,246,.06),0 8px 32px rgba(16,24,40,.04)}
#screen-research .research-big-input{display:block;width:100%;height:105px;min-height:105px;margin-top:11px;padding:0;resize:vertical;border:0;border-radius:0;background:transparent;font:inherit;font-size:17px;line-height:1.65;color:var(--ink);box-shadow:none}
#screen-research .research-big-input:focus{outline:0;box-shadow:none;background:transparent}
#screen-research .research-big-input::placeholder{color:var(--sand-500);opacity:1}
#screen-research .research-query-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px}
#screen-research .research-query-footer p{max-width:280px;font-size:12px;line-height:1.55;color:var(--sand-500)}
#screen-research .research-go-btn,#screen-research .research-vin-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 19px;border:1px solid var(--blue);border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s}
#screen-research .research-go-btn:hover,#screen-research .research-vin-btn:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:none;box-shadow:none}
#screen-research .research-suggests{margin-top:25px}
#screen-research .research-suggests-label{margin-bottom:6px;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--sand-600)}
#screen-research .research-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
#screen-research .research-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;border:0;border-bottom:1px solid #e3e8ef;border-radius:0;background:transparent;color:#4e6077;font:inherit;font-size:13px;font-weight:500;line-height:1.5;text-align:left;box-shadow:none;cursor:pointer}
#screen-research .research-chip span{font-size:17px;color:#718091;flex-shrink:0}
#screen-research .research-chip:hover{border-color:#c1d4ee;color:var(--blue);background:transparent;transform:none;box-shadow:none}
#screen-research .research-vin-card{margin-top:32px;padding:24px;border:1px solid var(--sand-200);border-radius:15px;background:rgba(255,255,255,.84);box-shadow:none;gap:18px}
#screen-research .research-vin-head{gap:8px}
#screen-research .research-vin-title{font-size:18px;font-weight:600;letter-spacing:-.35px;line-height:1.4}
#screen-research .research-vin-desc{max-width:630px;font-size:13px;line-height:1.65;color:var(--sand-600)}
#screen-research .research-vin-form .discovery-label{margin-bottom:8px;font-size:12px;color:var(--sand-600)}
#screen-research .research-vin-row{display:flex;flex-wrap:nowrap;gap:10px}
#screen-research .research-vin-input{display:block;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--sand-300);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:16px;line-height:1.5;letter-spacing:.05em}
#screen-research .research-vin-input::placeholder{color:var(--sand-500);opacity:1;font-size:14px}
#screen-research .research-vin-input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,99,246,.08)}
#screen-research .research-vin-btn{background:#fff;color:#245fae;border-color:#c7d7eb}
#screen-research .research-vin-btn:hover{background:#f2f7ff;color:var(--blue);border-color:#a6c3e9}
#screen-research .discovery-note{margin-top:9px;font-size:11px;line-height:1.55;color:var(--sand-500)}

#screen-match .match-inner{max-width:660px}
#screen-match .match-hero{margin-bottom:29px}
#screen-match .match-modes{gap:0}
#screen-match .match-mode{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:103px;padding:22px 24px;border:1px solid var(--sand-200);border-radius:14px;background:#fff;box-shadow:none;color:var(--ink);font:inherit;transition:border-color .15s,background .15s}
#screen-match .match-mode:hover{transform:none;border-color:#b4c7df;background:#fafcff;box-shadow:none}
#screen-match .match-mode.primary{background:#fff;border-color:#c3d7f3;box-shadow:0 6px 24px rgba(16,24,40,.04)}
#screen-match .match-mode.primary:hover{background:#f8fbff;border-color:#88b1e9;box-shadow:0 6px 24px rgba(16,24,40,.04)}
#screen-match .match-mode-copy{display:block}
#screen-match .match-mode-title{display:block;margin:0;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.2px;color:var(--ink)}
#screen-match .match-mode-sub{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:var(--sand-600)}
#screen-match .match-mode-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;color:#316394;font-size:22px;line-height:1}
#screen-match .match-mode.primary .match-mode-arrow{color:#fff;background:var(--blue)}
#screen-match .match-path-divider{display:flex;align-items:center;gap:16px;margin:19px 0;color:var(--sand-500);font-size:12px;line-height:1.5}
#screen-match .match-path-divider::before,#screen-match .match-path-divider::after{content:'';flex:1;border-top:1px solid #e3e8ef}
#screen-match .match-intro-note{margin:18px 0 0;text-align:center;font-size:12px;line-height:1.6;color:var(--sand-500)}
#screen-match .match-quiz{padding:27px 28px 24px;border:1px solid var(--sand-200);border-radius:16px;background:#fff;box-shadow:0 6px 24px rgba(16,24,40,.035)}
#screen-match .match-q-top{gap:14px;margin-bottom:25px}
#screen-match .match-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;color:#596a7d;border:1px solid var(--sand-200);border-radius:8px;flex-shrink:0;font:inherit;font-size:20px;cursor:pointer}
#screen-match .match-back:hover{background:#f4f7fb;color:var(--blue);border-color:#bdcee3}
#screen-match .match-progress{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--sand-600);line-height:1.5}
#screen-match .match-step-progress{flex:1}
#screen-match .match-step-progress progress{display:block;width:100%;height:3px;margin-top:8px;border:0;border-radius:4px;overflow:hidden;appearance:none;background:#edf1f6;color:#7c9cc9}
#screen-match .match-step-progress progress::-webkit-progress-bar{background:#edf1f6;border-radius:4px}
#screen-match .match-step-progress progress::-webkit-progress-value{background:#7c9cc9;border-radius:4px}
#screen-match .match-step-progress progress::-moz-progress-bar{background:#7c9cc9;border-radius:4px}
#screen-match .match-q{margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-.7px;outline:0}
#screen-match .match-q-hint{margin:0 0 20px;color:var(--sand-600);font-size:12px;line-height:1.6}
#screen-match .match-opts,#screen-match .match-opts.multi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#screen-match .match-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:13px 15px;border:1px solid #d7dee7;border-radius:9px;background:#fff;color:#354152;font:inherit;font-size:14px;font-weight:500;line-height:1.5;text-align:left;transition:border-color .15s,background .15s}
#screen-match .match-opt:hover{background:#f7faff;border-color:#adc5e5}
#screen-match .match-opt.on{background:#eff5ff;border-color:#82a9de;color:#174d97}
#screen-match .match-opt.on::after{content:'✓';color:#175db7;font-weight:600;flex-shrink:0}
#screen-match .match-input{padding:12px 14px;min-height:48px;border:1px solid #cdd7e4;border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:16px;line-height:1.5}
#screen-match .match-input-label{display:block;margin-bottom:8px;color:var(--sand-600);font-size:12px;font-weight:600;line-height:1.5}
#screen-match .match-input::placeholder{color:var(--sand-500)}
#screen-match .match-input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px rgba(11,99,246,.08)}
#screen-match .match-nav{padding-top:20px;margin-top:22px;border-top:1px solid #edf0f4;gap:15px}
#screen-match .match-skip{min-height:44px;padding:7px 0;color:#596b81;font:inherit;font-size:12px;font-weight:500;text-decoration:none}
#screen-match .match-skip:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
#screen-match .match-next{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 19px;border:1px solid var(--blue);border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.4;box-shadow:none;transition:background .15s}
#screen-match .match-next:disabled{opacity:1;background:#edf1f6;color:#7a8798;border-color:#e4eaf2}
#screen-match .match-next:hover:not(:disabled){background:var(--blue-dark)}
#screen-research :is(button,a):focus-visible,#screen-match :is(button,a):focus-visible{outline:3px solid var(--blue);outline-offset:4px}

@media(max-width:760px){
  #screen-research .research-page,#screen-match .match-page{padding:27px 18px calc(32px + env(safe-area-inset-bottom,0))}
  #screen-research .research-page-hero,#screen-match .match-hero{text-align:left;margin-bottom:23px}
  #screen-research .discovery-eyebrow,#screen-match .match-hero-kicker{font-size:10.5px;margin-bottom:11px}
  #screen-research .research-page-hero h1,#screen-match .match-hero h1{font-size:36px;line-height:1.12;letter-spacing:-1.4px;text-wrap:balance}
  #screen-research .research-page-hero>p:last-child,#screen-match .match-hero>p:last-child{margin:12px 0 0;font-size:14px;line-height:1.65;text-wrap:pretty}
  #screen-research .research-big-wrap{padding:18px 18px 15px;border-radius:15px}
  #screen-research .discovery-label{font-size:13px}
  #screen-research .research-big-input{height:134px;min-height:134px;font-size:16px;line-height:1.65}
  #screen-research .research-query-footer{align-items:flex-start;flex-direction:column;gap:13px;margin-top:12px}
  #screen-research .research-query-footer p{max-width:none;font-size:11px}
  #screen-research .research-go-btn{width:100%;font-size:14px}
  #screen-research .research-suggests{margin-top:23px}
  #screen-research .research-chips{grid-template-columns:1fr}
  #screen-research .research-chip{min-height:46px;font-size:13px}
  #screen-research .research-vin-card{margin-top:27px;padding:19px 18px;border-radius:14px;gap:17px}
  #screen-research .research-vin-title{font-size:17px}
  #screen-research .research-vin-desc{font-size:12px;line-height:1.7}
  #screen-research .research-vin-row{flex-direction:column;gap:10px}
  #screen-research .research-vin-input{width:100%;font-size:16px;min-height:46px}
  #screen-research .research-vin-btn{width:100%;font-size:13px}
  #screen-match .match-mode{gap:15px;min-height:100px;padding:20px 18px;border-radius:13px}
  #screen-match .match-mode-title{font-size:17px}
  #screen-match .match-mode-sub{font-size:12px;line-height:1.65}
  #screen-match .match-mode-arrow{width:32px;height:32px;font-size:20px}
  #screen-match .match-path-divider{margin:18px 0}
  #screen-match .match-intro-note{font-size:11px}
  #screen-match .match-quiz{padding:21px 18px 18px;border-radius:14px}
  #screen-match .match-q-top{margin-bottom:23px}
  #screen-match .match-q{font-size:26px;letter-spacing:-.5px}
  #screen-match .match-opt{font-size:14px;min-height:52px;padding:12px 13px}
  #screen-match .match-nav{margin-top:19px;padding-top:17px}
  #screen-match .match-next{padding:12px 17px;font-size:13px}
}
@media(max-width:480px){#screen-match .match-opts,#screen-match .match-opts.multi{grid-template-columns:1fr}}
@media(max-width:350px){
  #screen-research .research-page,#screen-match .match-page{padding-left:14px;padding-right:14px}
  #screen-research .research-page-hero h1,#screen-match .match-hero h1{font-size:33px}
  #screen-research .research-big-wrap{padding-left:15px;padding-right:15px}
  #screen-match .match-quiz{padding-left:15px;padding-right:15px}
  #screen-match .match-mode{padding-left:15px;padding-right:15px;gap:10px}
}