/* "Ask riktom" widget — see js/ai-ask.js */
.rk-ai { background: #fff; border: 1px solid #dfe7e0; border-radius: 12px; padding: 1rem 1.1rem 1.05rem; margin: 1.2rem 0; box-shadow: 0 2px 8px rgba(0,0,0,.05); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; text-align: left; }
.rk-ai-head { display: flex; align-items: center; gap: .55rem; margin-bottom: .6rem; font-size: 1.05rem; color: #1b5e20; }
.rk-ai-badge { background: #1b5e20; color: #fff; font-size: .68rem; font-weight: 800; letter-spacing: .06em; padding: .18rem .45rem; border-radius: 6px; }
.rk-ai-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rk-ai-row { display: flex; gap: .5rem; }
.rk-ai-input { flex: 1; min-width: 0; font-size: 16px; padding: .6rem .75rem; height: 44px; border: 1px solid #b9c9bc; border-radius: 8px; background: #fff; color: #182026; }
.rk-ai-input:focus { outline: 2px solid #2e7d32; outline-offset: 1px; }
.rk-ai-btn { height: 44px; min-width: 84px; padding: 0 1rem; font-size: 16px; font-weight: 700; color: #fff; background: #2e7d32; border: 0; border-radius: 8px; cursor: pointer; }
.rk-ai-btn:hover { background: #1b5e20; }
.rk-ai-btn:disabled { background: #6f8f72; cursor: wait; }
.rk-ai-examples { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .6rem; }
.rk-ai-chip { font-size: .85rem; padding: .35rem .65rem; min-height: 32px; border: 1px solid #cfdccf; background: #f4f8f4; color: #1e3d2f; border-radius: 999px; cursor: pointer; }
.rk-ai-chip:hover { background: #e6f0e6; }
.rk-ai-out { margin-top: .7rem; font-size: .98rem; line-height: 1.55; color: #182026; }
.rk-ai-out:empty { display: none; }
.rk-ai-out p { margin: 0 0 .55rem; }
.rk-ai-out ul { margin: 0 0 .55rem 1.1rem; padding: 0; }
.rk-ai-out.ok { background: #f0f7f0; border-left: 4px solid #2e7d32; border-radius: 8px; padding: .75rem .9rem; }
.rk-ai-out.err { background: #fff6f4; border-left: 4px solid #d96c2a; border-radius: 8px; padding: .6rem .9rem; }
.rk-ai-wait { color: #4a6b52; }
.rk-ai-cite { font-size: .8em; vertical-align: super; text-decoration: none; color: #1b5e20; font-weight: 700; }
.rk-ai-sources { font-size: .88rem; margin-top: .4rem; color: #37474f; }
.rk-ai-sources span { font-weight: 700; }
.rk-ai-sources a { color: #1b5e20; }
.rk-ai-matches { display: grid; gap: .45rem; margin-top: .5rem; }
.rk-ai-match { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .8rem; background: #fff; border: 1px solid #dfe7e0; border-radius: 8px; padding: .5rem .7rem; }
.rk-ai-match strong { flex: 1 1 100%; }
.rk-ai-call, .rk-ai-jump { display: inline-flex; align-items: center; min-height: 40px; padding: 0 .8rem; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: .92rem; }
.rk-ai-call { background: #2e7d32; color: #fff; }
.rk-ai-jump { background: #eef3ee; color: #1e3d2f; }
.rk-ai-note { margin: .6rem 0 0; font-size: .78rem; color: #6b7c6e; }
.rk-ai-flash { outline: 3px solid #2e7d32; outline-offset: 3px; transition: outline-color 2s; }
/* Storm Desk / Traffic Watch plain-English lines */
.rk-ai-plain { margin: .35rem 0 0; font-size: .92rem; color: #1e3d2f; background: #f0f7f0; border-radius: 6px; padding: .4rem .6rem; }
.rk-ai-plain b { color: #1b5e20; }
.rk-ai-tag { font-size:.75rem; color:#6b7c6e; margin-left:.35rem; }