.ops-demo { padding-bottom: 160px; }
.ops-demo #indice-corso, .ops-demo .course-hero, .ops-demo .fascia-nota, .ops-demo .learning-console,
.ops-demo #course-overview > :not(.ops-course-overview):not(.ops-demo-card),
.ops-demo-content > :not(#mod-14):not(#course-overview) { display: none !important; }
.ops-demo .layout-2col { display: block; max-width: 1000px; }
.ops-demo .module:not(#mod-14), .ops-demo #mod-14 .mod-nav,
.ops-demo #mod-14 .module-completion, .ops-demo #mod-14 .ops-continuation { display: none !important; }
.ops-demo-card { padding: 24px; margin: 24px 0; border: 1px solid #b4cce4; border-left: 4px solid #0066c7; border-radius: 10px; background: #eaf4ff; color: #112b43; }
.ops-demo-card h2 { font-size: 1.35rem; margin-top: 0; }
.ops-demo-card p { line-height: 1.65; }
.ops-demo button { cursor: pointer; font: inherit; }
.ops-demo-card button, .ops-demo-nav button { padding: 10px 14px; border: 1px solid #165c9f; border-radius: 7px; color: #164a7e; background: white; margin: 4px; }
.ops-demo-card button:first-of-type, .ops-demo-nav [aria-current] { color: white; background: #075da9; }
.ops-demo button:focus-visible { outline: 3px solid #d98c00; outline-offset: 3px; }
.ops-demo-nav { position: fixed; bottom: 0; left: 0; right: 0; z-index: 110; display: flex; flex-wrap: wrap; justify-content: center; padding: 10px; border-top: 1px solid #9cbdd8; background: #f4f9ff; box-shadow: 0 -3px 18px #1234; }
.ops-demo #ops-demo-start, .ops-demo .knowledge-check, .ops-demo #course-overview, .ops-demo-fallback { scroll-margin-top: 100px; }
.ops-demo-fallback { max-width: 900px; margin: 24px auto; }
.ops-demo [hidden] { display: none !important; }
@media(max-width:640px) {
  .ops-demo-nav { display: grid; grid-template-columns: 1fr 1fr; padding: 5px; }
  .ops-demo-nav button { font-size: 12px; padding: 8px; margin: 2px; }
  .ops-demo-card { padding: 16px; }
  .ops-demo #ops-demo-start, .ops-demo .knowledge-check, .ops-demo #course-overview { scroll-margin-top: 170px; }
}
@media print { .ops-demo-nav, .ops-demo-fallback { display:none !important; } }

.ops-demo-full { padding-bottom: 160px; }
.ops-demo-nav button { cursor:pointer; font:inherit; }
.ops-demo-nav button:focus-visible { outline:3px solid #d98c00; outline-offset:3px; }
.ops-demo-full [hidden] { display:none !important; }
.ops-demo-full #ops-demo-start, .ops-demo-full .knowledge-check { scroll-margin-top:100px; }