.rf-wrap { font-family: sans-serif; max-width: 900px; margin: 0 auto; padding: 10px 0; }
.rf-header { background: #1a7a2e; border-radius: 10px; padding: 1.2rem 1.5rem; margin-bottom: 1.4rem; }
.rf-header h2 { color: #fff; margin: 0 0 4px; font-size: 20px; font-weight: 600; }
.rf-header p { color: #a8e6b4; margin: 0; font-size: 13px; }
.rf-selectors { margin-bottom: 1.2rem; }
.rf-selectors select { padding: 10px 14px; border-radius: 8px; border: 1px solid #ccc; font-size: 14px; width: 220px; cursor: pointer; }
.rf-rashis { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 1.4rem; }
@media (max-width: 600px) { .rf-rashis { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 400px) { .rf-rashis { grid-template-columns: repeat(3, 1fr); } }
.rf-rashi-btn { background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; padding: 10px 6px; cursor: pointer; text-align: center; transition: border-color 0.15s, background 0.15s; }
.rf-rashi-btn:hover { border-color: #1a7a2e; background: #f0faf2; }
.rf-rashi-btn.active { border: 2px solid #1a7a2e; background: #f0faf2; }
.rf-symbol { font-size: 22px; display: block; margin-bottom: 4px; }
.rf-name { font-size: 13px; font-weight: 600; color: #222; display: block; }
.rf-sub { font-size: 11px; color: #888; display: block; }
.rf-result { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 1.4rem; min-height: 100px; }
.rf-result-header { display: flex; align-items: center; gap: 12px; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #f0f0f0; }
.rf-result-icon { width: 50px; height: 50px; border-radius: 50%; background: #f0faf2; border: 1px solid #a8e6b4; display: flex; align-items: center; justify-content: center; font-size: 26px; }
.rf-result-title { font-size: 17px; font-weight: 600; color: #222; margin: 0 0 3px; }
.rf-result-month { font-size: 13px; color: #1a7a2e; margin: 0; font-weight: 500; }
.rf-result-body { font-size: 15px; color: #444; line-height: 1.8; }
.rf-empty { text-align: center; padding: 2rem; color: #aaa; font-size: 15px; }
.rf-not-found { text-align: center; padding: 1.5rem; color: #888; font-size: 14px; line-height: 1.8; }