.pg{--m:#1f5aa8;--md:#123a73;--ln:#e4eaf2;--t1:#24303e;--t2:#5d6b7d;}
.pg-wrap{max-width:1200px;margin:0 auto;padding:0 14px;}
.pg-crumb{font-size:13px;color:#8593a6;padding:14px 0 2px;}
.pg-crumb a{color:var(--m);text-decoration:none;}
.pg-crumb span{margin:0 8px;color:#c3cdd9;}
.pg-h1{font-size:24px;font-weight:800;color:#24303e;margin:12px 0 4px;line-height:1.35;}
.pg-h1 small{font-size:14px;font-weight:400;color:#5d6b7d;margin-left:10px;}
.pg-card{background:#fff;border:1px solid var(--ln);border-radius:12px;padding:18px 20px;margin-top:14px;}
.pg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;}
.pg-cell{background:#fff;border:1px solid var(--ln);border-radius:10px;padding:12px 14px;text-decoration:none;display:block;}
.pg-cell b{display:block;font-size:15px;color:#24303e;}
.pg-cell span{display:block;font-size:12px;color:#5d6b7d;margin-top:3px;}
.pg-cell:hover{border-color:var(--m);}
.pg-cell:hover b{color:var(--m);}