:root {
--bdp-ink: #0b1220;
--bdp-body: #26364d;
--bdp-line: #dbe5f0;
--bdp-surface: #f6f9fc;
--bdp-brand: #165dff;
--bdp-brand-dark: #0f46c7;
--bdp-font: -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Noto Sans KR", "Malgun Gothic",
"Apple SD Gothic Neo", Arial, sans-serif;
}
body,
button,
input,
select,
textarea,
.entry-content {
font-family: var(--bdp-font);
}
.entry-content {
color: var(--bdp-body);
overflow-wrap: anywhere;
word-break: keep-all;
}
.entry-content :where(h1, h2, h3, h4, h5, h6) {
color: var(--bdp-ink);
font-family: var(--bdp-font);
font-weight: 800;
letter-spacing: -0.035em;
text-wrap: balance;
}
body.single-post .entry-header,
body.single-post .entry-content {
margin-left: auto;
margin-right: auto;
max-width: 780px;
}
body.single-post .entry-title {
color: var(--bdp-ink);
font-size: clamp(2rem, 4vw, 2.65rem);
font-weight: 850;
letter-spacing: -0.045em;
line-height: 1.24;
margin-bottom: 18px;
}
body.single-post .entry-content {
font-size: 18px;
line-height: 1.82;
}
body.single-post .entry-content :where(p, ul, ol, blockquote, figure, table) {
margin-bottom: 1.45em;
}
body.single-post .entry-content :where(h2, h3, h4) {
line-height: 1.35;
margin-bottom: 0.65em;
margin-top: 2.1em;
}
.bdp-standard-cta {
align-items: center;
background: linear-gradient(135deg, #eef5ff 0%, #f8fbff 58%, #fff 100%);
border: 1px solid #cdddf7;
border-radius: 22px;
box-shadow: 0 18px 45px rgba(15, 35, 70, 0.10);
display: grid;
gap: 24px;
grid-template-columns: minmax(0, 1fr) auto;
margin: 52px 0 20px;
padding: clamp(24px, 5vw, 40px);
}
.bdp-standard-cta__eyebrow {
color: var(--bdp-brand-dark);
display: block;
font-size: 14px;
font-weight: 850;
margin-bottom: 8px;
}
.bdp-standard-cta h2 {
color: var(--bdp-ink);
font-size: clamp(1.45rem, 3vw, 1.9rem);
line-height: 1.3;
margin: 0 0 10px;
}
.bdp-standard-cta p {
color: var(--bdp-body);
font-size: 17px;
line-height: 1.7;
margin: 0;
max-width: 680px;
}
.bdp-standard-cta__actions {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 230px;
}
.bdp-standard-cta__button {
align-items: center;
border-radius: 12px;
display: inline-flex;
font-size: 16px;
font-weight: 800;
justify-content: center;
line-height: 1.35;
min-height: 48px;
padding: 12px 20px;
text-align: center;
text-decoration: none;
transition: transform 160ms ease, background-color 160ms ease;
}
.bdp-standard-cta__button:hover {
transform: translateY(-1px);
}
.bdp-standard-cta__button--primary {
background: var(--bdp-brand);
border: 1px solid var(--bdp-brand);
color: #fff;
}
.bdp-standard-cta__button--primary:hover {
background: var(--bdp-brand-dark);
color: #fff;
}
.bdp-standard-cta__button--secondary {
background: #fff;
border: 1px solid #a9bedb;
color: var(--bdp-ink);
}
@media (max-width: 767px) {
body.single-post .entry-content {
font-size: 17px;
line-height: 1.76;
}
.bdp-standard-cta {
grid-template-columns: 1fr;
margin-top: 38px;
}
.bdp-standard-cta__actions {
min-width: 0;
width: 100%;
}
.bdp-standard-cta__button {
width: 100%;
}
}