/* Basic styling for the graphical resistor calculator */
.rcca-wrap{max-width:760px;padding:16px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;font-family:Arial, sans-serif}
.rcca-wrap h3{margin-top:0}
.rcca-controls{margin-bottom:12px;display:flex;gap:10px}
.rcca-switch input{margin-left:6px}
.rcca-resistor-area{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.rcca-palette{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(0.9);background:rgba(255,255,255,0.98);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,0.2);padding:14px;z-index:999;display:none}
.rcca-palette.open{display:block;transform:translate(-50%,-50%) scale(1)}
.rcca-palette-inner{min-width:320px}
.rcca-palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:8px 0}
.rcca-color-btn{width:40px;height:32px;border-radius:6px;border:1px solid rgba(0,0,0,0.12);cursor:pointer}
.rcca-info{margin-top:12px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.rcca-info div{min-width:160px}
.rcca-btn{padding:8px 12px;border:0;background:#1976d2;color:#fff;border-radius:6px;cursor:pointer}
.rcca-guide{margin-top:12px}
.rcca-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.rcca-color-card{display:flex;gap:8px;align-items:center;padding:6px;border:1px solid #f0f0f0;border-radius:6px}
.rcca-swatch{width:28px;height:18px;border-radius:4px;border:1px solid #ccc}

/* SVG band hover */
.rcca-band{stroke:#333;stroke-opacity:0.15;cursor:pointer}
.rcca-band:hover{opacity:0.85}