#jnf-middle .jnf .social-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:40px 5%;background:#f0f6fb;border-bottom:1px solid #dae5ed}
#jnf-middle .jnf .social-hero h1{font-size:44px;line-height:1.12;margin:0 0 22px}
#jnf-middle .jnf .social-hero h2{font-size:23px;line-height:1.35;margin-bottom:16px}
#jnf-middle .jnf .social-hero>div>p:not(.eyebrow){font-size:15px;color:#586b7b;line-height:1.8;max-width:580px}
#jnf-middle .jnf .social-principle{background:#fff;border:1px solid #dae5ed;border-radius:12px;padding:26px}
#jnf-middle .jnf .social-principle h2{font-size:27px}
#jnf-middle .jnf .social-principle ol{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:18px}
#jnf-middle .jnf .social-principle li{display:flex;gap:14px;align-items:flex-start}
#jnf-middle .jnf .social-principle li>span,#jnf-middle .jnf .social-step-number{font-size:12px;color:#246aa7;border-bottom:2px solid #b5cee2;padding:4px 0;flex-shrink:0}
#jnf-middle .jnf .social-principle h3{margin:0;font-size:14px;line-height:1.5}
#jnf-middle .jnf .social-principle li p{font-size:13px;line-height:1.7;color:#586b7b;margin:5px 0 0}
#jnf-middle .jnf .social-section{padding:34px 5%}
#jnf-middle .jnf .social-intro{max-width:780px;color:#586b7b;line-height:1.8;margin-top:14px}
#jnf-middle .jnf .social-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
#jnf-middle .jnf .social-steps article{padding:20px 0;border-top:1px solid #dae5ed}
#jnf-middle .jnf .social-steps h3{font-size:18px;margin-top:14px}
#jnf-middle .jnf .social-steps p{color:#586b7b;font-size:14px;line-height:1.8;margin:12px 0 0;max-width:490px}
#jnf-middle .jnf .social-live{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:0 5%;padding:28px;background:#f0f6fb;border:1px solid #dae5ed;border-radius:12px}
#jnf-middle .jnf .social-live h2{font-size:29px;line-height:1.3}
#jnf-middle .jnf .social-live p{font-size:14px;line-height:1.8;color:#586b7b;margin:14px 0 0}
#jnf-middle .jnf .social-live-points{display:grid;gap:20px}
#jnf-middle .jnf .social-live-points h3{margin:0}
#jnf-middle .jnf .social-live-points .action{justify-self:start}
#jnf-middle .jnf .social-inline-links,#jnf-middle .jnf .social-final-actions{display:flex;flex-wrap:wrap;gap:10px 20px}
#jnf-middle .jnf .social-page .practical a{display:inline-flex;color:#246aa7;min-height:44px;align-items:center}
#jnf-middle .jnf .social-final-actions .action{font-size:13px}
@media(max-width:650px){#jnf-middle .jnf .social-hero{grid-template-columns:1fr;padding:28px 5%;gap:26px}#jnf-middle .jnf .social-hero h1{font-size:36px}#jnf-middle .jnf .social-hero h2{font-size:22px}#jnf-middle .jnf .social-hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}#jnf-middle .jnf .social-hero .action{font-size:13px;padding:12px 10px}#jnf-middle .jnf .social-principle{padding:22px}#jnf-middle .jnf .social-steps{grid-template-columns:1fr;gap:8px;margin-top:20px}#jnf-middle .jnf .social-section{padding:28px 5%}#jnf-middle .jnf .social-live{grid-template-columns:1fr;gap:24px;padding:22px}#jnf-middle .jnf .social-live h2{font-size:26px}#jnf-middle .jnf .social-final-actions{gap:10px;width:100%}#jnf-middle .jnf .social-final-actions .action{width:100%}}