/* Frontend styles (v3 responsive) */
.ws-search-wrap { max-width:720px; margin:20px auto; text-align:center; font-family: Arial, sans-serif; padding:0 10px; }
.ws-search-box { display:flex; justify-content:center; align-items:center; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
#ws_post_id { padding:8px 10px; width:200px; border-radius:4px; border:1px solid #ccc; text-align:center; }
#ws_post_id::-webkit-inner-spin-button, #ws_post_id::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#ws_post_id[type=number] { -moz-appearance: textfield; }
#ws_search_btn { padding:8px 12px; cursor:pointer; border-radius:4px; border:1px solid #2b7cff; background:#2b7cff; color:#fff; transition: background 0.2s; }
#ws_search_btn:hover { background:#1a5fd1; }

.ws-spinner { width:48px; height:48px; margin: 12px auto; border-radius:50%; border:6px solid rgba(0,0,0,0.1); border-top-color:#2b7cff; animation: ws-spin 1s linear infinite; display:none; }
.ws-spinner.visible { display:block; }
@keyframes ws-spin { to { transform: rotate(360deg); } }

.ws-message { margin:10px 0; font-weight:600; min-height:22px; }
.ws-message.found { color: #006400; }
.ws-message.notfound { color: #cc0000; }

.ws-result { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin-top:10px; border:1px solid #eee; padding:12px; border-radius:6px; background:#fafafa; }
.ws-featured { max-width:100%; height:auto; display:block; margin:0 auto 8px auto; border-radius:8px; }
.ws-title { margin:6px 0; font-size:20px; }
.ws-title a { text-decoration:none; color:#0073aa; word-break:break-word; }
.ws-title a:hover { text-decoration:underline; }
@media (max-width:480px) {
    #ws_post_id { width:100%; }
    #ws_search_btn { width:100%; }
}