/* Homepage preparation route: three visible decisions, never a hidden carousel. */
#askerlik-hazirlik-adimlari{
  padding:62px 0 72px;
  scroll-margin-top:110px;
}
#kahya-system{scroll-margin-top:118px}
#askerlik-hazirlik-adimlari .kh2-head{
  align-items:end;
  gap:24px;
  margin-bottom:25px;
}
#askerlik-hazirlik-adimlari .kh2-head > div{min-width:0;max-width:790px}
#askerlik-hazirlik-adimlari .kh2-section-title{
  max-width:28ch;
  font-size:clamp(1.9rem,3vw,2.5rem);
  text-wrap:balance;
}
#askerlik-hazirlik-adimlari .kh2-lead{
  max-width:66ch;
  margin-top:12px;
  font-size:1rem;
  line-height:1.62;
}
#askerlik-hazirlik-adimlari .kh2-text-link{
  flex:none;
  min-height:44px;
  padding:0 14px;
  border:1px solid #d5dfcf;
  border-radius:11px;
  background:#fff;
  text-decoration:none;
}
#askerlik-hazirlik-adimlari .kh2-text-link:hover{background:#edf3e9}
#askerlik-hazirlik-adimlari .kh2-text-link:focus-visible,
#askerlik-hazirlik-adimlari .kh2-guide:focus-visible{
  outline:3px solid #b99439;
  outline-offset:3px;
}
#askerlik-hazirlik-adimlari .kh2-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;
  gap:14px;
  overflow:visible;
  margin:0;
  padding:0;
  scroll-snap-type:none;
}
#askerlik-hazirlik-adimlari .kh2-guide{
  min-width:0;
  min-height:246px;
  padding:23px 24px;
  justify-content:flex-start;
  border-radius:19px;
  box-shadow:0 6px 20px rgba(28,45,24,.035);
  scroll-snap-align:none;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
#askerlik-hazirlik-adimlari .kh2-guide:hover{
  transform:translateY(-2px);
  border-color:#b4c7ad;
  box-shadow:0 12px 26px rgba(28,45,24,.08);
}
#askerlik-hazirlik-adimlari .kh2-guide.is-main:hover{border-color:#203a1a}
#askerlik-hazirlik-adimlari .kh2-guide-kicker{
  position:static;
  display:block;
  margin:0;
  font-size:.71rem;
  line-height:1.3;
  letter-spacing:.07em;
}
#askerlik-hazirlik-adimlari .kh2-guide:not(.is-main) .kh2-guide-kicker{color:#496b39}
#askerlik-hazirlik-adimlari .kh2-guide h3{
  margin-top:22px;
  font-size:clamp(1.18rem,1.8vw,1.4rem);
  line-height:1.25;
  text-wrap:balance;
}
#askerlik-hazirlik-adimlari .kh2-guide p{
  margin-top:9px;
  font-size:.9rem;
  line-height:1.58;
}
#askerlik-hazirlik-adimlari .kh2-guide span:last-child{
  display:block;
  width:100%;
  margin-top:auto;
  padding-top:15px;
  border-top:1px solid #e5ebe1;
  font-size:.86rem;
  line-height:1.3;
}
#askerlik-hazirlik-adimlari .kh2-guide.is-main span:last-child{border-top-color:rgba(255,255,255,.22)}

@media (max-width:760px){
  #askerlik-hazirlik-adimlari{padding:40px 0 48px;scroll-margin-top:94px}
  #kahya-system{scroll-margin-top:102px}
  #askerlik-hazirlik-adimlari .kh2-head{display:block;margin-bottom:19px}
  #askerlik-hazirlik-adimlari .kh2-section-title{font-size:clamp(1.75rem,7.4vw,2.05rem)}
  #askerlik-hazirlik-adimlari .kh2-lead{margin-top:10px;font-size:.94rem;line-height:1.53}
  #askerlik-hazirlik-adimlari .kh2-text-link{margin-top:14px;width:max-content}
  #askerlik-hazirlik-adimlari .kh2-guide-grid{
    grid-template-columns:minmax(0,1fr);
    grid-auto-columns:auto;
    gap:10px;
  }
  #askerlik-hazirlik-adimlari .kh2-guide{
    min-height:0;
    padding:17px 19px;
  }
  #askerlik-hazirlik-adimlari .kh2-guide h3{margin-top:10px;font-size:1.15rem}
  #askerlik-hazirlik-adimlari .kh2-guide p{margin-top:6px;font-size:.87rem;line-height:1.47}
  #askerlik-hazirlik-adimlari .kh2-guide span:last-child{margin-top:12px;padding-top:10px;font-size:.83rem}
}
@media (prefers-reduced-motion:reduce){
  #askerlik-hazirlik-adimlari .kh2-guide{transition:none}
  #askerlik-hazirlik-adimlari .kh2-guide:hover{transform:none}
}