/**
 * Marketing Pro Skin
 * 강조와 인용이 돋보이는 마케팅 스타일
 * 특징: 그라데이션, 카드 스타일, 큰 타이포그래피, 강렬한 CTA
 */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap");

/* ===== 기본 설정 ===== */
.skin-marketing-pro {
    --skin-primary: #2563eb;
    --skin-primary-dark: #1d4ed8;
    --skin-primary-light: #dbeafe;
    --skin-accent: #f59e0b;
    --skin-accent-light: #fef3c7;
    --skin-gradient: linear-gradient(135deg, #2563eb, #7c3aed);
    font-family: 'Noto Sans KR', sans-serif;
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
    padding: 2rem;
    border-radius: 1.5rem;
}

/* Reader introduction: display only, no generated text changes. */
.post-content.prose :is(.skin-standard-blog,.skin-marketing-pro,.skin-paper-editorial,.skin-editorial-cards) .opti-editorial-v1 > .oe-prose > p:not(:is(h2,h3,h4,h5,h6) ~ p) {
  font-size: 20px !important;
  line-height: 1.85 !important;
  margin-bottom: 22px;
}
.post-content.prose :is(.skin-standard-blog,.skin-marketing-pro,.skin-paper-editorial,.skin-editorial-cards) .opti-editorial-v1 > .oe-prose > p:not(:is(h2,h3,h4,h5,h6) ~ p) :is(a,strong,em) {
  font-size: inherit !important;
}
.post-content.prose :is(.skin-standard-blog,.skin-marketing-pro,.skin-paper-editorial,.skin-editorial-cards) .opti-editorial-v1 > .oe-prose > p:not(:is(h2,h3,h4,h5,h6) ~ p):has(+ :is(h2,h3,h4,h5,h6)) {
  padding-bottom: 26px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e7eb;
}
/* Highlight at most five existing non-link phrases selected by readerBody. */
.post-content.prose :is(.skin-standard-blog,.skin-marketing-pro,.skin-paper-editorial,.skin-editorial-cards) .opti-editorial-v1 .oe-prose strong {
  background: none !important;
}
.post-content.prose :is(.skin-standard-blog,.skin-marketing-pro,.skin-paper-editorial,.skin-editorial-cards) .opti-editorial-v1 .oe-prose strong[data-reader-highlight="true"] {
  background: linear-gradient(180deg,transparent 68%,var(--color-primary-light,#fff0ad) 68%) !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (max-width:600px) {
  .post-content.prose :is(.skin-standard-blog,.skin-marketing-pro,.skin-paper-editorial,.skin-editorial-cards) .opti-editorial-v1 > .oe-prose > p:not(:is(h2,h3,h4,h5,h6) ~ p) {
    font-size: 19px !important;
    margin-bottom: 18px;
  }
}


/* ===== 헤더 스타일 - 그라데이션 바 ===== */
.skin-marketing-pro h2 {
    font-size: 2rem;
    font-weight: 800;
    color: #1e3a8a;
    margin-top: 3.5rem;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: none;
}

.skin-marketing-pro h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: var(--skin-gradient);
    border-radius: 3px;
}

.skin-marketing-pro h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--skin-gradient);
    border-radius: 2px;
}

.skin-marketing-pro h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e40af;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    padding-left: 0.75rem;
    border-left: 3px solid var(--skin-accent);
}

.skin-marketing-pro h4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2563eb;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

/* ===== 본문 ===== */
.skin-marketing-pro p {
    font-size: 1.0625rem;
    line-height: 1.85;
    color: #374151;
}

.skin-marketing-pro strong {
    color: var(--skin-primary);
    font-weight: 700;
    background: linear-gradient(180deg, transparent 60%, var(--skin-primary-light) 60%);
    padding: 0 2px;
}

/* ===== 리스트 - 체크마크 스타일 ===== */
.skin-marketing-pro ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.skin-marketing-pro ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0.75rem;
}

.skin-marketing-pro ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--skin-primary);
    font-weight: bold;
    background: var(--skin-primary-light);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}

/* ===== 테이블 - 모던 카드 ===== */
.skin-marketing-pro table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 2rem 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(37, 99, 235, 0.15);
}

.skin-marketing-pro th {
    background: linear-gradient(135deg, #1e40af, #5b21b6) !important;
    color: #ffffff !important;
    font-weight: 700;
    padding: 1.25rem 1.5rem;
    text-align: left;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.skin-marketing-pro td {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background-color: white;
}

.skin-marketing-pro tr:last-child td {
    border-bottom: none;
}

.skin-marketing-pro tr:hover td {
    background-color: var(--skin-primary-light);
}

/* ===== 인포박스 - 그라데이션 보더 ===== */
.skin-marketing-pro .info-box,
.skin-marketing-pro [class*="infobox"] {
    background: white;
    border: none;
    border-radius: 1rem;
    padding: 1.5rem;
    margin: 2rem 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.skin-marketing-pro .info-box::before,
.skin-marketing-pro [class*="infobox"]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: var(--skin-gradient);
}

.skin-marketing-pro .info-box-default,
.skin-marketing-pro .info-box-green {
    border-left: none;
}

.skin-marketing-pro .info-box-default::before,
.skin-marketing-pro .info-box-green::before {
    background: linear-gradient(180deg, #22c55e, #16a34a);
}

.skin-marketing-pro .info-box-blue::before {
    background: var(--skin-gradient);
}

.skin-marketing-pro .info-box-red::before {
    background: linear-gradient(180deg, #ef4444, #dc2626);
}

.skin-marketing-pro .info-box h3,
.skin-marketing-pro [class*="infobox"] h3 {
    color: #1e3a8a !important;
    font-size: 1.25rem !important;
    margin-top: 0 !important;
    border-left: none;
    padding-left: 0;
}

/* ===== FAQ - 카드 그리드 ===== */
.skin-marketing-pro .faqContentBox {
    background: linear-gradient(135deg, #f0f7ff 0%, #faf5ff 100%);
    padding: 2rem;
    border-radius: 1.5rem;
    margin: 2rem 0;
}

/* FAQ 내부 아이템에서 중복 border-left 제거 */
.skin-marketing-pro .faqContentBox > div > div {
    border-left: none !important;
    padding-left: 0 !important;
}

/* FAQ 내부 h3에서 왼쪽 바 제거 */
.skin-marketing-pro .faqContentBox h3 {
    border-left: none !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

.skin-marketing-pro .nxt_card {
    background: white !important;
    border: none !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.1);
    margin-bottom: 1rem !important;
    overflow: hidden;
}

.skin-marketing-pro .nxt_card:hover {
    background: white !important;
    box-shadow: 0 8px 30px rgba(37, 99, 235, 0.2);
    transform: translateY(-2px);
}

.skin-marketing-pro .nxt_accordion-button {
    background: transparent !important;
    font-weight: 600;
    color: #1e3a8a;
}

.skin-marketing-pro .nxt_accordion-button:hover {
    background: var(--skin-primary-light) !important;
}

.skin-marketing-pro .nxt_accordion-button.active {
    background: var(--skin-gradient) !important;
    color: white !important;
}

.skin-marketing-pro .nxt_accordion-content {
    border-top: 2px solid var(--skin-primary-light);
}

/* ===== 블록쿼트 ===== */
.skin-marketing-pro blockquote {
    background: var(--skin-primary-light);
    border-left: 5px solid var(--skin-primary);
    border-radius: 0 1rem 1rem 0;
    padding: 1.5rem 2rem;
    margin: 2rem 0;
    font-size: 1.125rem;
    font-style: italic;
    color: #1e40af;
}

/* ===== CTA 버튼 ===== */
.skin-marketing-pro a[href] {
    color: var(--skin-primary);
    font-weight: 600;
}

.skin-marketing-pro .cta-button,
.skin-marketing-pro a.cta {
    display: inline-block;
    background: var(--skin-gradient);
    color: white !important;
    padding: 1rem 2.5rem;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
    transition: all 0.3s ease;
}

.skin-marketing-pro .cta-button:hover,
.skin-marketing-pro a.cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.5);
}
/* Citation anchors remain inline even on hosts with a { display:block }. */
.post-content.prose .opti-editorial-v1 a[data-cite] { display: inline !important; }
/* Semantic reader aids: only Astra articles, never host navigation or legacy copy.
   Host typography has !important; overrides below are limited to reader aids. */
.post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc) {
 box-sizing:border-box;min-width:0;max-width:100%;margin:28px 0;padding:22px 24px;
 color:var(--color-heading,#263344);background:var(--color-primary-light,#f3f6fa);
 border:1px solid #dce3eb;border-radius:10px;font-style:normal;box-shadow:none;
}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-summary {border-top:3px solid var(--color-primary,#385bd7);}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-infobox {border-left:3px solid var(--color-primary,#385bd7);}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc)::before,
.post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc)::after {content:none;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc) p {
 font-size:17px !important;line-height:1.85 !important;color:var(--color-heading,#263344) !important;margin:0 0 12px;
}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc) > :last-child {margin-bottom:0;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc) p :is(strong,em,a) {font-size:inherit !important;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc) li {
 font-size:16px !important;line-height:1.8 !important;color:var(--color-heading,#263344) !important;
}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-metrics {padding:0;border:0;background:transparent;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-metrics :is(ul,ol) {
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));
 gap:12px;list-style:none;margin:14px 0 0;padding:0;
}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-metrics li {
 display:block;min-width:0;margin:0;padding:18px 16px;list-style:none;
 border:1px solid #dce3eb;border-top:2px solid var(--color-primary,#385bd7);
 border-radius:12px;background:var(--color-primary-light,#f3f6fa);
}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-metrics li::before {content:none;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-metrics li strong:first-of-type {
 display:block;font-size:25px !important;line-height:1.4 !important;margin-bottom:8px;
 color:var(--color-primary,#385bd7) !important;background:none !important;
}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc {}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc :is(ul,ol) {display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc li {list-style:none;margin:0;padding:0;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc li::before {content:none;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc a {
 display:inline !important;font-size:16px !important;line-height:1.8 !important;
 color:var(--color-link,var(--color-primary,#385bd7)) !important;
 text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;
 background:none !important;border:0;padding:0;overflow-wrap:anywhere;
}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc a:focus-visible {outline:2px solid var(--color-primary,#385bd7);outline-offset:4px;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 [id] {scroll-margin-top:90px;}
@media(max-width:600px) {
 .post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-toc) {padding:18px 16px;margin:24px 0;}
 
 .post-content.prose .skin-marketing-pro .opti-editorial-v1 :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc) p {font-size:16px !important;}
 .post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-metrics li {padding:16px 12px;}
 .post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-metrics li strong:first-of-type {font-size:23px !important;}
}
/* Quiet table of contents: numbered navigation, not a second body section. */
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc {padding:20px !important;border:1px solid #e2e8f0;border-radius:12px;background:var(--color-primary-light,#f8fafc);}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc > strong {display:block;font-size:15px !important;letter-spacing:-.02em;color:var(--color-heading,#334155) !important;background:none !important;margin-bottom:10px;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc ol {counter-reset:toc-item;gap:0;margin:0;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc li {counter-increment:toc-item;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;border-bottom:1px solid #e2e8f0;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc li:last-child {border-bottom:0;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc li::before {content:counter(toc-item,decimal-leading-zero) !important;position:static;display:block;font-size:12px;color:var(--color-primary,#64748b);font-weight:600;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc a {display:block !important;min-height:44px;padding:11px 4px !important;font-size:15px !important;line-height:1.55 !important;color:var(--color-heading,#334155) !important;font-weight:400 !important;text-decoration:none !important;border-radius:5px;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc a:hover {text-decoration:underline !important;text-underline-offset:4px;}
.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc a:focus-visible {outline:2px solid var(--color-primary,#385bd7);outline-offset:2px;}
@media(max-width:600px){.post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc{padding:16px !important;} .post-content.prose .skin-marketing-pro .opti-editorial-v1 .oe-toc a{font-size:14px !important;}}

/* Central host compatibility and approved design. Sites supply --color-* values only. */
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro{--ed-accent:var(--color-primary,#2563eb);--ed-ink:var(--color-heading,#303936);--ed-link:var(--color-link,#2563eb);--ed-soft:#f7f8fa;--skin-primary:var(--color-primary,#2563eb);--skin-primary-dark:var(--color-primary-hover,#1d4ed8);--skin-primary-light:#f7f8fa;--skin-text:var(--color-heading,#303936);--skin-gradient:linear-gradient(110deg,var(--color-primary,#2563eb),var(--color-primary-hover,#4f46e5));color:var(--color-heading,#303936)}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro :is(h2,h3,h4){color:var(--color-heading,#303936)!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro strong{color:var(--color-strong,var(--color-heading,#303936))!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro a{color:var(--color-link,var(--color-primary,#2563eb))!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro :is(.oe-summary,.oe-infobox,.oe-metrics,.oe-toc){border-color:var(--color-primary,#2563eb)!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro{background:#fff}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro :is(table,.ed-table){box-shadow:0 5px 20px rgba(0,0,0,.06)}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro :is(blockquote,.oe-summary,.oe-infobox,.oe-toc){background:var(--skin-panel-bg,#f7f8fa)!important;color:var(--color-heading,#303936)!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro :is(.oe-toc,.oe-summary,.oe-infobox,.oe-metrics,.ed-pullout){background:var(--skin-panel-bg,#f7f8fa)!important;border-color:var(--skin-panel-border,#dce1e6)!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro .oe-toc li{border-color:#e1e5eb!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro th{background:var(--skin-table-header-bg,var(--color-primary-light,#f3eadb))!important;color:var(--skin-table-header-ink,var(--color-primary,#1a133f))!important;border-bottom:2px solid var(--color-primary,#1a133f)!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro .ed-intro :is(p,em){color:var(--color-heading,#111827)!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro .oe-metrics li{background:#fff!important}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro .opti-editorial-v1.oe-article strong[data-reader-highlight="true"]{color:var(--color-heading,#111827)!important;background:linear-gradient(180deg,transparent 65%,#fff2bf 65%)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Shared px typography: also supports v1 hosts with a small rem base. */
.post-content.prose .skin-marketing-pro p{font-size:18px!important;line-height:1.9!important}.post-content.prose .skin-marketing-pro h2{font-size:27px!important;line-height:1.45!important}.post-content.prose .skin-marketing-pro h3{font-size:22px!important}.post-content.prose .skin-marketing-pro :is(th,td){font-size:16px!important}.post-content.prose .skin-marketing-pro .ed-intro p{font-size:20px!important}.post-content.prose .skin-marketing-pro p :is(a,strong,em){font-size:inherit!important}@media(max-width:600px){.post-content.prose .skin-marketing-pro p{font-size:17px!important}.post-content.prose .skin-marketing-pro h2{font-size:24px!important}.post-content.prose .skin-marketing-pro .ed-intro p{font-size:19px!important}}
/* Match links to surrounding reader text, including nested emphasis. */
.post-content.prose .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro :is(p,li,td,th) a,
.post-content.prose .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro :is(p,li,td,th) a :is(span,strong,em) {font-size:inherit !important;line-height:inherit !important;}
.post-content .skin-marketing-pro.skin-marketing-pro.skin-marketing-pro th {background:var(--skin-table-header-bg,var(--skin-gradient,linear-gradient(110deg,#2563eb,#1d4ed8))) !important;color:#fff !important;text-shadow:none !important;}