/* Libro 3D «Il libro che si esplora» (shortcode libro-3d, /formazione/libro-che-si-esplora/).
   Scena 3D a tutta larghezza della colonna dell'articolo, pannello con domanda e risposta sotto. */
.lb{display:grid;grid-template-columns:1fr;border:1px solid #c9d3df;border-radius:6px;overflow:hidden;background:#fff;margin:1.5rem 0}
.lb-stage{position:relative;height:52vh;max-height:560px;min-height:320px;background:#dfe6ee;overflow:hidden;touch-action:none}
.lb-stage canvas{display:block;width:100%;height:100%}
.lb-loading{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center;color:#33435a}
.lb-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:#fff;color:#14223a;border:1px solid #c9d3df;border-radius:999px;padding:4px 12px;font-size:.85rem;white-space:nowrap;transition:opacity .6s}
.lb-hint.off{opacity:0}
.lb-panel{min-width:0;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-top:1px solid #c9d3df;background:#fff;color:#14223a}
.lb-nav{display:flex;align-items:center;gap:6px}
.lb-dots{display:flex;gap:5px;flex:1;justify-content:center;flex-wrap:wrap}
.lb button{font:600 .95rem/1.2 "Titillium Web",Arial,sans-serif;border-radius:6px;border:1px solid #9aa9bd;background:#eef3f8;color:#14223a;padding:.45rem .8rem;min-height:40px;cursor:pointer}
.lb button:hover{border-color:#003366}
.lb button:focus-visible,.lb input:focus-visible{outline:3px solid #ffbe2e;outline-offset:2px}
.lb button:disabled{opacity:.45;cursor:not-allowed}
.lb .dot{width:32px;height:32px;min-height:32px;padding:0;border-radius:50%}
.lb .dot[aria-current="step"]{background:#003366;color:#fff;border-color:#003366}
.lb-kicker{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#003366}
.lb .lb-title{font-size:1.5rem;margin:.2rem 0 .3rem;color:#14223a}
.lb-intro{margin:0}
.lb-box{display:flex;flex-direction:column;gap:.6rem}
.lb .lb-box h3{margin:0;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:#4a5a72}
.lb-tools{display:flex;flex-wrap:wrap;gap:.5rem}
.lb .range{display:flex;flex-direction:column;gap:.2rem;width:100%}
.lb .range label{font-weight:600;font-size:.92rem}
.lb .range input{width:100%;accent-color:#003366}
.lb-status{min-height:1.5em;margin:0;color:#4a5a72;font-size:.92rem}
.lb-q{margin:0;font-weight:600}
.lb-opts{display:flex;flex-direction:column;gap:.45rem}
.lb .opt{display:flex;gap:.6rem;align-items:flex-start;text-align:left;width:100%;background:#fff}
.lb .opt b{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid #9aa9bd;font-size:.8rem}
.lb .opt[aria-pressed="true"]{border-color:#003366;box-shadow:inset 0 0 0 1px #003366}
.lb .opt[aria-pressed="true"] b{background:#003366;color:#fff;border-color:#003366}
.lb .opt.right{border-color:#16723a;box-shadow:inset 0 0 0 1px #16723a}
.lb .opt.right b{background:#16723a;color:#fff;border-color:#16723a}
.lb .lb-primary{background:#003366;color:#fff;border-color:#003366}
.lb-answer{border-left:4px solid #003366;padding:.2rem 0 .2rem .75rem;display:flex;flex-direction:column;gap:.4rem}
.lb-answer p{margin:0}
.lb-verdict{font-weight:700}
.lb-verdict.ok{color:#16723a}.lb-verdict.ko{color:#a3321f}
.lb-src{margin:0;font-size:.88rem;color:#4a5a72}
@media (prefers-reduced-motion:reduce){.lb-hint{transition:none}}
html.a11y-pause-anim .lb-hint,html.a11y-pause-animations .lb-hint{transition:none}