/* --- 소자본 창업 정보허브: Sage & Stone Local --- */
.premium-content-wrapper {
    --sage: #5f8267;
    --sage-dark: #435c49;
    --sage-light: #e7eee6;
    --stone-50: #faf9f6;
    --stone-100: #f1efe9;
    --stone-300: #d9d3c7;
    --stone-600: #726c60;
    --stone-900: #2b2924;
    font-family: 'Pretendard', -apple-system, sans-serif;
    background-color: var(--stone-50);
    color: var(--stone-900);
    line-height: 1.8;
    word-break: keep-all;
    max-width: 780px;
    margin: 20px auto;
    padding: 8px 4px;
}
.premium-content-wrapper * { box-sizing: border-box; }
.premium-content-wrapper p { font-size: 17px; margin: 0 0 22px; color: var(--stone-900); }
.premium-title {
    font-size: 2.1em;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--stone-900);
    text-align: left;
    margin-bottom: 28px;
    line-height: 1.35;
}
.premium-content-wrapper h2 {
    font-size: 1.55em;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--stone-900);
    margin: 56px 0 20px;
    padding: 0 0 14px;
    border-bottom: 3px solid var(--sage);
}
.premium-content-wrapper h3 {
    font-size: 1.2em;
    font-weight: 700;
    color: var(--sage-dark);
    margin: 32px 0 14px;
}
.premium-content-wrapper strong { color: var(--sage-dark); font-weight: 700; }
.premium-content-wrapper a { color: var(--sage-dark); text-decoration: underline; text-underline-offset: 3px; }
.premium-content-wrapper ul, .premium-content-wrapper ol { margin: 0 0 24px; padding-left: 22px; }
.premium-content-wrapper li { font-size: 16.5px; margin-bottom: 10px; }
.premium-content-wrapper img { width: 100%; height: auto; border-radius: 14px; margin: 8px 0 28px; display: block; }
.premium-content-wrapper figure { margin: 8px 0 28px; }
.premium-content-wrapper figcaption { font-size: 0.85em; color: var(--stone-600); text-align: center; margin-top: 8px; }

.info-highlight {
    background: var(--sage-light);
    border-left: 4px solid var(--sage);
    border-radius: 0 12px 12px 0;
    padding: 22px 26px;
    margin: 30px 0;
    color: var(--stone-900);
}
.info-highlight p:last-child { margin-bottom: 0; }

.premium-content-wrapper blockquote {
    margin: 30px 0;
    padding: 20px 24px;
    background: var(--stone-100);
    border-left: 4px solid var(--stone-300);
    border-radius: 0 12px 12px 0;
    font-size: 16px;
    color: var(--stone-600);
    font-style: normal;
}
.premium-content-wrapper blockquote p { margin: 0; color: var(--stone-600); }

.premium-content-wrapper table {
    width: 100%;
    border-collapse: collapse;
    margin: 26px 0 30px;
    font-size: 15px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(43,41,36,0.06);
}
.premium-content-wrapper table th {
    background: var(--sage);
    color: #fff;
    font-weight: 700;
    padding: 12px 14px;
    text-align: left;
}
.premium-content-wrapper table td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--stone-100);
    color: var(--stone-900);
}
.premium-content-wrapper table tr:last-child td { border-bottom: none; }
.premium-content-wrapper table tr:nth-child(even) td { background: var(--stone-50); }

/* 체크리스트 */
.rp-checklist { list-style: none; padding-left: 0; margin: 24px 0; }
.rp-checklist li {
    position: relative;
    padding: 10px 14px 10px 40px;
    background: var(--stone-100);
    border-radius: 10px;
    margin-bottom: 8px;
    font-size: 16px;
}
.rp-checklist li::before {
    content: "✓";
    position: absolute; left: 14px; top: 9px;
    color: #fff;
    background: var(--sage);
    width: 20px; height: 20px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
    display: flex; align-items: center; justify-content: center;
}

/* 인라인 막대 차트 */
.rp-bar-chart { margin: 28px 0; }
.rp-bar-row { display: flex; align-items: center; margin-bottom: 14px; gap: 12px; }
.rp-bar-label { flex: 0 0 128px; font-size: 14px; color: var(--stone-900); font-weight: 600; }
.rp-bar-track { flex: 1; background: var(--stone-100); border-radius: 8px; height: 22px; overflow: hidden; }
.rp-bar-fill { background: linear-gradient(90deg, var(--sage), var(--sage-dark)); height: 100%; border-radius: 8px; display: flex; align-items: center; justify-content: flex-end; padding-right: 8px; }
.rp-bar-fill span { color: #fff; font-size: 12px; font-weight: 700; }

/* 타임라인 절차 */
.rp-timeline { margin: 30px 0; padding-left: 0; list-style: none; border-left: 3px solid var(--sage-light); }
.rp-timeline li { position: relative; padding: 0 0 26px 24px; }
.rp-timeline li::before { content: ""; position: absolute; left: -8px; top: 3px; width: 13px; height: 13px; border-radius: 50%; background: var(--sage); border: 3px solid #fff; box-shadow: 0 0 0 2px var(--sage); }
.rp-timeline .rp-tl-title { font-weight: 700; color: var(--stone-900); display: block; margin-bottom: 4px; }
.rp-timeline .rp-tl-desc { font-size: 15px; color: var(--stone-600); }

/* FAQ */
.rp-faq-item { border-bottom: 1px solid var(--stone-100); padding: 18px 0; }
.rp-faq-q { font-weight: 700; font-size: 16.5px; color: var(--stone-900); margin-bottom: 8px; display: flex; gap: 8px; }
.rp-faq-q::before { content: "Q"; color: #fff; background: var(--sage); width: 22px; height: 22px; border-radius: 6px; font-size: 13px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.rp-faq-a { font-size: 15.5px; color: var(--stone-600); padding-left: 30px; }

/* --- 버튼 섹션 --- */
.premium-purchase-section {
    text-align: center;
    margin: 50px auto 20px;
    padding: 36px 28px;
    background: var(--sage-light);
    border-radius: 20px;
}
.purchase-content h3 {
    color: var(--stone-900) !important;
    font-size: 1.4em !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    border: none !important;
    padding: 0 !important;
}
.purchase-content p { color: var(--stone-600); text-align: center; margin-bottom: 22px; font-size: 1em; }
.premium-purchase-button {
    display: inline-block !important;
    padding: 15px 38px !important;
    font-size: 1.05em !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: var(--sage-dark) !important;
    border: none !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all .2s ease !important;
}
.premium-purchase-button:hover { transform: translateY(-2px); background: var(--sage); }

@media (max-width: 600px) {
    .premium-content-wrapper { padding: 4px 2px; }
    .premium-title { font-size: 1.6em; }
    .premium-content-wrapper h2 { font-size: 1.28em; }
    .rp-bar-label { flex-basis: 92px; font-size: 12.5px; }
    .premium-content-wrapper table { font-size: 13px; }
    .premium-content-wrapper table th, .premium-content-wrapper table td { padding: 9px 8px; }
}
