.ypl-blog{max-width:960px;margin:auto;padding:28px 24px;background:#fafafa;color:#252525;font:16px/1.8 Arial,Helvetica,sans-serif;overflow-wrap:break-word}
.ypl-blog *{box-sizing:border-box}
.ypl-blog .intro{font-size:18px;color:#505050;margin:0 0 28px}
.ypl-blog h2{font-size:25px;line-height:1.35;margin:34px 0 14px;padding-left:13px;border-left:4px solid #f48000}
.ypl-blog p{margin:0 0 16px}
.ypl-blog ul,.ypl-blog ol{padding-left:22px;margin:12px 0 22px}
.ypl-blog li{margin:8px 0}
.ypl-blog .note{padding:17px 20px;background:#fff2e3;border-left:3px solid #f48000;margin:22px 0}
.ypl-blog .table-wrap{overflow-x:auto;margin:22px 0}
.ypl-blog table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;line-height:1.65;text-align:left}
.ypl-blog th,.ypl-blog td{padding:13px 15px;border:1px solid #e3e3e3;vertical-align:top}
.ypl-blog thead th{background:#f1ede7}
.ypl-blog tbody th{width:28%}
.ypl-blog .cta{background:#262626;color:#fff;padding:24px;margin-top:30px}
.ypl-blog .cta h2{color:#fff;font-size:22px;margin-top:0}
.ypl-blog .cta p:last-child{margin-bottom:0}
@media(max-width:640px){
  .ypl-blog{padding:20px 16px;font-size:16px}
  .ypl-blog .intro{font-size:17px}
  .ypl-blog h2{font-size:22px;margin-top:28px}
  .ypl-blog table,.ypl-blog tbody,.ypl-blog tr{display:block}
  .ypl-blog thead{display:none}
  .ypl-blog tr{border:1px solid #e3e3e3;margin-bottom:12px;padding:14px;background:#fff}
  .ypl-blog th,.ypl-blog td{display:block;width:100%!important;border:0;padding:0}
  .ypl-blog tbody th{font-size:16px;margin-bottom:10px}
  .ypl-blog td{margin-top:10px}
  .ypl-blog td:before{content:attr(data-label);display:block;font-size:12px;font-weight:bold;color:#965000}
  .ypl-blog .cta{padding:20px}
}