
.cs-pf-section {background:#fff;color:#17395d;padding:34px 0 75px}
.cs-pf-section *{box-sizing:border-box}
.cs-pf-container{max-width:1360px;padding:0 30px;margin:0 auto}
.cs-pf-card{background:#f5f9fd;border:1px solid #dce9f5;border-radius:18px;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:32px 38px}
.cs-pf-kicker{font-weight:750!important;font-size:12px!important;letter-spacing:.09em;color:#0b73bf!important;margin:0 0 12px!important}
.cs-pf-copy h2{font-family:inherit;font-size:clamp(25px,3.1vw,38px);letter-spacing:-.025em;line-height:1.2;color:#13345b;font-weight:750;margin:0 0 13px}
.cs-pf-intro{color:#4c637b;font-size:16px;line-height:1.65;margin:0}
.cs-pf-detail{background:#fff;border:1px solid #dce7f0;border-radius:12px;padding:22px 24px}
.cs-pf-example-title{color:#0c714f;font-size:12px;font-weight:800;letter-spacing:.04em;display:block;margin-bottom:9px}
.cs-pf-detail p{color:#344f66;font-size:15px;line-height:1.6;margin:0}
.cs-pf-detail p.cs-pf-note{font-size:12.5px;color:#6c7e8e;line-height:1.55;margin:12px 0 0}
.cs-pf-link{display:inline-flex;align-items:center;gap:8px;color:#006eb9;text-decoration:underline;text-underline-offset:3px;font-size:14px;font-weight:700;margin-top:16px}
.cs-pf-link:hover{color:#035089}
@media(max-width:800px){.cs-pf-card{grid-template-columns:1fr;padding:24px;gap:17px}.cs-pf-container{padding:0 18px}.cs-pf-section{padding:25px 0 55px}.cs-pf-detail{padding:18px 20px}}
