/* 설명용 아이콘 타일 — 홈 주요 기능(.feat-ico)과 같은 2톤 디자인 */
.si{display:flex;flex:none;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#0b1f3a,#123a66 55%,#0066cc);box-shadow:0 6px 16px rgba(11,31,58,.18)}
.si svg{width:60%;height:60%;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.si svg[viewBox$="32 32"]{width:68%;height:68%;stroke-width:1.3}
.si .a{stroke:#5cc8ff}
.si .f{fill:#5cc8ff;fill-opacity:.3;stroke:none}
.si-6{width:30px;height:30px;border-radius:9px;box-shadow:0 2px 6px rgba(11,31,58,.18)}
.si-6 svg{width:68%;height:68%;stroke-width:1.8}
.si-8{width:34px;height:34px;border-radius:10px;box-shadow:0 3px 8px rgba(11,31,58,.18)}
.si-8 svg{width:66%;height:66%}
.si-10{width:42px;height:42px;border-radius:12px;box-shadow:0 4px 12px rgba(11,31,58,.18)}
.si-14{width:56px;height:56px;border-radius:15px}
.si-16{width:60px;height:60px;border-radius:16px}
.si-red{background:linear-gradient(145deg,#450a0f,#991b1b 55%,#dc2626);box-shadow:0 4px 12px rgba(127,29,29,.22)}
.si-red .a{stroke:#fecaca}
.si-red .f{fill:#fecaca}