.er-wrap{display:flex;gap:18px;align-items:flex-start;margin-top:45px}
.er-left{flex:0 0 20%;max-width:20%}
.er-right{flex:1}
@media(max-width:900px){.er-wrap{flex-direction:column}.er-left,.er-right{max-width:100%}}

.er-panel{border:1px solid #e5e7eb;border-radius:14px;background:#fff;padding:14px;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.er-panel-title{font-weight:700;margin-bottom:10px;font-size:16px}
.er-cat{display:block;padding:10px 12px;border-radius:12px;text-decoration:none;border:1px solid transparent;margin-bottom:8px;background:#f9fafb;color:#111827}
.er-cat:hover{border-color:#d1d5db;background:#fff}
.er-cat.is-active{background:#111827;color:#fff}

.er-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.er-header-title{font-size:22px;font-weight:800}
.er-empty{border:1px dashed #d1d5db;border-radius:14px;padding:18px;background:#fff}

.er-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:900px){.er-cards{grid-template-columns:1fr}}

.er-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 1px 10px rgba(0,0,0,.05);transition:transform .15s ease, box-shadow .15s ease}
.er-card:hover{transform:rotate(-0.6deg) translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.10)}
.er-card.is-disabled{opacity:.65}
.er-card.is-disabled:hover{transform:none;box-shadow:0 1px 10px rgba(0,0,0,.05)}

.er-thumb-wrap{max-height:170px;overflow:hidden}
.er-thumb{width:100%;height:auto;display:block}

.er-card-body{padding:14px}
.er-title{font-weight:800;font-size:18px;margin-bottom:6px}
.er-excerpt{color:#374151;margin-bottom:10px}

.er-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.er-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;font-size:12px}

.er-action{display:inline-block;margin-top:6px;padding:10px 12px;border-radius:14px;background:#111827;color:#fff;text-decoration:none;font-weight:700}
.er-action:hover{opacity:.92}

.er-full{margin-top:8px;font-weight:900;color:#b91c1c}

.er-pagination{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.er-page{padding:8px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;color:#111827}
.er-page.is-active{background:#111827;color:#fff;border-color:#111827}

.er-detail{border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:16px;box-shadow:0 1px 10px rgba(0,0,0,.05)}
.er-back{display:inline-block;margin-bottom:10px;text-decoration:none;font-weight:700}
.er-detail-title{margin-top:0}
.er-detail-thumb{width:100%;height:auto;border-radius:16px;margin:10px 0}
.er-detail-meta{margin:12px 0;padding:12px;border-radius:16px;background:#f9fafb;border:1px solid #e5e7eb}
.er-info{display:inline-block;margin-top:8px}
.er-alert{margin-top:10px;padding:12px;border-radius:14px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;font-weight:800}

.er-form{margin-top:14px;padding:14px;border-radius:18px;border:1px solid #e5e7eb;background:#fff}
.er-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:900px){.er-form-grid{grid-template-columns:1fr}}
.er-input label{display:block;font-weight:700;margin-bottom:4px}
.er-input input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #d1d5db}
.er-submit{margin-top:12px;padding:12px 14px;border-radius:14px;border:none;background:#111827;color:#fff;font-weight:800;cursor:pointer}
.er-submit:hover{opacity:.92}
.er-message{margin-top:10px;font-weight:700}