.interactive-workspace {padding:24px;border:1px solid var(--gold-frame);border-radius:16px;background:linear-gradient(130deg,#f8fbfd,#eef4fa);box-shadow:var(--gold-shadow);margin-bottom:28px}
.interactive-workspace h2 {font-size:24px;margin-top:0}
.interactive-fields {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.interactive-workspace input,.interactive-workspace select {box-sizing:border-box;width:100%;min-height:46px}
.interactive-actions {display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.interactive-actions button,.interactive-answer {padding:12px 18px;border:1px solid #af956b;border-radius:8px;background:#fff;color:#234d76;cursor:pointer;min-height:46px}
.interactive-actions button.primary {background:#234d76;color:#fff}
.interactive-result {background:white;border:1px solid #d4dfe8;border-radius:12px;padding:20px;margin:20px 0;line-height:1.65}
.interactive-result strong {color:#234d76}
.interactive-workspace table {width:100%;border-collapse:collapse}
.interactive-workspace th,.interactive-workspace td {padding:10px;text-align:left;border-bottom:1px solid #d8e2ea}
.interactive-scroll {overflow-x:auto}
.interactive-workspace svg {width:100%;height:auto;display:block}
.interactive-stages {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0}
.interactive-stages li {border:1px solid #c9d6e2;border-radius:10px;padding:14px;background:#fff}
.interactive-stages .reached {background:#dbeaf5;border-color:#9b7d48}
.interactive-workspace progress {width:100%;height:25px;accent-color:#315976}
.interactive-answer {display:block;width:100%;margin:9px 0;text-align:left}
.interactive-answer[disabled] {opacity:.7;cursor:default}
.interactive-workspace button:focus-visible,.interactive-workspace a:focus-visible {outline:3px solid #a38752;outline-offset:3px}
.interactive-workspace .storage-note {font-size:14px;line-height:1.6;color:#42596f}
.interactive-hub {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:24px 0}
.interactive-hub a {display:block;padding:24px;border:1px solid var(--gold-frame);border-radius:12px;box-shadow:var(--gold-shadow);background:#f5f8fb;text-decoration:none}
.interactive-hub h2 {font-size:22px;margin:0 0 12px}
@media(max-width:600px){.interactive-workspace{padding:16px}.interactive-stages{grid-template-columns:1fr 1fr}.interactive-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.interactive-reveal{animation:reveal .5s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
.interactive-workspace [hidden] { display: none !important; }
@media(prefers-reduced-motion:no-preference) {
  .price-trace { stroke-dasharray: 1; animation: price-draw 1.2s ease-out; }
  @keyframes price-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
}