.s9-panel{margin:18px 0 24px;padding:20px;border:1px solid #dce9e5;border-radius:18px;background:#fff;color:#183b34}.s9-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.s9-heading h3{margin:5px 0;font-size:21px}.s9-heading p{margin:0;color:#526b65;font-size:14px}.s9-eyebrow{font-size:11px;font-weight:800;color:#087f68;letter-spacing:.06em}.s9-panel button{min-height:44px;border:0;border-radius:11px;background:#087f68;color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}.s9-panel button:disabled{opacity:.45;cursor:not-allowed}.s9-list{display:grid;gap:10px}.s9-item{padding:15px;border:1px solid #e1eae7;border-radius:13px;background:#f9fcfb;overflow-wrap:anywhere}.s9-item strong{display:block;font-size:16px}.s9-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.s9-meta span{font-size:12px;padding:5px 8px;border-radius:7px;background:#e7f2ee;color:#22564a}.s9-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}#s9Message{font-size:13px;color:#526b65}@media(max-width:640px){.s9-panel{padding:14px;margin:12px 0}.s9-heading{display:block}.s9-heading button{width:100%;margin-top:14px}.s9-list{gap:9px}.s9-item{padding:13px}.s9-pagination button{flex:1}.s9-heading h3{font-size:19px}}
/* Stage 10: mobile-first read-only details and local filter */
.s10-filter-label{display:block;margin-top:16px;font-size:13px;font-weight:750}.s10-filter{display:block;box-sizing:border-box;width:100%;min-height:48px;padding:12px;margin:7px 0;border:1px solid #b9d2c8;border-radius:11px;background:#fff;color:#173638;font-size:16px}.s10-filter:focus-visible,.s10-details summary:focus-visible{outline:3px solid #00a781;outline-offset:2px}.s10-filter-hint{font-size:12px;color:#526b65}.s10-details{margin-top:12px;border-top:1px solid #dce9e5;padding-top:10px}.s10-details summary{cursor:pointer;font-weight:750;min-height:44px;display:flex;align-items:center}.s10-progress{margin:0;padding:0 0 0 22px;line-height:2;font-size:13px;color:#315b50}@media(max-width:640px){.s10-filter{font-size:16px}.s10-progress{line-height:2.3}}

/* Stage 13: consistent mobile accessibility, no behavior changes */
@media(max-width:640px){.s9-panel,.s9-item{min-width:0;max-width:100%;box-sizing:border-box}.s9-meta{gap:6px}.s9-meta span{max-width:100%;overflow-wrap:anywhere}.s9-pagination{flex-wrap:wrap}.s9-pagination button{min-height:48px}.s10-details summary{min-height:48px;touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.s9-panel *{animation:none!important;transition:none!important}}