/* ============================================================
   Keyword Rank Checker - front-end styles (TWH light theme)
   Used by plugins/keyword-rank-checker (shortcode: [keyword_rank_checker])
   ============================================================ */
.krc-box{max-width:860px;margin:24px auto;font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;color:#0e1b33}
#content .krc-box h3,.krc-box h3{margin:0 0 14px;font-size:20px !important;line-height:1.3;font-weight:800;font-family:"Space Grotesk",system-ui,sans-serif;color:#0e1b33}
.krc-box h3 i{color:#2563eb;margin-right:8px}

.krc-input-group{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0 14px;margin-bottom:10px}
.krc-input-group > i{color:#2563eb;font-size:14px;flex:0 0 auto}
#content .krc-box input,#content .krc-box select,.krc-input-group input,.krc-input-group select{flex:1;min-width:0;border:0;outline:0;padding:14px 0;font-size:15px !important;font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:#0e1b33;background:transparent;box-shadow:none}
.krc-input-group select{cursor:pointer}
.krc-input-group:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}

#content #krc-btn,#content .krc-box .krc-btn,.krc-btn{width:100%;font-size:15px !important;display:flex;align-items:center;justify-content:center;gap:8px;background:#2563eb;color:#fff;border:0;border-radius:12px;padding:15px 18px;font-weight:800;font-size:15px;cursor:pointer;font-family:inherit;transition:background .2s}
.krc-btn:hover{background:#1d4ed8}
.krc-btn:disabled{opacity:.65;cursor:wait}

.krc-note,.krc-recaptcha-note{font-size:13px;color:#64748b;margin:10px 0 0}
.krc-recaptcha-note i{color:#2563eb}

#krc-result{margin-top:16px}
.krc-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 4px 14px rgba(15,27,51,.05)}
.krc-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.krc-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px;padding:10px 14px;border-radius:12px;background:#eff6ff;border:1px solid #dbeafe}
.krc-rank b{font-size:25px;line-height:1.15;color:#2563eb;font-family:"Space Grotesk",system-ui,sans-serif}
.krc-rank span{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-weight:700;text-align:center}
.krc-rank.miss{background:#fffbeb;border-color:#fde68a}
.krc-rank.miss b{color:#b45309;font-size:15px;text-align:center;line-height:1.3}
.krc-meta{font-size:14px;line-height:1.6;color:#64748b;flex:1;min-width:180px}
.krc-meta b{color:#0e1b33}
.krc-sub{font-size:13px;color:#64748b;margin:12px 0 10px}
.krc-hit{display:block;margin-top:6px;font-size:14px;line-height:1.5}
.krc-hit a{color:#2563eb;text-decoration:none;font-weight:600}
.krc-hit a:hover{text-decoration:underline}
.krc-hit span{display:block;font-size:12.5px;color:#64748b}

.krc-tbl-wrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.krc-table{width:100%;border-collapse:collapse;font-size:14px}
.krc-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#64748b;border-bottom:1px solid #e2e8f0;padding:8px 6px;font-weight:700}
.krc-table td{padding:9px 6px;border-bottom:1px solid #f1f5f9;vertical-align:top}
.krc-table a{color:#2563eb;text-decoration:none;font-weight:600}
.krc-table a:hover{text-decoration:underline}
.krc-table .krc-pos{color:#64748b;font-weight:700;width:38px}
.krc-table .krc-host{font-size:12.5px;color:#64748b}
.krc-table tr.hit{background:#eff6ff}
.krc-table tr.hit td{border-bottom-color:#dbeafe}

.krc-loading,.krc-error{padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.6}
.krc-loading{background:#eff6ff;color:#1d4ed8}
.krc-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}

@media (max-width:600px){
	.krc-head{gap:10px}
	.krc-rank{min-width:80px;padding:8px 12px}
	.krc-card{padding:16px}
	.krc-table{font-size:13px}
}