/* ==========================================================================
   Royal Keyword — 글/페이지 본문 디자인 시스템 (robopress content style)
   사이트 빌드(html.php)와 동일 계열: 밝은 SaaS · 블루 액센트 · Pretendard
   ========================================================================== */
:root{
  --rk-primary:#2f6fed; --rk-primary-strong:#1d4ed8; --rk-primary-050:#eef4ff;
  --rk-primary-100:#dbe7ff; --rk-ink:#0d1b2a; --rk-body:#3d4d63; --rk-muted:#6b7a90;
  --rk-line:#e6ecf3; --rk-bg:#ffffff; --rk-bg-soft:#f5f8fc;
  --rk-radius:20px; --rk-radius-sm:14px; --rk-radius-xs:10px;
  --rk-shadow-sm:0 4px 16px rgba(16,42,80,.06);
  --rk-shadow:0 18px 44px -20px rgba(16,42,80,.24);
  --rk-sans:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,'Noto Sans KR','Apple SD Gothic Neo',sans-serif;
}

.premium-content-wrapper{
  font-family:var(--rk-sans);
  color:var(--rk-body);
  line-height:1.8;
  word-break:keep-all;
  font-size:1.075rem;
  letter-spacing:-.01em;
  max-width:780px;
  margin:0 auto;
}
.premium-content-wrapper > *:first-child{margin-top:0;}

.premium-content-wrapper p{
  margin:0 0 1.6em;
  color:var(--rk-body);
}
.premium-content-wrapper strong{color:var(--rk-ink);font-weight:700;}
.premium-content-wrapper u{
  text-decoration:none;
  background:linear-gradient(transparent 62%, var(--rk-primary-100) 0);
  padding:0 2px;font-weight:600;
}

/* 헤딩 위계 — 액센트 컬러 + 리듬 */
.premium-content-wrapper h2{
  font-family:var(--rk-sans);
  font-size:1.72rem;font-weight:800;line-height:1.35;
  color:var(--rk-ink);letter-spacing:-.02em;
  margin:3.2em 0 1em;padding-top:1.4em;
  border-top:1px solid var(--rk-line);
  position:relative;
}
.premium-content-wrapper h2::before{
  content:"";position:absolute;top:-1px;left:0;
  width:56px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--rk-primary),#5b8bff);
}
.premium-content-wrapper > h2:first-child,
.premium-content-wrapper > *:first-child + h2{border-top:none;padding-top:0;}
.premium-content-wrapper h2:first-of-type{}
.premium-content-wrapper h3{
  font-size:1.28rem;font-weight:700;line-height:1.45;
  color:var(--rk-primary-strong);
  margin:2.2em 0 .9em;letter-spacing:-.01em;
}

/* 리스트 */
.premium-content-wrapper ul,
.premium-content-wrapper ol{margin:1.4em 0 1.8em;padding-left:0;list-style:none;}
.premium-content-wrapper li{
  position:relative;margin:0 0 .85em;padding-left:2rem;color:var(--rk-body);
}
.premium-content-wrapper ul li::before{
  content:"";position:absolute;left:.35rem;top:.62em;
  width:8px;height:8px;border-radius:50%;
  background:var(--rk-primary);box-shadow:0 0 0 4px var(--rk-primary-050);
}
.premium-content-wrapper ol{counter-reset:rk;}
.premium-content-wrapper ol > li{padding-left:2.6rem;min-height:1.8em;}
.premium-content-wrapper ol > li::before{
  counter-increment:rk;content:counter(rk);
  position:absolute;left:0;top:.05em;
  width:1.7rem;height:1.7rem;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;font-weight:800;color:#fff;
  background:linear-gradient(135deg,var(--rk-primary),var(--rk-primary-strong));
  box-shadow:0 6px 14px -6px rgba(47,111,237,.7);
}

/* 강조 콜아웃 */
.info-highlight{
  background:linear-gradient(180deg,var(--rk-primary-050),#f7faff);
  border:1px solid var(--rk-primary-100);
  border-left:4px solid var(--rk-primary);
  border-radius:var(--rk-radius-sm);
  padding:26px 28px;margin:2.4em 0;
  box-shadow:var(--rk-shadow-sm);
}
.info-highlight p{margin:0;color:var(--rk-ink);font-size:1.08rem;font-style:normal;font-weight:500;}
.info-highlight em{font-style:normal;}

/* 본문 이미지 */
.premium-image-wrapper{margin:2.6em 0 !important;text-align:center !important;}
.image-container{
  position:relative !important;display:inline-block !important;
  border-radius:var(--rk-radius) !important;overflow:hidden !important;
  box-shadow:var(--rk-shadow) !important;border:1px solid var(--rk-line) !important;
  background:#fff !important;line-height:0;max-width:100%;
}
.image-container img{
  width:100% !important;max-width:760px !important;height:auto !important;
  display:block !important;border-radius:var(--rk-radius) !important;
}
.ai-disclaimer{
  position:absolute !important;bottom:12px !important;right:14px !important;
  background:rgba(13,27,42,.62) !important;color:#fff !important;
  padding:5px 11px !important;border-radius:20px !important;
  font-size:11px !important;letter-spacing:.02em;
  backdrop-filter:blur(6px) !important;line-height:1.2;
}

/* CTA / 문의 섹션 */
.premium-purchase-section{
  text-align:center;margin:3em 0 1em;padding:44px 32px;
  background:linear-gradient(160deg,#0f2038,#16305a);
  border-radius:var(--rk-radius);box-shadow:var(--rk-shadow);
}
.purchase-content{max-width:600px;margin:0 auto;}
.premium-purchase-section h3{
  color:#fff !important;font-size:1.5rem !important;font-weight:800 !important;
  margin:0 0 12px !important;letter-spacing:-.02em;
}
.premium-purchase-section p{color:#c6d4e8 !important;margin:0 0 24px !important;font-size:1.02rem;}
.premium-purchase-button{
  display:inline-flex !important;align-items:center;gap:9px;
  padding:16px 40px !important;font-size:1.08rem !important;font-weight:800 !important;
  color:#fff !important;text-decoration:none !important;
  background:linear-gradient(135deg,var(--rk-primary),var(--rk-primary-strong)) !important;
  border-radius:999px !important;letter-spacing:-.01em;
  box-shadow:0 16px 34px -14px rgba(47,111,237,.85) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
.premium-purchase-button:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 22px 44px -14px rgba(47,111,237,1) !important;color:#fff !important;
}

/* 준비중 배지 (다운로드 안내용) */
.rk-badge-soon{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 15px;border-radius:999px;
  background:var(--rk-primary-050);color:var(--rk-primary-strong);
  border:1px solid var(--rk-primary-100);
  font-size:.9rem;font-weight:700;margin:.2em 0 1.2em;
}
.rk-badge-soon::before{content:"";width:8px;height:8px;border-radius:50%;background:#f5a524;box-shadow:0 0 0 4px rgba(245,165,36,.18);}

@media (max-width:768px){
  .premium-content-wrapper{font-size:1.02rem;}
  .premium-content-wrapper h2{font-size:1.44rem;margin-top:2.6em;}
  .premium-content-wrapper h3{font-size:1.18rem;}
  .info-highlight{padding:20px 20px;}
  .premium-purchase-section{padding:34px 22px;}
  .image-container img{max-width:100% !important;}
}