.cs-demo { font-size:11px; }
.cs-inputs { display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; margin:14px 0; }
.cs-inputs > label { display:block; font:inherit; min-width:0; }
.cs-inputs input[type=number] { display:block; width:100%; box-sizing:border-box; border:1px solid #cbd7dd; border-radius:4px; padding:7px 8px; margin-top:7px; background:#fff; color:#283f4c; font:inherit; font-variant-numeric:tabular-nums; }
.cs-inputs input:focus { outline:none; box-shadow:none; border-color:#547f94; }
.cs-inputs input:focus-visible { outline:1px solid #547f94; outline-offset:3px; }
.cs-choices { grid-column:1/-1; margin:0; padding:0; border:0; display:flex; flex-wrap:wrap; gap:4px 18px; }
.cs-choices legend { margin-bottom:5px; font-size:11px; }
.cs-choices label { display:inline-flex; align-items:center; gap:6px; min-height:32px; font-weight:400; }
.cs-choices input { margin:0; accent-color:#306780; }
.cs-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.cs-comparison > div { min-width:0; }
.crypto-masters .course-body .cs-demo h4,.crypto-presentation .cs-demo h4 { font-size:11px; margin:12px 0 4px; font-weight:600; }
.cs-scroll { overflow:auto; max-width:100%; }
.crypto-masters .course-body .cs-scroll .cs-scene,.crypto-presentation .cs-scroll .cs-scene { display:block; width:320px; height:512px; max-width:none; margin:0 auto; font:11px Verdana,sans-serif; }
.cs-scene rect { fill:#f7f9fa; stroke:#a8bac5; stroke-width:1; }
.cs-scene text { fill:#455e6c; }
.cs-scene .cs-wire { stroke:#8da4b2; fill:none; stroke-width:1.2; }
.cs-scene marker path { stroke:#587b90; }
.cs-scene .cs-packet rect { fill:#fff4d8; stroke:#967534; stroke-width:1; }
.cs-scene .cs-packet text { fill:#513e1c; font-size:10px; }
.cs-scene .cs-route-label { font-size:10px; }
.cs-scene .cs-packet[hidden] { display:none; }
.cs-scene [data-cs-block].cs-done rect { fill:#eaf3f8; stroke:#638ba4; }
.cs-scene [data-cs-block].cs-active rect { stroke:#326785; stroke-width:1.8; }
.cs-scene [data-cs-block].cs-reject rect { fill:#fcf2e3; stroke:#a47834; }
.cs-math { display:flex; align-items:center; justify-content:center; height:100%; font-size:11px; color:#173f68; }
.cs-math math { font-size:1em; }
.cs-demo .cs-readout { margin:4px 0 16px; font-size:11px; }
.cs-readout > div { display:flex; justify-content:space-between; gap:12px; border-top:1px solid #e5ebef; padding:7px 0; }
.cs-readout dt { font-weight:400; }
.cs-readout dd { margin:0; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cs-readout [data-cs-value=hash] { font-family:ui-monospace,monospace; font-size:10px; }
.crypto-masters .course-body .cs-operation,.crypto-presentation .cs-operation { font-size:11px; line-height:1.7; height:5.1em; overflow:auto; margin:10px 0 0; }
.crypto-masters .course-body .cs-status,.crypto-presentation .cs-status { font-size:11px; line-height:1.7; height:5.1em; overflow:auto; margin:12px 0 0; border-top:1px solid #e4ebef; padding-top:10px; }
.crypto-masters .course-body .cs-eg,.crypto-presentation .cs-eg { font-size:11px; line-height:1.7; min-height:3.4em; margin:8px 0 14px; }
.cs-demo .cs-records { border:0; border-top:1px solid #e4ebef; border-radius:0; margin:14px 0 0; padding:12px 0 0; font-size:11px; }
.cs-records summary { cursor:pointer; font-size:11px; font-weight:400; }
.cs-records dl { margin:8px 0 0; }
.cs-records dl > div { padding:7px 0; border-top:1px solid #edf0f2; }
.cs-records dt { font-weight:400; }
.cs-records dd { margin:4px 0 0; font:10px/1.8 ui-monospace,monospace; overflow-wrap:anywhere; }
@media (max-width:1100px) { .cs-comparison { grid-template-columns:minmax(0,1fr); } .cs-comparison > div+div { padding-top:8px; border-top:1px solid #dbe4e9; } }
@media (max-width:540px) { .cs-inputs { grid-template-columns:minmax(0,1fr); } .cs-demo .cs-readout > div { display:block; } .cs-readout dd { text-align:left; margin-top:4px; } .crypto-masters .course-body .cs-status,.crypto-presentation .cs-status { height:6.8em; } }
@media (prefers-reduced-motion:no-preference) { .cs-scene rect { transition:fill 160ms ease,stroke 160ms ease; } }
