:root{
  --credit-tool-bg:#0b1510;
  --credit-tool-panel:#101f15;
  --credit-tool-line:rgba(255,255,255,.16);
  --credit-tool-gold:#ffd100;
  --credit-tool-green:#25e06f;
  --credit-tool-cream:#fff7d6;
  --credit-tool-muted:#c7d5ca;
}
.credit-tool{
  margin:2rem 0;
  padding:clamp(1.15rem,3vw,1.8rem);
  border:1px solid rgba(255,209,0,.42);
  border-radius:20px;
  background:linear-gradient(150deg,rgba(0,155,58,.18),rgba(255,209,0,.07)),var(--credit-tool-bg);
  box-shadow:0 20px 45px rgba(0,0,0,.24);
}
.credit-tool h2{margin:0 0 .55rem}
.credit-tool-intro{max-width:760px;margin:0 0 1rem;color:var(--credit-tool-cream)}
.credit-tool-privacy{margin:.75rem 0;padding:.75rem .85rem;border-left:4px solid var(--credit-tool-green);background:rgba(37,224,111,.08);color:var(--credit-tool-muted);font-size:.86rem}
.credit-tool-form{display:grid;gap:1rem;margin-top:1.1rem}
.credit-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.credit-tool-field{display:grid;gap:.38rem;min-width:0}
.credit-tool-field label,.credit-tool-field legend{color:#fff;font-size:.86rem;font-weight:900}
.credit-tool-field small{color:var(--credit-tool-muted);font-size:.75rem}
.credit-tool-field select,.credit-tool-field input{
  width:100%;
  min-height:48px;
  padding:.7rem .78rem;
  border:1px solid var(--credit-tool-line);
  border-radius:10px;
  background:#061008;
  color:#fff;
  font:inherit;
}
.credit-tool-field select:focus,.credit-tool-field input:focus,.credit-tool button:focus-visible{
  outline:3px solid rgba(255,209,0,.62);
  outline-offset:2px;
}
.credit-tool-check{display:flex;gap:.65rem;align-items:flex-start;color:var(--credit-tool-cream);font-size:.86rem}
.credit-tool-check input{width:1.15rem;height:1.15rem;margin-top:.18rem;accent-color:var(--credit-tool-green)}
.credit-tool-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
.credit-tool-button{
  min-height:46px;
  padding:.7rem 1rem;
  border:1px solid transparent;
  border-radius:10px;
  background:var(--credit-tool-gold);
  color:#000;
  font-weight:950;
  cursor:pointer;
}
.credit-tool-button.secondary{border-color:rgba(37,224,111,.45);background:#0b1810;color:var(--credit-tool-green)}
.credit-tool-output{
  margin-top:1rem;
  padding:1rem;
  border:1px solid rgba(37,224,111,.4);
  border-radius:14px;
  background:var(--credit-tool-panel);
}
.credit-tool-output[hidden]{display:none}
.credit-tool-output h3{margin:.1rem 0 .6rem;color:var(--credit-tool-gold)}
.credit-tool-output ol,.credit-tool-output ul{margin:.6rem 0;padding-left:1.25rem}
.credit-tool-output li{margin:.45rem 0}
.credit-tool-lead{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.65rem;
  align-items:end;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid var(--credit-tool-line);
}
.credit-tool-lead .credit-tool-field{grid-column:1}
.credit-tool-lead .credit-tool-button{grid-column:2;grid-row:1}
.credit-tool-lead .credit-tool-check,.credit-tool-status{grid-column:1/-1}
.credit-tool-status{min-height:1.3rem;margin:0;color:var(--credit-tool-muted);font-size:.82rem}
.credit-tool-status.success{color:var(--credit-tool-green);font-weight:850}
@media(max-width:680px){
  .credit-tool-grid,.credit-tool-lead{grid-template-columns:1fr}
  .credit-tool-lead .credit-tool-button{grid-column:1;grid-row:auto;width:100%}
}
@media print{
  .blog-nav,.blog-footer,.article-aside,.credit-tool-form,.credit-tool-lead,.credit-tool-actions{display:none!important}
  .credit-tool{border:1px solid #555;background:#fff;color:#111;box-shadow:none}
  .credit-tool-output{display:block!important;border:1px solid #777;background:#fff;color:#111}
  .credit-tool-output h3{color:#111}
}