/* All rules scoped to avoid interfering with the Hostinger theme or page builder. */
.ic-tools { --ic-ink:#102940; --ic-blue:#075a99; --ic-border:#bbcedc; --ic-surface:#f6f9fc;
  max-width:760px; box-sizing:border-box; margin:1.5rem 0; padding:clamp(1rem,3vw,2rem);
  color:var(--ic-ink); background:var(--ic-surface); border:1px solid var(--ic-border);
  border-radius:16px; font-family:inherit; line-height:1.55; }
.ic-tools * { box-sizing:border-box; }
.ic-tools h2 { color:var(--ic-ink); font-size:clamp(1.35rem,2.6vw,1.85rem); margin:.25rem 0 .65rem; }
.ic-tools p { color:var(--ic-ink); margin:.5rem 0 1rem; }
.ic-tools__eyebrow { font-weight:800; font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; color:var(--ic-blue); }
.ic-tools__problem { font-weight:800; font-size:clamp(1.3rem,2.7vw,1.8rem); margin:.8rem 0; }
.ic-tools__equation { font-size:1.2rem; font-weight:700; padding:.75rem 1rem; border-radius:8px; background:#fff; border:1px solid var(--ic-border); }
.ic-tools__label { display:block; font-weight:700; margin:.75rem 0 .35rem; color:var(--ic-ink); }
.ic-tools input { width:min(100%,280px); min-height:45px; border:2px solid #697f91; border-radius:8px; padding:.5rem .75rem;
  font-size:1rem; background:#fff; color:#102940; }
.ic-tools input:focus-visible, .ic-tools button:focus-visible { outline:3px solid #f4a340; outline-offset:3px; }
.ic-tools__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin:1rem 0; }
.ic-tools button { cursor:pointer; border:2px solid var(--ic-blue); border-radius:8px; background:var(--ic-blue);
  color:#fff; min-height:44px; padding:.6rem .95rem; font-weight:700; font-size:.95rem; }
.ic-tools button:hover { background:#043c6a; border-color:#043c6a; }
.ic-tools button.ic-tools__secondary { background:#fff; color:var(--ic-blue); }
.ic-tools button.ic-tools__secondary:hover { background:#e4eef7; }
.ic-tools__feedback { min-height:1.6em; font-weight:700; }
.ic-tools__hint { padding:.75rem 1rem; border-left:4px solid var(--ic-blue); background:#e6f0f8; border-radius:0 8px 8px 0; }
.ic-tools__hint[hidden] { display:none; }
.ic-tools__score { font-size:.88rem; margin-top:1rem; }
.ic-tools__fields { display:flex; gap:1rem; flex-wrap:wrap; }
.ic-tools__fields>div { min-width:min(100%,190px); flex:1; }
@media(max-width:480px) { .ic-tools__actions { flex-direction:column; } .ic-tools button { width:100%; } .ic-tools input { width:100%; } }
@media(prefers-reduced-motion:reduce) { .ic-tools *, .ic-tools *::before, .ic-tools *::after { transition:none!important; animation:none!important; } }