.spr-si-ui{max-width:980px;margin:0 auto}
.spr-si-form{display:flex;gap:12px;align-items:center}
.spr-si-input{flex:1;padding:14px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px}
.spr-si-btn{padding:14px 22px;border:1px solid #e23b3b;background:#fff;color:#e23b3b;border-radius:6px;font-weight:600;cursor:pointer}
.spr-si-btn:hover{background:#ffecec}

.spr-si-filters{margin-top:10px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.spr-si-radio{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:#111}
.spr-si-radio input{accent-color:#1f4aa8}

/* modal */
.spr-si-modal[hidden]{display:none}
.spr-si-modal{position:fixed;inset:0;z-index:99999}
.spr-si-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.spr-si-modal__panel{position:relative;width:min(980px,92vw);max-height:86vh;margin:6vh auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column}
.spr-si-modal__head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}
.spr-si-modal__title{font-size:16px;font-weight:700}
.spr-si-modal__close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;padding:0 6px}
.spr-si-modal__sub{padding:10px 16px 6px 16px;color:#666;font-size:14px}
.spr-si-modal__list{padding:10px 16px;overflow:auto}

.spr-si-row{display:grid;grid-template-columns:1fr 140px;gap:18px;padding:14px 0;border-bottom:1px solid #f1f1f1}
.spr-si-row:last-child{border-bottom:0}
.spr-si-title{display:inline-block;color:#1a0dab;font-size:18px;font-weight:700;text-decoration:none;margin-bottom:6px}
.spr-si-title:hover{text-decoration:underline}
.spr-si-crumb{color:#666;font-size:13px;margin-bottom:6px}
.spr-si-date{color:#777;font-size:12px;margin-bottom:6px}
.spr-si-excerpt{color:#333;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spr-si-thumb img{width:140px;height:96px;object-fit:cover;border-radius:10px;border:1px solid #eee}

.spr-si-loading,.spr-si-empty,.spr-si-error{padding:18px;color:#444}
.spr-si-error{color:#b00}

/* pager */
.spr-si-modal__pager{padding:12px 16px;border-top:1px solid #eee;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.spr-si-pbtn{min-width:40px;height:40px;padding:0 12px;border:1px solid #d7dff0;border-radius:20px;background:#fff;color:#1f4aa8;font-weight:600;cursor:pointer}
.spr-si-pbtn.is-active{background:#1f4aa8;color:#fff;border-color:#1f4aa8}
.spr-si-pbtn.is-disabled{opacity:.45;cursor:not-allowed}
.spr-si-ellipsis{padding:0 6px;color:#666}

@media(max-width:680px){
  .spr-si-row{grid-template-columns:1fr;}
  .spr-si-thumb{display:none}
}