/* PSOps R11 — scoped demo page enhancements */
.demo-r11-formats { margin-bottom: 1.25rem; }
.demo-r11-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.demo-r11-cards label { display:flex; align-items:flex-start; gap:.8rem; padding:1.1rem; border:1px solid #738396; border-radius:14px; background:#101b2b; cursor:pointer; }
.demo-r11-cards label:has(input:checked) { border:2px solid #ec4646; background:#241b25; }
.demo-r11-cards input { margin-top:.2rem; width:20px; height:20px; accent-color:#ed4545; }
.demo-r11-cards label span { display:flex; flex-direction:column; gap:.4rem; }
.demo-r11-cards strong { color:#fff; }
.demo-r11-cards small { color:#cbd5e1; line-height:1.45; }
.demo-r11-onsite { margin:1rem 0; }
.demo-r11-onsite[hidden] { display:none !important; }
.demo-r11-onsite label { display:flex; flex-direction:column; gap:.35rem; }
.demo-r11-onsite small { opacity:.8; }
.demo-request-form select, .demo-request-form input[type=date] { width:100%; min-height:42px; }
@media(max-width:700px) { .demo-r11-cards { grid-template-columns:1fr; } }