/* Standfast CRSC Calculator — shared widget styles.
   Everything is scoped under .sf-calc and the widget defines its own CSS
   variables on that container, so host-page styles cannot leak in and the
   widget cannot leak out. Safe to include on any page. */
.sf-calc{
  --navy:#1A2332;--deep:#0F1722;--mid:#243044;--gold:#C9A961;--bone:#F5F1E8;--gray:#9AA4B3;
  max-width:920px;margin:30px auto;background:var(--deep);color:var(--bone);
  font-family:'Source Sans 3',system-ui,Arial,sans-serif;line-height:1.5;
  border:1px solid #33415a;border-radius:14px;overflow:hidden;
  box-shadow:0 10px 34px rgba(15,23,34,.18);
}
.sf-calc *{box-sizing:border-box}
.sf-calc .sf-head{background:var(--navy);border-bottom:4px solid var(--gold);padding:16px 20px;display:flex;align-items:center;gap:14px}
.sf-calc .sf-shield{width:38px;height:46px;flex:none}
.sf-calc .sf-title{font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:1px;margin:0;font-size:21px;line-height:1.05;text-transform:uppercase;color:var(--bone)}
.sf-calc .sf-sub{color:var(--gray);font-size:13px;margin-top:3px}
.sf-calc .sf-body{padding:20px}
.sf-calc .tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.sf-calc .tab{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:13px;padding:10px 14px;border:1px solid var(--mid);background:var(--navy);color:var(--gray);border-radius:8px 8px 0 0;cursor:pointer}
.sf-calc .tab.active{background:var(--mid);color:var(--bone);border-color:var(--gold);border-bottom-color:var(--mid)}
.sf-calc .panel{display:none;background:var(--mid);border:1px solid var(--gold);border-radius:0 8px 8px 8px;padding:20px}
.sf-calc .panel.active{display:block}
.sf-calc .panel.solo{border-radius:8px}
.sf-calc h2{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:19px;margin:0 0 4px;color:var(--bone)}
.sf-calc .lead{color:var(--gray);font-size:14px;margin:0 0 18px}
.sf-calc label{display:block;font-size:13px;color:var(--gray);margin:14px 0 5px;font-weight:600}
.sf-calc select,.sf-calc input[type=number]{width:100%;padding:11px 12px;background:var(--deep);border:1px solid #33415a;border-radius:8px;color:var(--bone);font-size:16px;font-family:inherit}
.sf-calc select:focus,.sf-calc input:focus{outline:none;border-color:var(--gold)}
.sf-calc .row{display:flex;gap:16px;flex-wrap:wrap}
.sf-calc .row>div{flex:1;min-width:180px}
.sf-calc .radio{display:inline-flex;gap:8px;align-items:center;margin-right:18px;font-size:15px;color:var(--bone);font-weight:600;cursor:pointer}
.sf-calc .radio input{width:auto;margin:0}
.sf-calc .result{margin-top:22px;background:var(--deep);border-radius:10px;padding:20px;border-left:4px solid var(--gold)}
.sf-calc .big{font-family:'Oswald',sans-serif;font-weight:700;font-size:40px;color:var(--gold);line-height:1.1}
.sf-calc .big.green{color:#93b36f}
.sf-calc .rlabel{color:var(--gray);font-size:13px;text-transform:uppercase;letter-spacing:1px}
.sf-calc .rrow{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #26324a;font-size:15px}
.sf-calc .rrow:last-child{border-bottom:none}
.sf-calc .rrow b{color:var(--bone)}
.sf-calc .bind{display:inline-block;margin-top:10px;font-size:13px;background:var(--navy);border:1px solid var(--gold);color:var(--gold);padding:5px 10px;border-radius:20px}
.sf-calc .note{font-size:12.5px;color:var(--gray);margin-top:12px}
.sf-calc .disc{background:#20293a;border:1px solid #33415a;border-radius:8px;padding:12px 14px;font-size:12.5px;color:var(--gray);margin-top:16px}
.sf-calc .cta{margin-top:16px;text-align:center;font-size:15px;color:var(--bone)}
.sf-calc .cta a{color:var(--gold);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(201,169,97,.5)}
.sf-calc .cta a:hover{border-bottom-color:var(--gold)}
.sf-calc .hint{font-size:12px;color:var(--gray);font-weight:400;margin-top:3px}
@media(max-width:520px){.sf-calc .big{font-size:34px}.sf-calc .sf-title{font-size:19px}}