/* Demand landings + parent-problem articles + inline format-guide CTA */

.cdl{--navy:#17293e;--navy2:#22405f;--pink:#ff1c9d;--pink-dark:#c70f76;--ink:#3a4658;--muted:#5b6173;--cream:#faf8f5;--line:#e3ded6;color:var(--ink);background:#fff}
.cdl *,.cdl *::before,.cdl *::after{box-sizing:border-box}
.cdl-wrap{max-width:860px;margin:0 auto;padding:0 22px}
.cdl-hero{background:linear-gradient(155deg,#17293e 0%,#22405f 100%);color:#fff;padding:72px 0 64px}
.cdl-kicker{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffb3d9}
.cdl-hero h1{margin:0 0 18px;font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-.03em;color:#fff}
.cdl-lead{margin:0 0 14px;font-size:clamp(17px,2vw,20px);line-height:1.55;color:rgba(255,255,255,.9);max-width:640px}
.cdl-lead--sub{font-size:1rem;color:rgba(255,255,255,.78)}
.cdl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cdl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:800;text-decoration:none;font-size:.98rem}
.cdl-btn--pink{background:#ff1c9d;color:#fff}
.cdl-btn--pink:hover{background:#c70f76;color:#fff}
.cdl-btn--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.cdl-btn--ghost:hover{border-color:#fff;color:#fff}
.cdl-lang{margin:22px 0 0;color:rgba(255,255,255,.72);font-size:.92rem;line-height:1.5}
.cdl-lang a{color:#ffb3d9;font-weight:700}
.cdl-section{padding:56px 0}
.cdl-section--alt{background:var(--cream)}
.cdl-section--cta{background:linear-gradient(155deg,#17293e 0%,#22405f 100%);color:#fff}
.cdl-section--cta h2,.cdl-section--cta p{color:#fff}
.cdl-section h2{margin:0 0 18px;font-size:clamp(24px,3vw,34px);line-height:1.18;color:var(--navy);letter-spacing:-.02em}
.cdl-section p,.cdl-section li{line-height:1.65}
.cdl-section a{color:#123985;font-weight:700}
.cdl-section--cta a.cdl-btn--ghost{color:#fff}
.cdl-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cdl-grid3 article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 18px}
.cdl-section--alt .cdl-grid3 article{background:#fff}
.cdl-grid3 h3{margin:0 0 8px;color:var(--navy);font-size:1.05rem}
.cdl-grid3 p{margin:0;color:var(--muted)}
.cdl-facts{margin:0;padding:0;list-style:none}
.cdl-facts li{margin:0 0 10px;padding-left:0}
.cdl-steps{margin:0 0 28px;padding-left:1.2em}
.cdl-steps li{margin:0 0 10px}
.cdl-path{margin:22px 0 0;padding:14px 16px;border-left:4px solid #ff1c9d;background:#fff;color:var(--ink);border-radius:0 12px 12px 0}
.cdl-subhead{margin:22px 0 12px;color:var(--navy);font-size:1.05rem}
.cdl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 12px}
.cdl-table{width:100%;min-width:560px;border-collapse:collapse;background:#fff;font-size:.95rem}
.cdl-table th,.cdl-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.cdl-table th{background:#f6f8fb;color:var(--navy)}
.cdl-note{font-size:.92rem;color:var(--muted)}
.cdl-faq details{margin:0 0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 14px}
.cdl-faq summary{cursor:pointer;font-weight:750;color:var(--navy)}
.cdl-faq details p{margin:10px 0 4px}
@media(max-width:800px){
	.cdl-hero{padding:48px 0 40px}
	.cdl-grid3{grid-template-columns:1fr}
	.cdl-section{padding:40px 0}
}

.cdl-inline-cta{margin:36px auto;max-width:720px;padding:22px 24px;border-radius:16px;background:#17293e;color:#fff}
.cdl-inline-cta__kicker{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffb3d9}
.cdl-inline-cta p{margin:0 0 12px;line-height:1.6;color:rgba(255,255,255,.9)}
.cdl-inline-cta__actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0!important}
.cdl-inline-cta .cdl-btn--ghost{color:#fff}

/* Parent-problem articles */
.capstone-article{max-width:760px;margin:0 auto 72px;padding:8px 22px 0;color:#34405e}
.capstone-article h2{margin:2em 0 .6em;color:#17293e;letter-spacing:-.02em;line-height:1.2}
.capstone-article h3{margin:1.4em 0 .4em;color:#17293e}
.capstone-article p,.capstone-article li{line-height:1.7}
.capstone-article table{width:100%;border-collapse:collapse;margin:1.2em 0 1.6em;font-size:.95rem}
.capstone-article th,.capstone-article td{border:1px solid #e3ded6;padding:10px 12px;text-align:left;vertical-align:top}
.capstone-article th{background:#f6f8fb;color:#17293e}
.capstone-article details{margin:0 0 10px;border:1px solid #e3ded6;border-radius:10px;background:#fff;padding:10px 14px}
.capstone-article summary{cursor:pointer;font-weight:750;color:#17293e}
.capstone-article .capstone-article__note{font-size:.92rem;color:#5b6173}

.cdl-inline-cta ul{margin:8px 0 0;padding-left:1.15em}
.cdl-inline-cta li{margin:0 0 6px}
.cdl-inline-cta a{color:#ffb3d9;font-weight:700}

.contact-page__zh-note{margin:22px 0 0;padding:16px 18px;border:1px solid rgba(18,57,133,.16);border-left:4px solid #ff1c9d;border-radius:12px;background:#fff;color:#34405e;font-size:.95rem;line-height:1.6}
.contact-page__zh-note p{margin:0 0 8px}
.contact-page__zh-note p:last-child{margin:0}
