.fx-pl{padding:10px 0 30px;}
.fx-pl__head{display:flex;align-items:center;gap:10px;margin:0 0 14px;}
.fx-pl__head h2{margin:0;font-size:17px;font-weight:700;color:#222;}
.fx-pl__count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;border-radius:8px;background:#f4f4f4;color:#666;font-size:12px;font-weight:700;}

.fx-pl__cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:34px;}
.fx-pl-cat{position:relative;display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;transition:border-color .15s,background-color .15s;}
.fx-pl-cat:hover{border-color:#c11717;background:#fffafa;}
.fx-pl-cat__icon{flex:0 0 46px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fbeaea;color:#c11717;font-size:20px;}
.fx-pl-cat__body{flex:1;min-width:0;}
.fx-pl-cat__name{font-size:15px;font-weight:700;line-height:1.5;color:#222;}
.fx-pl-cat__name a{color:inherit;text-decoration:none;}
.fx-pl-cat__name a:after{content:"";position:absolute;inset:0;border-radius:8px;}
.fx-pl-cat:hover .fx-pl-cat__name a{color:#c11717;}
.fx-pl-cat__meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;color:#888;font-size:12px;}
.fx-pl-cat__meta i{margin-inline-end:5px;color:#aaa;}
.fx-pl-cat__go{flex:0 0 auto;color:#bbb;font-size:20px;transition:color .15s;}
.fx-pl-cat:hover .fx-pl-cat__go{color:#c11717;}

.fx-pl__pages{display:flex;flex-direction:column;gap:10px;}
.fx-pl-page{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;transition:border-color .15s,background-color .15s;}
.fx-pl-page:hover{border-color:#c11717;background:#fffafa;}
.fx-pl-page__icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f4f4f4;color:#c11717;font-size:16px;}
.fx-pl-page__title{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.6;}
.fx-pl-page__title a{color:#222;text-decoration:none;}
.fx-pl-page__title a:after{content:"";position:absolute;inset:0;border-radius:8px;}
.fx-pl-page:hover .fx-pl-page__title a{color:#c11717;}
.fx-pl-page__meta{flex:0 0 auto;display:flex;align-items:center;gap:16px;color:#888;font-size:12px;white-space:nowrap;}
.fx-pl-page__meta i{margin-inline-end:5px;color:#aaa;}
.fx-pl-page__go{flex:0 0 auto;color:#bbb;font-size:20px;transition:color .15s;}
.fx-pl-page:hover .fx-pl-page__go{color:#c11717;}

@media (max-width:640px){
  .fx-pl__cats{grid-template-columns:1fr;}
  .fx-pl-page{flex-wrap:wrap;}
  .fx-pl-page__meta{width:100%;padding-inline-start:52px;}
  .fx-pl-page__go{display:none;}
}