.content-page{background:#f5f7fb;min-height:70vh;padding:62px 0 80px}
.content-card{max-width:900px;margin:auto;background:#fff;border:1px solid #dce5f0;border-radius:20px;padding:44px;box-shadow:0 14px 40px #18315b0d}
.content-card .kicker{color:#2365d1;font-weight:800;letter-spacing:.12em;font-size:11px}
.content-card h1{font-size:38px;line-height:1.18;letter-spacing:-1.2px;margin:10px 0 14px;color:#10244a}
.content-card .lead{font-size:18px;color:#526480;line-height:1.7}
.content-card h2{font-size:24px;margin:34px 0 10px;color:#10244a}
.content-card p,.content-card li{color:#42536f;line-height:1.75}
.content-card a{color:#1f63cc;font-weight:600}
.content-card .notice{border-left:4px solid #2d67d5;background:#f0f5ff;padding:16px 20px;border-radius:0 12px 12px 0;margin:24px 0}
.content-card .updated{font-size:12px;color:#71809a;margin-top:35px}

.breadcrumb{font-size:13px;color:#64748b;margin-bottom:16px;font-weight:600}
.breadcrumb a{color:#64748b;text-decoration:none}
.breadcrumb a:hover{color:#2563eb;text-decoration:underline}

.toc-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px;margin:28px 0 34px}
.toc-box h3{margin:0 0 10px;font-size:16px;font-weight:800;color:#0f172a}
.toc-box ul{margin:0;padding-left:20px}
.toc-box li{margin-bottom:6px;font-size:14px}

.cta-box{background:linear-gradient(135deg,#0f2752,#1d4ed8);color:#fff;border-radius:16px;padding:32px;margin:40px 0 20px;text-align:center}
.cta-box h3{font-size:24px;font-weight:800;margin:0 0 8px;color:#fff}
.cta-box p{color:#cbd5e1;font-size:15px;margin:0 0 20px}
.cta-box .btn-primary{display:inline-block;background:#fff;color:#1d4ed8;font-weight:800;padding:12px 28px;border-radius:999px;text-decoration:none;font-size:15px;box-shadow:0 6px 18px rgba(0,0,0,0.15);transition:transform 0.2s}
.cta-box .btn-primary:hover{transform:translateY(-2px);background:#f8fafc}

@media(max-width:680px){.content-page{padding:30px 0 55px}.content-card{padding:26px 20px;border-radius:14px}.content-card h1{font-size:30px}}