/* Homepage quantity comparison: each plan stays visible at every breakpoint. */
#kahya-system{padding:60px 0 62px}
#kahya-system .kh2-head{align-items:end;gap:24px;margin-bottom:25px}
#kahya-system .kh2-head > div{min-width:0;max-width:805px}
#kahya-system .kh2-section-title{font-size:clamp(1.9rem,3vw,2.5rem);text-wrap:balance}
#kahya-system .kh2-lead{max-width:67ch;margin-top:12px;font-size:1rem;line-height:1.62}
#kahya-system .kh2-text-link{
  flex:none;min-height:44px;padding:0 14px;border:1px solid #d5dfcf;
  border-radius:11px;background:#fff;text-decoration:none
}
#kahya-system .kh2-text-link:hover{background:#edf3e9}
#kahya-system .kh2-system-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
}
#kahya-system .kh2-system-card{
  min-width:0;min-height:0;padding:24px;border-radius:19px;overflow:visible;
  box-shadow:0 6px 20px rgba(28,45,24,.035)
}
#kahya-system .kh2-system-card.is-featured{border-color:#b9cbb2;box-shadow:0 7px 22px rgba(28,45,24,.06)}
#kahya-system .kh2-system-card.is-featured::before{content:none}
#kahya-system .kh2-system-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px}
#kahya-system .kh2-system-amount{display:flex;align-items:center;gap:10px;min-width:0;color:var(--kh-green)}
#kahya-system .kh2-system-amount strong{font-size:clamp(2.7rem,4.6vw,3.55rem);line-height:1;font-weight:900;letter-spacing:-.055em}
#kahya-system .kh2-system-amount span{font-size:.72rem;line-height:1.3;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
#kahya-system .kh2-system-tag{
  display:inline-flex;align-items:center;max-width:130px;min-height:27px;padding:5px 9px;
  border-radius:999px;background:#edf3e9;color:#31542a;
  font-size:.67rem;font-weight:850;line-height:1.2;text-align:center
}
#kahya-system .kh2-system-card h3{margin-top:22px;color:var(--kh-ink);font-size:1.2rem;line-height:1.25;text-wrap:balance}
#kahya-system .kh2-system-card .kh2-system-desc{margin-top:8px;font-size:.89rem;line-height:1.52}
#kahya-system .kh2-system-card .kh2-system-includes{
  margin-top:17px;padding-top:13px;border-top:1px solid #e5ebe1;
  color:#36502f;font-size:.81rem;font-weight:800;line-height:1.4
}
#kahya-system .kh2-system-card a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:45px;margin-top:16px;padding:10px 13px;border:1px solid #d5e1cf;
  border-radius:10px;background:#f1f6ed;color:var(--kh-green);
  font-size:.86rem;font-weight:850;text-decoration:none
}
#kahya-system .kh2-system-card a:hover{background:#e5efdf;border-color:#b5cdaa}
#kahya-system .kh2-system-card a span{font-size:1.1rem;line-height:1}
#kahya-system .kh2-text-link:focus-visible,
#kahya-system .kh2-system-card a:focus-visible{outline:3px solid #b99439;outline-offset:3px}
#kahya-system .kh2-system-note{margin:17px 0 0;color:#586653;font-size:.82rem;line-height:1.5}

@media (min-width:761px) and (max-width:1030px){
  #kahya-system .kh2-system-card{padding:18px}
  #kahya-system .kh2-system-card-head{display:block}
  #kahya-system .kh2-system-tag{margin-top:10px}
  #kahya-system .kh2-system-card h3{margin-top:15px}
}
@media (max-width:760px){
  #kahya-system{padding:40px 0 44px}
  #kahya-system .kh2-head{display:block;margin-bottom:18px}
  #kahya-system .kh2-section-title{font-size:clamp(1.75rem,7.4vw,2.05rem)}
  #kahya-system .kh2-lead{margin-top:10px;font-size:.94rem;line-height:1.53}
  #kahya-system .kh2-text-link{margin-top:14px;width:max-content}
  #kahya-system .kh2-system-grid{
    grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;gap:10px
  }
  #kahya-system .kh2-system-card{padding:16px 18px}
  #kahya-system .kh2-system-amount strong{font-size:2.55rem}
  #kahya-system .kh2-system-card h3{margin-top:12px;font-size:1.09rem}
  #kahya-system .kh2-system-card .kh2-system-desc{margin-top:5px;font-size:.84rem;line-height:1.44}
  #kahya-system .kh2-system-card .kh2-system-includes{margin-top:11px;padding-top:10px;font-size:.78rem}
  #kahya-system .kh2-system-card a{margin-top:11px;min-height:44px}
  #kahya-system .kh2-system-note{margin-top:12px;font-size:.78rem}
}
@media (max-width:360px){
  #kahya-system .kh2-system-card-head{align-items:center}
  #kahya-system .kh2-system-amount strong{font-size:2.3rem}
  #kahya-system .kh2-system-amount span{font-size:.65rem}
  #kahya-system .kh2-system-tag{max-width:105px;font-size:.62rem}
}