#demo.practical-demo { height: auto; padding: 5rem 0; scroll-margin-top: 90px; }
#demo.practical-demo .col { display: block; }
.practical-card { margin-top: 1.5rem; padding: clamp(1rem, 4vw, 2rem); max-width: 68ch; background: #101a29; border: 1px solid #415365; border-radius: 1rem; line-height: 1.6; overflow-wrap: anywhere; }
.practical-card p + p { margin-top: 0.75rem; }
.practical-card .practical-result { color: #fff; font-size: clamp(1.1rem, 3vw, 1.4rem); }
.practical-card details, .practical-card .btn { margin-top: 1rem; }
.practical-card summary { color: #73e6f7; cursor: pointer; padding: 0.45rem 0; }
.practical-card pre { white-space: pre-wrap; margin-top: 0.75rem; padding: 0.75rem; background: #0b111b; border-radius: 0.5rem; font-size: 0.9rem; }
.practical-card ul { padding-left: 1.25rem; }
.practical-series { padding: 5rem 0; }