/* One visual language for the photographed, public-Ecode Home and Find shelves.
   Only real identity-backed images, no fabricated card counts or stock art. */
.find-welcome{
  max-width:1300px;margin:12px auto 38px;
  padding:8px 0 4px;color:var(--ink);
}
.find-welcome-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:12px;margin:2px 0 16px;
}
.find-welcome-head h1{
  font-size:clamp(20px,2.1vw,27px)!important;
  line-height:1.2!important;letter-spacing:-.035em!important;
  font-weight:750;margin:5px 0 0;
}
.find-welcome-kicker{
  color:light-dark(#a432ac,#e247db);
  font-size:10px;letter-spacing:.14em;font-weight:800;
}
.find-welcome-more{
  font-size:12px;font-weight:650;color:light-dark(#1e60b5,#8eaff5);
  white-space:nowrap;padding:7px 0;
}
.find-welcome-more:hover{text-decoration:underline}
.find-welcome-rail{
  display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;
  padding:3px 1px 18px;scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;scrollbar-width:thin;
}
.find-welcome-card{
  flex:0 0 clamp(185px,19vw,248px);min-width:0;max-width:248px;
  display:flex;flex-direction:column;overflow:hidden;
  text-decoration:none;color:var(--ink);
  background:light-dark(#fff,#111d33);
  border:1px solid light-dark(#d9e3ee,#273955);
  border-radius:14px;scroll-snap-align:start;
  transition:border-color .15s,transform .15s,box-shadow .15s;
}
.find-welcome-card:hover,.find-welcome-card:focus-visible{
  border-color:#9472ed;box-shadow:0 8px 25px rgba(6,11,29,.24);
  transform:translateY(-2px);outline:none;
}
.find-welcome-photo{
  display:block;position:relative;overflow:hidden;
  width:100%;aspect-ratio:4/3;
  background:light-dark(#edf2f9,#192740);
}
.find-welcome-photo img{
  display:block;width:100%;height:100%;object-fit:cover;
  object-position:center;transition:transform .3s ease;
}
.find-welcome-card:hover .find-welcome-photo img{transform:scale(1.03)}
.find-welcome-kind{
  position:absolute;bottom:9px;left:9px;max-width:calc(100% - 18px);
  padding:5px 9px;border:1px solid rgba(201,220,255,.23);
  border-radius:6px;background:rgba(6,13,28,.8);
  color:#f1f6ff;backdrop-filter:blur(7px);
  font-size:11px;font-weight:700;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.find-welcome-card-info{
  display:flex;flex-direction:column;min-height:90px;
  gap:7px;padding:12px 13px 13px;
}
.find-welcome-card-info strong{
  display:block;font-size:13.5px;line-height:1.35;
  overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.find-welcome-card-meta{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:auto;gap:8px;color:light-dark(#2568bd,#83b5ff);
  font-size:11px;font-weight:750;
}
.find-welcome-source{
  display:block;max-width:100%;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;
  color:var(--ink-dim);font-size:10px;font-weight:500;
}
.find-welcome-alternatives{margin:12px 0 8px}
.find-welcome-alternatives-title{
  display:block;color:var(--ink-dim);font-size:12px;
  font-weight:650;margin-bottom:10px;
}
.find-welcome-text-rail{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
.find-welcome-text-card{
  display:flex;align-items:center;gap:11px;
  min-height:78px;min-width:0;padding:13px;
  border:1px solid light-dark(#d9e3ee,#293d5a);
  background:light-dark(#fff,#111d33);
  border-radius:12px;text-decoration:none;color:var(--ink);
}
.find-welcome-text-card:hover,.find-welcome-text-card:focus-visible{
  outline:none;border-color:#9472ed;
}
.find-welcome-text-icon{
  flex:0 0 43px;height:43px;display:grid;place-items:center;
  border-radius:9px;color:#dcecff;font-size:19px;font-weight:750;
  background:linear-gradient(135deg,#203e7e,#563a81);
}
.find-welcome-text-card>span:nth-child(2){display:grid;gap:3px;min-width:0}
.find-welcome-text-card strong{
  font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.find-welcome-text-card small{font-size:10.5px;color:var(--ink-dim)}
.find-welcome-text-arrow{margin-left:auto;color:light-dark(#1f68b3,#7cafff)}
@media(max-width:900px){
  .find-welcome-text-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .find-welcome-card{flex-basis:215px}
}
@media(max-width:600px){
  .find-welcome{margin:5px -1px 28px;padding:0}
  .find-welcome-head{margin-bottom:13px}
  .find-welcome-head h1{font-size:20px!important}
  .find-welcome-rail{gap:10px;padding-bottom:15px}
  .find-welcome-card{flex-basis:72vw;max-width:255px}
  .find-welcome-text-rail{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px}
  .find-welcome-text-card{flex:0 0 76vw;max-width:285px}
}
@media(prefers-reduced-motion:reduce){
  .find-welcome-card,.find-welcome-photo img{transition:none!important}
}

.find-welcome-kicker {color:var(--trim,#4f8cff)}
.find-welcome-card:hover,.find-welcome-card:focus-visible,
.find-welcome-text-card:hover,.find-welcome-text-card:focus-visible{
 border-color:var(--trim,#4f8cff)!important;
 box-shadow:0 5px 22px rgba(var(--trim-rgb,79,140,255),.16);
}
.find-welcome-more,.find-welcome-card-meta,.find-welcome-text-arrow{
 color:var(--trim,#4f8cff)!important;
}
body.ehopto-theme-audit-home .find-welcome{
 margin-top:8px!important;max-width:1480px!important;
}
body.ehopto-theme-audit-home .find-welcome-head{margin-bottom:15px}
body.ehopto-theme-audit-home .find-welcome-rail{gap:12px}
body.ehopto-theme-audit-home .find-welcome-card{flex-basis:clamp(182px,22vw,250px)}
@media(max-width:600px){
 body.ehopto-theme-audit-home .find-welcome-card{flex-basis:73vw}
}