/* 팀 채용 키트 첫 화면 — app.css 토큰 위에 얹어요 */
.kitpage .top .wrap{max-width:1180px}
.kitpage .gnav a{border-color:transparent;background:none}
.kitpage .gnav a.kit__admin{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.kit .wrap,.kit__foot.wrap{max-width:1180px}
.kit__hero{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;align-items:center;padding-top:2.5rem}
.kit__eye{font-size:.85rem;font-weight:800;color:var(--accent-text);letter-spacing:.5px}
.kit__hero h1{font-size:clamp(2rem,4.2vw,2.8rem);line-height:1.22;font-weight:800;margin:.6rem 0 1rem;letter-spacing:-.5px}
.kit__hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--accent) 62%)}
.kit__hero p{color:var(--ink-2);line-height:1.7;max-width:34rem}
.kit__cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.kit__lead{margin:0;background:var(--panel);border-radius:1.5rem;padding:1.6rem}
.kit__lead blockquote{margin:0;font-size:1.1rem;font-weight:700;line-height:1.65}
.kit__lead figcaption{display:flex;align-items:center;gap:.75rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line-soft)}
.kit__lead img{width:46px;height:46px;border-radius:50%;background:var(--accent-soft);object-fit:contain}
.kit__lead figcaption span{display:grid}
.kit__lead small{font-size:.82rem;color:var(--ink-3)}
.kit__sec{margin-top:3rem;scroll-margin-top:5rem}
.kit__h{margin-bottom:1rem}
.kit__h h2{font-size:1.4rem;font-weight:800}
.kit__h p{font-size:.92rem;color:var(--ink-3);margin-top:.2rem}
.kit__flow{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;list-style:none;margin:0;padding:0}
.kit__flow > li{background:var(--panel);border-radius:var(--r-lg);padding:1.1rem 1rem;display:flex;flex-direction:column;gap:.5rem;min-height:12.5rem}
.kit__flow > li > span{font-size:.78rem;font-weight:800;color:var(--ink-3)}
.kit__flow h3{font-size:1.1rem;font-weight:800}
.kit__flow p{font-size:.85rem;color:var(--ink-2);line-height:1.55}
.kit__flow ul{margin-top:auto;display:flex;flex-direction:column;gap:.3rem;list-style:none;padding:0}
.kit__flow ul li{font-size:.8rem;font-weight:700;padding:.4rem .6rem;background:var(--bg);border-radius:.5rem}
.kit__tracks{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.kit__card{background:var(--panel);border-radius:var(--r-lg);padding:1.4rem}
.kit__card h3{font-size:1.2rem;font-weight:800;margin:.6rem 0 .5rem}
.kit__card p{font-size:.92rem;color:var(--ink-2);line-height:1.6}
.kit__card dl{display:grid;grid-template-columns:5.5rem 1fr;gap:.45rem .75rem;margin:1.1rem 0 0;font-size:.9rem}
.kit__card dt{color:var(--ink-3);font-weight:700}
.kit__card dd{margin:0;font-weight:700}
.kit__tools{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}
.kit__tool{background:var(--panel);border-radius:var(--r-lg);padding:1.3rem;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;color:inherit;text-decoration:none}
a.kit__tool:hover{outline:2px solid var(--ink)}
.kit__tool b{font-size:1.05rem;font-weight:800}
.kit__tool p{font-size:.88rem;color:var(--ink-2);line-height:1.55;flex:1}
.kit__arch{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}
.kit__arc{background:var(--panel);border-radius:var(--r-lg);padding:1.3rem;display:flex;gap:1rem;align-items:flex-start;color:inherit;text-decoration:none}
a.kit__arc:hover{outline:2px solid var(--ink)}
.kit__arc > span:last-child{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}
.kit__arc small{font-size:.85rem;color:var(--ink-2)}
.kit__d{flex:none;width:3.9rem;text-align:center;background:var(--bg);border-radius:.75rem;padding:.5rem 0;display:grid}
.kit__d b{font-size:1.4rem;font-weight:800;line-height:1.1}
.kit__d small{font-size:.75rem;color:var(--ink-3);font-weight:700}
.kit__empty{border:2px dashed var(--line);border-radius:var(--r-lg);display:grid;place-items:center;text-align:center;font-size:.9rem;color:var(--ink-3);padding:1.3rem}
.kit__foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3.5rem;padding-block:1.4rem 2rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink-3)}
@media (max-width:1100px){.kit__flow{grid-template-columns:repeat(3,1fr)}.kit__tools,.kit__arch{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  .kit__hero,.kit__tracks{grid-template-columns:1fr}
  .kit__flow{grid-template-columns:1fr 1fr}
  .kit__tools,.kit__arch{grid-template-columns:1fr}
  .kitpage .gnav a:not(.kit__admin){display:none}
}
.kitpage a.btn{text-decoration:none}
.kitpage a.btn:not(.btn--ink){color:var(--ink)}
.kitpage a.btn--ink{color:var(--bg)}