*{box-sizing:border-box}
body{margin:0;font-family:Verdana,Geneva,"DejaVu Sans",sans-serif;font-size:15px;line-height:1.7;color:#22313f;background:#f2f5f8}
.pj-top{background:#0d4f7c;color:#fff;border-bottom:4px solid #f08a24}
.pj-top-in{max-width:1080px;margin:0 auto;padding:18px 16px}
.pj-brand{color:#fff;text-decoration:none;font-size:1.45rem;font-weight:bold}
.pj-brand span{color:#f08a24}
.pj-top p{margin:2px 0 0;font-size:.85rem;color:#bcd6ea}
.pj-wrap{max-width:1080px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}
.pj-art{background:#fff;padding:28px 30px;border-radius:6px}
.pj-art h1{margin:0 0 16px;color:#0d4f7c;font-size:1.75rem;line-height:1.25}
.pj-art img{width:100%;height:auto;display:block;margin:0 0 18px;border-radius:4px}
.pj-side nav,.pj-side .pj-box{background:#fff;border-radius:6px;padding:14px 16px;margin-bottom:18px}
.pj-side h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#f08a24;margin:0 0 8px}
.pj-side ul{list-style:none;margin:0;padding:0}
.pj-side li{border-bottom:1px solid #e3e9ef}
.pj-side a{display:block;padding:6px 0;color:#0d4f7c;text-decoration:none;font-size:.9rem}
.pj-side a.pj-cur{font-weight:bold;color:#f08a24}
.pj-foot{background:#22313f;color:#a9b7c4;font-size:.8rem}
.pj-foot-in{max-width:1080px;margin:0 auto;padding:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.pj-foot a{color:#fff}
@media(max-width:820px){.pj-wrap{grid-template-columns:1fr}.pj-art{padding:20px 16px}}