/* OptimizedInfo Tools — Subscription Cost Calculator — scoped, framework-free, navy/blue. */
.oist{--oist-navy:#171B4A;--oist-navy-dark:#12163C;--oist-blue:#327FF0;--oist-ink:#1c1917;--oist-mute:#6b7280;--oist-line:#d2ddf2;--oist-bg:#eef2fb;font-family:inherit;color:var(--oist-ink)}
.oist *{box-sizing:border-box}
.oist-form{display:flex;flex-direction:column;gap:.75rem}
.oist-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.oist-field{display:flex;flex-direction:column;gap:.3rem}
.oist-field label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--oist-mute)}
.oist-field input,.oist-field select{border:1px solid var(--oist-line);border-radius:.5rem;padding:.55rem .7rem;font-size:.9rem;color:var(--oist-ink);background:#fff;width:100%}
.oist-field input:focus,.oist-field select:focus{outline:2px solid #b9c6e6;border-color:var(--oist-navy)}
.oist-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}
.oist-btn{border:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.65rem 1.3rem;border-radius:.5rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.oist-btn--primary{background:var(--oist-navy);color:#fff}
.oist-btn--primary:hover{background:var(--oist-navy-dark)}
.oist-btn:disabled{opacity:.5;cursor:not-allowed}
.oist-result{margin-top:1rem;padding:1rem 1.1rem;border-radius:.6rem;background:var(--oist-bg);border:1px solid var(--oist-line)}
.oist-result__big{font-size:1.7rem;font-weight:800;color:var(--oist-navy-dark);line-height:1.1;margin-bottom:.4rem}
.oist-result__sub{font-size:.9rem;font-weight:600;color:#3f4350}
.oist-result__row{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;color:#3f4350;padding:.35rem 0;border-top:1px dashed var(--oist-line)}
.oist-accent{color:var(--oist-blue);font-weight:800}
.oist-err{color:#b91c1c;font-size:.85rem;margin:0}
.oist-saved{margin-top:1rem;border:1px solid var(--oist-line);border-radius:.6rem;background:#fff;padding:.9rem 1rem}
.oist-saved__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.oist-saved__head h4{margin:0;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--oist-navy)}
.oist-clear{background:none;border:0;color:var(--oist-mute);font-size:.72rem;font-weight:600;cursor:pointer;text-decoration:underline}
.oist-clear:hover{color:var(--oist-navy)}
.oist-saved__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.oist-saved__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;border:1px solid #eef2fb;border-radius:.5rem;background:#fafbfe}
.oist-saved__item .oist-i-name{font-weight:700;font-size:.85rem;color:var(--oist-ink)}
.oist-saved__item .oist-i-meta{font-size:.74rem;color:var(--oist-mute)}
.oist-saved__item .oist-i-pay{font-weight:800;color:var(--oist-navy)}
.oist-i-remove{background:none;border:0;color:#b91c1c;font-size:1rem;line-height:1;cursor:pointer;padding:.15rem .3rem;border-radius:.3rem}
.oist-i-remove:hover{background:#fdecec}
.oist-saved__total{margin-top:.7rem;padding-top:.6rem;border-top:2px solid #eef2fb;font-size:.84rem;font-weight:700;color:var(--oist-navy);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem}
.oist-note{font-size:.72rem;color:#9ca3af;margin:.85rem 0 0}
@media(max-width:480px){.oist-row{grid-template-columns:1fr}}