/* Search results only: compact information hierarchy, independent of other card families. */
#searchResults.job-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
/* A restrained mint surface separates cards from the white page without competing with job details. */
#searchResults .job-card{min-width:0;padding:16px;border-radius:12px;border:1px solid #d4e5dc;gap:10px;background:linear-gradient(145deg,#fff 5%,#f5faf7 48%,#edf6f1 100%);box-shadow:0 3px 12px #244d3710,inset 0 1px 0 #ffffffcc;transition:border-color .15s,box-shadow .15s}
#searchResults .job-card:hover{transform:none;border-color:#9ecab4;box-shadow:0 6px 18px #244d371a,inset 0 1px 0 #fff}
#searchResults .job-card::before{display:none}
#searchResults .jc-top{align-items:flex-start;gap:10px;margin:0;min-height:44px}
#searchResults .jc-logo{width:36px;height:36px;border-radius:9px;font-size:18px;box-shadow:none;margin-top:2px}
#searchResults .jc-logo.has-img{padding:2px}
#searchResults .jc-head{min-width:0;flex:1}
#searchResults .job-position{font-size:15px;font-weight:650;line-height:1.5;min-height:0;margin:0;color:#25362e;text-decoration:none;-webkit-line-clamp:2;overflow-wrap:anywhere}
#searchResults .jc-title-link:hover{color:#137753;text-decoration:underline}
#searchResults .jc-company{font-size:12px;font-weight:400;color:#627168;line-height:1.5;margin:3px 0 0}
#searchResults .fav-star{display:grid;place-items:center;flex:none;width:28px;height:28px;min-height:28px;padding:0;margin:-3px -4px 0 0;border:0;background:transparent;color:#87968e}
#searchResults .fav-star.favorited{color:#c18a21}
#searchResults .jc-location{display:flex;gap:5px;align-items:center;min-width:0;color:#56665d;font-size:12px;line-height:20px}
#searchResults .jc-location .qt-icon{width:14px;height:14px;color:#83988c}
#searchResults .jc-location span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#searchResults .job-meta{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-width:0;margin:0}
#searchResults .job-meta :is(.job-tag,.company-type-badge,.jc-notice){font-size:12px;line-height:18px;min-width:0;max-width:100%;padding:1px 6px;border:0;border-radius:4px;font-weight:500;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#searchResults .job-meta :is(.education,.grade){background:#ffffffbd;color:#53645a}
#searchResults .job-meta .salary{background:#edf8f0;color:#187149;font-weight:600}
#searchResults .jc-notice{background:#fff4e6;color:#a46a21}
#searchResults .job-footer{margin-top:auto;padding-top:9px;border-top:1px solid #dce9e1;gap:6px;min-height:30px}
#searchResults .jc-status{display:flex;gap:8px;align-items:center;min-width:0;flex-wrap:wrap}
#searchResults .jc-dl{font-size:12px;font-weight:500;line-height:18px;padding:0;background:none;color:#397b57}
#searchResults .jc-dl.urgent{color:#b65e24}
#searchResults .jc-dl.exp{color:#748079}
#searchResults .job-footer .time{font-size:12px;color:#7a857e;line-height:18px}
#searchResults .jc-go{font-size:12px;font-weight:600;white-space:nowrap;color:#197651;text-decoration:none;padding:2px 0}
#searchResults .job-card:focus-within{border-color:#26845d}
@media(min-width:1680px){#searchResults.job-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){#searchResults.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 #searchResults.job-grid{grid-template-columns:1fr}
 #searchResults .job-card{padding:12px!important;gap:8px}
 #searchResults .job-position{font-size:15px}
 #searchResults .fav-star{width:36px;height:36px;min-height:36px}
 #searchResults .jc-go{min-height:32px;display:flex;align-items:center;gap:4px}
 #searchResults .job-meta :is(.job-tag,.company-type-badge,.jc-notice){padding:1px 6px!important;font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){#searchResults .job-card{transition:none}}