@import "_sub.css";
/* kinek-szol.css — /kinek-szol (docs/03): önszelekciós mérő, helyzet-kártyák, illeszkedés-pontrács */

/* nyitókép: halvány naptár egyetlen beírt időponttal */
.ks-cal{width:min(100%,340px);margin-left:auto;opacity:.9}
.ks-cal__h{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px;color:var(--c-text-2-dark);text-align:center}
.ks-cal__g{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.ks-cal__g i{position:relative;aspect-ratio:1/.8;border:1px solid rgba(169,176,214,.18);border-radius:4px}
.ks-cal__g i.is-set{background:var(--c-lime);border-color:transparent;box-shadow:0 0 0 6px color-mix(in srgb,var(--c-lime) 14%,transparent);display:grid;place-items:center}
.ks-cal__g i.is-set b{font:600 .72rem/1 var(--f-mono);color:var(--c-ink)}
@media (max-width:899px){.ks-cal{margin-left:0;width:min(100%,280px)}}

/* ---------- illeszkedés-mérő ---------- */
.ks-fit__rule{transition:background var(--t-3) var(--ease-jel),color var(--t-3)}
.ks-fit__rule.is-hit,.ks-fit__micro.is-hit{background:color-mix(in srgb,var(--c-cobalt) 12%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-cobalt) 12%,transparent);border-radius:3px;color:var(--c-ink)}
.ks-meter{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.ks-meter__n{color:var(--c-cobalt);min-width:8ch}
.ks-meter__bar{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;flex:1 1 auto;max-width:420px}
.ks-meter__bar i{position:relative;height:8px;border-radius:2px;background:var(--c-fog-2);transition:background var(--t-2) var(--ease-jel),transform var(--t-2) var(--ease-kattanas)}
.ks-meter__bar i.is-on{background:var(--c-cobalt)}
.ks-meter__bar i.is-th::after{content:"";position:absolute;left:-3px;top:-6px;bottom:-6px;width:2px;background:var(--c-ink)}
.ks-conds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:none}
.ks-cond{position:relative;border:1px solid var(--c-line);border-radius:var(--radius-lg);background:#fff;transition:border-color var(--t-hover),box-shadow var(--t-hover),transform var(--t-micro) var(--ease-kattanas)}
.ks-cond>*:not(.ks-cond__lab){}
.ks-cond,.ks-cond__lab{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:14px 16px;padding:22px}
.fit-live .ks-cond{padding:0;display:block}
.ks-cond__lab{cursor:pointer;height:100%;border-radius:inherit}
.ks-cond__ck{grid-column:1;grid-row:1;width:28px;height:28px;border-radius:7px;border:1.5px solid var(--c-text-2-light);display:grid;place-items:center;background:#fff;transition:background var(--t-2),border-color var(--t-2)}
.ks-cond__ck svg{width:16px;height:16px;fill:none;stroke:var(--c-fog);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transform:scale(0);transition:transform 220ms var(--ease-kattanas)}
html:not(.js) .ks-cond__ck,.ks-fit:not(:has(.fit-live)) .ks-cond__ck{background:var(--c-cobalt);border-color:var(--c-cobalt)}
html:not(.js) .ks-cond__ck svg,.ks-fit:not(:has(.fit-live)) .ks-cond__ck svg{transform:none}
.ks-cond__no{grid-column:2;grid-row:1;align-self:center;justify-self:end;color:var(--c-text-2-light)}
.ks-cond__ic{position:absolute;right:20px;bottom:20px;width:34px;height:34px;fill:none;stroke:var(--c-line);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--t-3)}
.ks-cond p{grid-column:1/-1;grid-row:2;color:var(--c-text-2-light);padding-right:30px}
.ks-cond strong{display:block;color:var(--c-ink);font-size:1.1rem;letter-spacing:-.015em;margin-bottom:6px}
@media (hover:hover){.fit-live .ks-cond:hover{border-color:var(--c-text-2-light)}}
.ks-cond:has(input:focus-visible){outline:2px solid var(--c-cobalt);outline-offset:3px}
.ks-cond.is-on{border-color:var(--c-cobalt);box-shadow:0 0 0 1px var(--c-cobalt) inset}
.ks-cond.is-on .ks-cond__ck{background:var(--c-cobalt);border-color:var(--c-cobalt)}
.ks-cond.is-on .ks-cond__ck svg{transform:none}
.ks-cond.is-on .ks-cond__ic{stroke:var(--c-cobalt)}
.ks-cond:active{transform:scale(.99)}
.ks-fit__micro{margin-top:22px;display:inline-block;padding:2px 0}
.ks-fit__go{margin-top:28px;animation:ksIn var(--t-4) var(--ease-jel) both}
@keyframes ksIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:1000px){.ks-conds{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ks-conds{grid-template-columns:1fr}}

/* ---------- helyzet-kártyák ---------- */
.ks-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--col-gap)}
.ks-card{display:flex;flex-direction:column;gap:12px}
.ks-card__no{color:var(--c-text-2-light)}
.ks-card h3{margin:0}
/* POZICIONÁLÁS 2026-10-05: a „Jel:” sor kikerült, a „Kit keresünk:” sor ül a kártya alján */
.ks-card__who{margin-top:auto;padding-top:14px;border-top:1px dashed var(--c-line);font-size:.95rem;color:var(--c-ink)!important;font-weight:600}
.ks-card__who .mono{display:block;color:var(--c-cobalt);margin-bottom:4px;font-weight:500}
@media (max-width:1000px){.ks-cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ks-cards{grid-template-columns:1fr}}

/* ---------- célcsoport + 95:5 ---------- */
.ks-size__text{grid-column:1/7}
.ks-size__text .sec-h2{margin-bottom:28px}
.ks-size__body em{font-style:normal;color:var(--c-text-2-dark);font-size:var(--fs-small)}
.ks-dots{grid-column:8/13;align-self:center;display:grid;gap:18px}
.ks-dots__g{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(8px,1.4vw,18px)}
.ks-dots__g i{aspect-ratio:1;border-radius:50%;background:#6E7494;opacity:.5;transform:scale(.55)}
.ks-dots__g i.is-l{background:var(--c-lime);opacity:1;transform:scale(.8);box-shadow:0 0 0 5px color-mix(in srgb,var(--c-lime) 16%,transparent);transition:transform var(--t-4) var(--ease-kattanas),box-shadow var(--t-4)}
.sec.is-in .ks-dots__g i.is-l{transform:scale(1);box-shadow:0 0 0 8px color-mix(in srgb,var(--c-lime) 14%,transparent)}
.ks-dots figcaption{color:var(--c-text-2-dark)}
@media (max-width:899px){.ks-dots{margin-top:40px;max-width:420px}}

/* ---------- csak cégeknek: keskeny semleges sáv ---------- */
.ks-band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--col-gap);align-items:baseline;padding:clamp(24px,3vw,40px) 0;border-block:1px solid var(--line)}
.ks-band__h2{font-size:clamp(1.4rem,1rem + 1.6vw,2.4rem);line-height:1.05;letter-spacing:-.035em;font-weight:740}
@media (max-width:899px){.ks-band{grid-template-columns:1fr}}

/* ---------- összehasonlítás (nincs „győztes” kiemelés) ---------- */
@media (min-width:760px){.ks-cmp__tbl .tbl{min-width:640px}.ks-cmp__tbl td{width:39%}}

/* ---------- kinek nem ---------- */
.ks-not__head{grid-column:1/6}
.ks-not__head .sec-h2{margin-bottom:24px}
.ks-notlist{grid-column:7/13;list-style:none;padding:0;margin:0}
.ks-notlist li{padding:20px 0;border-bottom:1px solid rgba(169,176,214,.16);color:var(--c-text-2-dark)}
.ks-notlist li:first-child{border-top:1px solid rgba(169,176,214,.16)}
.ks-notlist strong{display:block;color:var(--c-fog);margin-bottom:4px;font-size:1.08rem}
.ks-not__end{grid-column:7/13;margin-top:36px}
@media (max-width:899px){.ks-notlist{margin-top:32px}}

/* ---------- v2 (2026-10-05, A-agens): 5 feltétel, 5 kártya, élő 95:5 (field955 compact) ---------- */
.ks-meter__bar--5{grid-template-columns:repeat(5,1fr)}
@media (min-width:1001px){.ks-conds{grid-template-columns:repeat(6,minmax(0,1fr))}.ks-conds>li{grid-column:span 2}.ks-conds>li:nth-child(4){grid-column:2/span 2}}
@media (min-width:1001px){.ks-cards--5{grid-template-columns:repeat(6,minmax(0,1fr))}.ks-cards--5>*{grid-column:span 2}.ks-cards--5>*:nth-child(4){grid-column:2/span 2}}
.ks-f955{grid-column:8/13;align-self:center;display:grid;gap:18px;margin:0}
.ks-f955 .field955{position:relative;aspect-ratio:1;width:100%;max-width:min(460px,62svh);margin-left:auto}
.ks-f955 .field955 canvas{position:absolute;inset:0;width:100%;height:100%}
.ks-f955 .field955__static{width:100%;height:100%}
.ks-f955 .field955[data-module-state=ready] .field955__static{opacity:0}
.ks-size .more{border-top-color:rgba(169,176,214,.2)}
@media (max-width:899px){.ks-f955{grid-column:1/-1;margin-top:40px;max-width:420px}}

@media (prefers-reduced-motion:reduce){
  .ks-cond,.ks-cond__ck,.ks-cond__ck svg,.ks-meter__bar i,.ks-dots__g i.is-l,.ks-fit__rule{transition:none}
  .ks-fit__go{animation:none}
  .ks-dots__g i.is-l{transform:none}
}