.pn-detail .pn-name-detail{font-size: 24px;line-height: 34px;font-weight: bold;margin: 0 0 25px 0;color: #141717}
.table-of-contents{width:100%;max-width:600px;background:#ebebeb;border:1px solid #d8d8d8;border-radius:3px;margin-bottom:30px;font-size:14px;display: none}.table-of-contents h3{margin:10px;font-size:17px;background:#409cff;color:#fff;text-transform:uppercase;padding:10px 20px;position:relative}.table-of-contents h3:hover{cursor:pointer}.table-of-contents h3:after{content:"";width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(135deg);transition:.2s}.table-of-contents h3.open:after{transform:translateY(-50%) rotate(-45deg)}.table-of-contents-item ol{margin:0}.table-of-contents-item ol ol{margin-left:0!important}.table-of-contents-item ol li{padding:3px 0}.table-of-contents-item ol li a{color:#333;text-decoration:none}.table-of-contents-item ol li a:hover{text-decoration:underline}
.table-of-contents-item > ol {margin-bottom: 20px}

@media only screen and (max-width: 991px){ .pn-detail .pn-wrapper :is(h1,h2,h3){font-size: 20px;line-height: 25px;} }
@media only screen and (max-width: 570px){ .pn-detail .pn-wrapper :is(h1,h2,h3){font-size: 18px;line-height: 23px;} .pn-detail .pn-name-detail{font-size: 20px;line-height: 30px}}
@media only screen and (max-width: 370px){ .pn-detail .pn-name-detail{font-size: 18px;line-height: 28px} }