/* ======= Page Layout ======= */
.cd-page{max-width:1200px;margin:24px auto;padding:0 16px}
.cd-grid{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-top:14px}
@media (max-width:1024px){.cd-grid{grid-template-columns:1fr}}
.cd-breadcrumb{margin:8px 0 12px;color:#6b7280;font-size:.95rem}
.cd-breadcrumb a{color:#2563eb;text-decoration:none}

/* ======= Hero ======= */
.cd-hero{position:relative;min-height:460px;border-radius:18px;overflow:hidden;background:white;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.cd-hero__bg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 460px;   /* hero ÃÖ¼Ò ³ôÀÌ */
  background: #fff;    /* ³²´Â ¿©¹é ¹è°æ */
}
.cd-hero__overlay{position:absolute;inset:0;}
/* ======= Page Layout ======= */
.cd-page{max-width:1200px;margin:24px auto;padding:0 16px}
.cd-grid{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-top:14px}
@media (max-width:1024px){.cd-grid{grid-template-columns:1fr}}
.cd-breadcrumb{margin:8px 0 12px;color:#6b7280;font-size:.95rem}
.cd-breadcrumb a{color:#2563eb;text-decoration:none}

/* ======= Hero ======= */
.cd-hero{position:relative;min-height:460px;border-radius:18px;overflow:hidden;background:white;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.cd-hero__bg {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 460px;   /* hero ÃÖ¼Ò ³ôÀÌ */
  background: #fff;    /* ³²´Â ¿©¹é ¹è°æ */
}
.cd-hero__overlay{position:absolute;inset:0;}
.cd-hero__body {
  position:relative;
  z-index:1;
  color:#0f172a; /* ? ÁøÇÑ ±ÛÀÚ»öÀ¸·Î º¯°æ (°ËÁ¤/´ÙÅ©) */
  padding:22px 22px 28px;
}
.cd-hero__title {
  font-size:1.85rem;
  line-height:1.25;
  margin:8px 0 10px;
  letter-spacing:-0.2px;
  color:#111827; /* ? Á¦¸ñÀº ´õ ÁøÇÑ °ËÁ¤ */
}
.cd-hero__sub {
  opacity:.95;
  max-width:920px;
  color:#374151; /* ? º¸Á¶ ÅؽºÆ®´Â Áß°£ Åæ */
}
.cd-hero__bg img {
  max-width: 100%;     /* È­¸é ³Êºñ ÃÊ°ú ±ÝÁö */
  max-height: 460px;   /* hero ³ôÀ̱îÁö¸¸ */
  object-fit: contain; /* ¿øº» ºñÀ² À¯Áö */
}

/* chips */
.cd-chiprow{display:flex;gap:8px;flex-wrap:wrap}
.cd-chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:.85rem;font-weight:600;backdrop-filter:blur(3px)}
.cd-chip--blue{background:rgba(59,130,246,.22);color:#272725;border:1px solid rgba(255,255,255,.2)}
.cd-chip--gray{background: rgba(107,114,128,.20);color:#272725;border: 1px solid rgba(0,0,0,.05)}
.cd-chip--mint{background:rgba(16,185,129,.22);color:#272725;border:1px solid rgba(255,255,255,.2)}

/* ======= Cards ======= */
.cd-card{background:#fff;border:1px solid #EEF1F4;border-radius:16px;box-shadow:0 6px 22px rgba(16,24,40,.06);overflow:hidden}
.cd-card + .cd-card{margin-top:14px}
.cd-card__head{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#fbfdff;border-bottom:1px solid #f1f5f9}
.cd-card__title{margin:0;font-size:1.06rem}
.cd-detail{padding:16px}

/* ======= KV Grid ======= */
.cd-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.cd-detail__grid{grid-template-columns:1fr}}
.cd-kv{border-radius:12px;padding:14px;border:1px solid #f1f5f9;background:#fafcff}
.cd-kv .kv-key{font-weight:700;color:#475569;margin-bottom:6px}
.cd-kv .kv-val{color:#0f172a}
.cd-kv--outline{background:#fff}
.cd-kv--mint{background:linear-gradient(0deg,#ecfeff,#ffffff);border-color:#dbeafe}
.cd-kv--purple{background:linear-gradient(0deg,#f3e8ff,#ffffff);border-color:#e9d5ff}
.cd-kv--green{background:linear-gradient(0deg,#ecfdf5,#ffffff);border-color:#bbf7d0}
.cd-kv--pink{background:linear-gradient(0deg,#fce7f3,#ffffff);border-color:#fbcfe8}
.cd-kv--yellow{background:linear-gradient(0deg,#fef9c3,#ffffff);border-color:#fde68a}
.cd-kv--cyan{background:linear-gradient(0deg,#cffafe,#ffffff);border-color:#a5f3fc}
.cd-dim{color:#6b7280}

/* ======= Prose ======= */
.cd-prose{white-space:pre-line;line-height:1.7;color:#0f172a}

/* ======= Right Summary ======= */
.cd-side{display:flex;flex-direction:column;gap:16px}
.cd-summary{padding:14px}
.cd-summary table{width:100%;border-collapse:collapse}
.cd-summary th,.cd-summary td{padding:10px 6px;border-bottom:1px dashed #eef0f3;text-align:left;vertical-align:top}
.cd-summary th{color:#64748b;font-weight:600;width:94px}
.cd-link{color:#2563eb;text-decoration:none}
.cd-link:hover{text-decoration:underline}

/* ======= Related ======= */
.cd-related{padding:10px}
.cd-rel{display:flex;gap:10px;padding:10px;border-radius:12px;border:1px solid #eef1f4;text-decoration:none;color:inherit;align-items:center}
.cd-rel + .cd-rel{margin-top:10px}
.cd-rel:hover{background:#f9fbff}
.cd-rel__thumb{width:62px;height:62px;border-radius:10px;overflow:hidden;background:#f1f5f9;flex:0 0 62px}
.cd-rel__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;      /* ¿øº» ºñÀ² À¯Áö + À߸®Áö ¾ÊÀ½ */
  image-rendering:crisp-edges; /* È®´ë ½Ã Çȼ¿ ±úÁü ¿ÏÈ­ (ºê¶ó¿ìÀú¸¶´Ù ´Ù¸§) */
  image-rendering:-webkit-optimize-contrast; /* Å©·Ò Àü¿ë ¼±¸íµµ °³¼± */
}
.cd-rel__empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#94a3b8;font-size:.8rem}
.cd-rel__meta{min-width:0}
.cd-rel__title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.cd-rel__sub{color:#64748b;font-size:.9rem}

/* ======= Helpers ======= */
.cd-empty{max-width:960px;margin:40px auto;padding:24px;border:1px dashed #e5e7eb;border-radius:12px;color:#6b7280;background:#fafafa}

.cd-hero__title{font-size:1.85rem;line-height:1.25;margin:8px 0 10px;letter-spacing:-0.2px}
.cd-hero__sub{opacity:.95;max-width:920px}
.cd-hero__bg img {
  max-width: 100%;     /* È­¸é ³Êºñ ÃÊ°ú ±ÝÁö */
  max-height: 460px;   /* hero ³ôÀ̱îÁö¸¸ */
  object-fit: contain; /* ¿øº» ºñÀ² À¯Áö */
}

/* chips */
.cd-chiprow{display:flex;gap:8px;flex-wrap:wrap}
.cd-chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:.83rem;font-weight:600;backdrop-filter:blur(3px)}
.cd-chip--blue{background:rgba(59,130,246,.22);  color: #1e3a8a;border:1px solid rgba(255,255,255,.2)}
.cd-chip--gray{ background: rgba(107,114,128,.20);  color: #374151;border: 1px solid rgba(0,0,0,.05)}
.cd-chip--mint{background:rgba(16,185,129,.22);color: #065f46; border:1px solid rgba(255,255,255,.2)}

/* ======= Cards ======= */
.cd-card{background:#fff;border:1px solid #EEF1F4;border-radius:16px;box-shadow:0 6px 22px rgba(16,24,40,.06);overflow:hidden}
.cd-card + .cd-card{margin-top:14px}
.cd-card__head{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#fbfdff;border-bottom:1px solid #f1f5f9}
.cd-card__title{margin:0;font-size:1.06rem}
.cd-detail{padding:16px}

/* ======= KV Grid ======= */
.cd-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.cd-detail__grid{grid-template-columns:1fr}}
.cd-kv{border-radius:12px;padding:14px;border:1px solid #f1f5f9;background:#fafcff}
.cd-kv .kv-key{font-weight:700;color:#475569;margin-bottom:6px}
.cd-kv .kv-val{color:#0f172a}
.cd-kv--outline{background:#fff}
.cd-kv--mint{background:linear-gradient(0deg,#ecfeff,#ffffff);border-color:#dbeafe}
.cd-kv--purple{background:linear-gradient(0deg,#f3e8ff,#ffffff);border-color:#e9d5ff}
.cd-kv--green{background:linear-gradient(0deg,#ecfdf5,#ffffff);border-color:#bbf7d0}
.cd-kv--pink{background:linear-gradient(0deg,#fce7f3,#ffffff);border-color:#fbcfe8}
.cd-kv--yellow{background:linear-gradient(0deg,#fef9c3,#ffffff);border-color:#fde68a}
.cd-kv--cyan{background:linear-gradient(0deg,#cffafe,#ffffff);border-color:#a5f3fc}
.cd-dim{color:#6b7280}

/* ======= Prose ======= */
.cd-prose{white-space:pre-line;line-height:1.7;color:#0f172a}

/* ======= Right Summary ======= */
.cd-side{display:flex;flex-direction:column;gap:16px}
.cd-summary{padding:14px}
.cd-summary table{width:100%;border-collapse:collapse}
.cd-summary th,.cd-summary td{padding:10px 6px;border-bottom:1px dashed #eef0f3;text-align:left;vertical-align:top}
.cd-summary th{color:#64748b;font-weight:600;width:94px}
.cd-link{color:#2563eb;text-decoration:none}
.cd-link:hover{text-decoration:underline}

/* ======= Related ======= */
.cd-related{padding:10px}
.cd-rel{display:flex;gap:10px;padding:10px;border-radius:12px;border:1px solid #eef1f4;text-decoration:none;color:inherit;align-items:center}
.cd-rel + .cd-rel{margin-top:10px}
.cd-rel:hover{background:#f9fbff}
.cd-rel__thumb{width:62px;height:62px;border-radius:10px;overflow:hidden;background:#f1f5f9;flex:0 0 62px}
.cd-rel__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;      /* ¿øº» ºñÀ² À¯Áö + À߸®Áö ¾ÊÀ½ */
  image-rendering:crisp-edges; /* È®´ë ½Ã Çȼ¿ ±úÁü ¿ÏÈ­ (ºê¶ó¿ìÀú¸¶´Ù ´Ù¸§) */
  image-rendering:-webkit-optimize-contrast; /* Å©·Ò Àü¿ë ¼±¸íµµ °³¼± */
}
.cd-rel__empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#94a3b8;font-size:.8rem}
.cd-rel__meta{min-width:0}
.cd-rel__title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.cd-rel__sub{color:#64748b;font-size:.9rem}

/* ======= Helpers ======= */
.cd-empty{max-width:960px;margin:40px auto;padding:24px;border:1px dashed #e5e7eb;border-radius:12px;color:#6b7280;background:#fafafa}