/* Общи стилове за интерактивните инструменти (проверка по AI Act, изчислител на цена). */

.tool{max-width:820px;margin:0 auto;padding:0 22px}
.tool-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);
  border-radius:22px;padding:32px;margin:26px 0}
@media (max-width:600px){.tool-card{padding:22px 18px}}

.prog{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.prog-bar{flex:1;height:6px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden}
.prog-fill{height:100%;background:var(--spectrum,linear-gradient(90deg,#a78bfa,#2e6bff,#22d3ee));
  width:0;transition:width .45s cubic-bezier(.4,0,.2,1);border-radius:999px}
.prog-txt{font-size:.85rem;color:#8d97b8;white-space:nowrap;font-variant-numeric:tabular-nums}

.q{font-family:'Onest','Sora',sans-serif;font-size:clamp(1.25rem,3vw,1.6rem);
  line-height:1.3;color:#fff;margin:0 0 8px;letter-spacing:-.01em}
.q-help{color:#8d97b8;font-size:.94rem;line-height:1.6;margin:0 0 22px}

.opts{display:flex;flex-direction:column;gap:10px}
.opt{display:block;width:100%;text-align:left;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:16px 18px;
  color:#e8ecf8;font:inherit;font-size:1rem;cursor:pointer;
  transition:border-color .25s,background .25s,transform .15s}
.opt:hover{border-color:rgba(139,148,255,.5);background:rgba(139,148,255,.09)}
.opt:active{transform:scale(.995)}
.opt b{display:block;margin-bottom:3px}
.opt span{display:block;color:#8d97b8;font-size:.87rem;line-height:1.5}

.back{margin-top:18px;background:none;border:none;color:#8d97b8;font:inherit;
  font-size:.9rem;cursor:pointer;padding:6px 0}
.back:hover{color:#fff}

/* Резултат */
.verdict{border-radius:18px;padding:24px 26px;margin:0 0 26px;border:1px solid}
.verdict h2{font-family:'Onest','Sora',sans-serif;margin:0 0 8px;font-size:1.5rem;color:#fff}
.verdict p{margin:0;line-height:1.7}
.v-ok{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35)}
.v-ok p{color:#c5f0d5}
.v-warn{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.38)}
.v-warn p{color:#fde4c8}
.v-bad{background:rgba(239,68,68,.11);border-color:rgba(239,68,68,.4)}
.v-bad p{color:#fbd5d5}

.find{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.find:last-child{border-bottom:none}
.find-ic{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:.95rem}
.i-bad{background:rgba(239,68,68,.16);color:#ff9a9a}
.i-warn{background:rgba(251,146,60,.16);color:#ffc287}
.i-ok{background:rgba(34,197,94,.16);color:#86e0a6}
.find-b h4{font-family:'Onest','Sora',sans-serif;margin:0 0 5px;font-size:1.02rem;color:#fff}
.find-b p{margin:0 0 4px;color:#c9d0e6;line-height:1.65;font-size:.95rem}
.find-b .ref{color:#8d97b8;font-size:.84rem}

.fine{background:linear-gradient(180deg,rgba(99,102,241,.13),rgba(34,211,238,.06));
  border:1px solid rgba(139,148,255,.28);border-radius:16px;padding:22px 24px;margin:26px 0}
.fine h4{font-family:'Onest','Sora',sans-serif;margin:0 0 10px;font-size:1.05rem;color:#fff}
.fine .big{font-family:'Onest','Sora',sans-serif;font-size:1.9rem;color:#fff;margin:6px 0}
.fine p{margin:0;color:#c9d0e6;font-size:.93rem;line-height:1.65}

.todo{counter-reset:s;list-style:none;margin:0;padding:0}
.todo li{counter-increment:s;position:relative;padding-left:44px;margin-bottom:16px;
  color:#c9d0e6;line-height:1.7}
.todo li::before{content:counter(s);position:absolute;left:0;top:-1px;width:30px;height:30px;
  border-radius:50%;display:grid;place-items:center;font-size:.9rem;font-weight:600;color:#fff;
  background:rgba(139,148,255,.2);border:1px solid rgba(139,148,255,.4)}
.todo b{color:#fff}

.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn-ghost2{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);
  color:#e8ecf8;border-radius:999px;padding:13px 24px;font:inherit;font-size:.95rem;
  cursor:pointer;text-decoration:none;display:inline-block}
.btn-ghost2:hover{border-color:rgba(139,148,255,.5);color:#fff}

.hidden{display:none}

@media print{
  .nav,.site,.ambient,.vignette,.actions,.cta-box,.no-print{display:none!important}
  body{background:#fff!important}
  .verdict,.tool-card,.fine{border-color:#ccc!important;background:#fff!important}
  .q,.verdict h2,.find-b h4,.fine .big,.todo b{color:#000!important}
  .find-b p,.fine p,.todo li,.verdict p{color:#333!important}
}
