
  :root{--design-head: clamp(24px, 2.8vw,36px)}
  /* =============== KALTEK — Equipment Tabs =============== */
  /* 섹션 스코프 변수(필요 시 여기만 조정) */
  .equip{
    --tab-h: clamp(52px, 7vw, 76px);     /* 모든 탭 최소 높이 */
    --panel-radius: 12px;
    --tab-radius: 8px;
  }
  
  /* 1400 컨테이너 */
  .equip{
    width: min(1400px, calc(100% - (var(--pad-x)*2)));
    margin: 0 auto;
    padding: var(--section-pt) 0 var(--section-pb);
    background: var(--bg);
    color: var(--ink);
  }
  
  /* 타이포: 제공 토큰만 사용 */
  .equip-title{
    margin: 0 0 16px;
    font-size: var(--fs-sec-title);
    line-height: var(--lh-sec-title);
    color: var(--brand);
  }
  .equip-desc{
    margin: 0 0 32px;
    font-size: var(--fs-sec-desc);
    line-height: var(--lh-sec-desc);
    color: var(--muted);
  }
  
  /* ---------- Tabs ---------- */
  .equip-tabs{
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 6px;
    /* 패널 상단 보더와 정확히 1px 겹치기 */
    margin-bottom: -2px;
  }
  .equip-tabs a[role="tab"]{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--tab-h);
    padding: 8px 12px;                    /* 두 줄 대비, 아래 여백 과도 금지 */
    text-align: center;
    text-decoration: none;
    border: 2px solid var(--line);
    border-radius: var(--tab-radius) var(--tab-radius) 0 0;
    background: var(--bg);
    color: var(--ink);
    font-size: var(--fs-head);
    line-height: 1.2;
    font-weight: 700;
    white-space: normal;
    word-break: keep-all;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
  }
  .equip-tabs a[role="tab"]:hover{
    background: var(--brand);
    color: var(--white);
    border-color: var(--brand);
  }
  .equip-tabs a.is-active{
    z-index: 1;                            /* 패널 보더 위로 */
    color: var(--white);
    background: var(--brand);
    border-color: var(--brand);
    border-bottom-color: transparent;       /* 패널과 연결 */
  }
  
  /* 작은 화면 보정 */
  @media (max-width: 560px){
    .equip{ --tab-h: clamp(46px, 10vw, 56px); }
    .equip-tabs{ gap: 4px; }
    .equip-tabs a[role="tab"]{ padding: 6px 8px; }
  }
  
  /* ---------- Panels ---------- */
  .equip-panels{
    border: 2px solid var(--brand);
    border-radius: 0 0 var(--panel-radius) var(--panel-radius);
    background: var(--bg-solid);
    padding: clamp(14px, 2vw, 20px);
    position: relative;
    z-index: 2;
  }
  
  /* 기본은 숨김, 활성 패널만 출력 */
  .equip-panel{
    display: none;
    grid-template-columns: 1fr;
    gap: clamp(14px, 2vw, 24px);
  }
  .equip-panel.is-active{ display: grid; }
  
  /* 가로 2열 레이아웃(이미지 | 본문) */
  @media (min-width: 900px){
    .equip-panel{ grid-template-columns: 1fr 1.1fr; align-items: start; }
  }
  
  /* ---------- Media ---------- */
  .equip-media{
    margin: 0;
    border-radius: var(--radius);
    overflow: hidden;
    outline: 1px solid var(--line);
    background: #000;
  }
  .equip-media img{
    display: block;
    width: 100%;
    height: auto;
  }
  
  /* ---------- Body ---------- */
  .equip-body{ display: grid; gap: 8px;padding-top: clamp(12px, 1.5vw, 36px); }
  .equip-head{
    margin: 0;
    font-size: var(--design-head);
    line-height: var(--lh-sec-desc);
    color: var(--point_w);                  /* 흰 배경 강조 */
  }
  
  .equip-text{
    margin: 0 0 clamp(6px, 1.25vw, 48px);
    font-size: var(--fs-head);
    line-height: var(--lh-head);
    color: var(--ink);
  }
  .equip-bullets{
    margin: 0;
    padding: 0 0 0 clamp(6px, 1.25vw, 48px);
    list-style: none;
    display: grid;
    gap: 6px;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
  }
  .equip-bullets li{
    position: relative;
    padding-left: 14px;
  }
  .equip-bullets li::before{
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--muted);
  }
  /* ==== PATCH: tabs equal height + hide bottom edge ==== */
  .equip{ --tab-h: clamp(50px, 6.5vw, 74px); } /* 필요시 수치만 조정 */
  
  .equip-tabs{
    margin-bottom: -2px;        /* 패널 상단 보더와 1px 겹침 */
    overflow: hidden;           /* 탭 하단이 아래로 숨겨지도록 클리핑 */
    align-items: end;           /* 모든 탭 하단 라인 정렬 */
  }
  
  .equip-tabs a[role="tab"]{
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--tab-h);       /* 모든 탭 동일 높이 */
    padding: 8px 12px;          /* 과도한 하단 패딩 제거 */
    white-space: normal;
    word-break: keep-all;
    line-height: 1.2;
  }
  
  /* 선택 탭은 패널과 자연스럽게 연결 */
  .equip-tabs a.is-active{
    border-bottom-color: transparent;
    z-index: 1;
  }
  
  /* 작은 화면 보정 */
  @media (max-width: 560px){
    .equip{ --tab-h: clamp(46px, 10vw, 58px); }
    .equip-tabs a[role="tab"]{ padding: 6px 8px; }
  }
  
  /* ===== MOBILE: tabs off, panels list ===== */
  @media (max-width: 720px){
    /* 탭 숨김 */
    .equip-tabs{ display:none !important; }
  
    /* 패널 래퍼는 카드 리스트 느낌으로 */
    .equip-panels{
      border:0;
      border-radius:0;
      background:transparent;
      padding:0;
      display:grid;
      gap: clamp(10px, 3vw, 14px);
    }
  
    /* 모든 패널 펼침 */
    .equip-panel{
      display:grid !important;               /* is-active 무시하고 모두 보이기 */
      grid-template-columns: 1fr;            /* 1열 */
      gap: clamp(10px, 3vw, 16px);
      border:1px solid var(--line);
      border-radius: var(--panel-radius);
      background: var(--bg-solid);
      padding: clamp(12px, 3vw, 16px);
    }
  
    /* 이미지 여백 및 모서리 일관 */
    .equip-media{
      border-radius: var(--radius);
      outline: 1px solid var(--line);
    }
  
    /* 텍스트 간격 살짝 확대 */
    .equip-body{ gap: 10px; }
    .equip-head{ font-size: var(--design-head); }
    .equip-text{ font-size: var(--fs-head); }
    .equip-bullets{ font-size: var(--fs-body); }
  }
  /* ===== FORCE VISIBILITY: only .is-active shows (desktop) ===== */
  @media (min-width: 721px){
    /* 더 높은 특이성으로 일괄 숨김 */
    .equip .equip-panels > .equip-panel{ display:none !important; }
  
    /* 활성 패널만 출력 */
    .equip .equip-panels > .equip-panel.is-active{ display:grid !important; }
  }
  
  /* 모바일에서는 목록형 펼침 유지 원하면 아래 유지, 아니면 삭제 */
  @media (max-width: 720px){
    .equip .equip-panels > .equip-panel{ display:grid !important; }
  }