/* ===== KT 기기 카드: 이 블록은 .kt-scope 내부에서만 적용됨 ===== */
.kt-scope * { box-sizing: border-box; }
.kt-scope img { max-width: 100%; height: auto; display: block; }
.kt-scope details { padding: 0; }

/* 블로그 기본 */
.kt-scope .post-wrap{max-width:980px;margin:0 auto;padding:8px 12px}
.kt-scope .post-title{font-size:28px;line-height:1.25;margin:0 0 10px; text-align:left;}
.kt-scope .post-lead{font-size:15px;color:#566174;margin:0 0 18px;line-height:1.8;  text-align:left;}
.kt-scope .post-section{margin:26px 0}
.kt-scope .post-section h2{font-size:20px;margin:0 0 10px}
.kt-scope .blog-badge{display:inline-block;padding:3px 8px;border-radius:9999px;font-size:12px;font-weight:700;background:#eef3ff;color:#1a3ea1;margin-right:6px}
.kt-scope .blog-badge.orange{background:#fff2e6;color:#a35a12}

/* 3칸 그리드 */
.kt-scope .kt-device-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
@media (max-width:1100px){.kt-scope .kt-device-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.kt-scope .kt-device-grid{grid-template-columns:1fr}}

/* 카드 */
.kt-scope .kt-device{
  background:#fff; border:1px solid #e9eef3; border-radius:14px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  padding:12px; overflow:hidden; height:100%;
  transition:transform .15s ease, box-shadow .15s ease;
}
.kt-scope .kt-device:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}

/* 썸네일(16:9) */
.kt-scope .device-img{width:100%;margin:0 0 12px}
.kt-scope .device-thumb{position:relative;width:100%;border-radius:10px;background:#f7f9fc;overflow:hidden}
.kt-scope .device-thumb::before{content:"";display:block;padding-top:56.25%}
.kt-scope .device-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* 확대 금지: img에 no-stretch 클래스 */
.kt-scope .device-thumb > img.no-stretch{
  /* 기존 inset:0 무력화 + 중앙 배치 */
  position:absolute;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%, -50%) !important;

  /* 축소만 허용 (가로/세로 동시 제한) */
  width:auto !important;        /* ← 여기 핵심: 100% 대신 auto */
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;

  object-fit:contain !important;
  display:block;
}

/* 본문 */
.kt-scope .device-info{min-width:0}
.kt-scope .device-info h3{margin:0 0 6px;font-size:18px;font-weight:700;color:#222}
.kt-scope .kt-badge{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:9999px;background:#111;color:#fff;margin:6px 0 8px}
.kt-scope .kt-chip{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;padding:4px 8px;border-radius:9999px;background:#eef3ff;color:#1a3ea1}

/* 핵심 스펙 리스트 (항상 보임) */
.kt-scope .spec{list-style:none;margin:8px 0 0;padding:0}
.kt-scope .spec li{position:relative;padding-left:16px;margin:6px 0;line-height:1.55;color:#333}
.kt-scope .spec li::before{content:"✔";position:absolute;left:0;top:0;font-size:12px;color:#4f46e5}

/* 스펙 보기(토글) */
.kt-scope .kt-more{
  margin-top:10px;
  border-top:1px dashed #e6ebf2;
  padding-top:10px;
}
.kt-scope .kt-more > summary{
  list-style:none;
  cursor:pointer; user-select:none;
  font-weight:700; font-size:13px;
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:9999px;
  background:#f3f6fb; color:#1f3875;
  transition:background .15s ease, transform .15s ease;
}
.kt-scope .kt-more > summary::marker{display:none}
.kt-scope .kt-more > summary::after{
  content:"▼"; font-size:10px; transform:translateY(-1px);
  opacity:.7; transition:transform .15s ease;
}
.kt-scope .kt-more[open] > summary{background:#e3ecff}
.kt-scope .kt-more[open] > summary::after{transform:rotate(180deg)}

.kt-scope .kt-more-body{margin-top:10px;font-size:14px;color:#364152;line-height:1.7}
.kt-scope .kt-more-body p{margin:0 0 8px}
.kt-scope .kt-more-body ul{margin:6px 0 0 16px}

/* 구분선 */
.kt-scope .kt-divider{height:1px;background:#eef2f7;margin:26px 0}

/* 다크모드(옵션) */
html.dark .kt-scope .kt-device{background:#0f1115;border-color:#1f2530;box-shadow:none}
html.dark .kt-scope .kt-badge{background:#e5e7eb;color:#111}