/* Product-led public experience: real, interactive lab rotation planning sample */
.planning-demo{background:#f3f8f6;padding:100px 0;border-top:1px solid #dcece7;border-bottom:1px solid #dcece7}
.planning-demo-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.planning-demo-heading h2{font-size:clamp(2rem,4vw,3.5rem);max-width:800px;line-height:1.13;margin:13px 0 16px;letter-spacing:-.055em}
.planning-demo-heading p{max-width:700px;color:#58717d;line-height:1.7;margin:0;font-size:1.04rem}
.planning-demo-tag{white-space:nowrap;border:1px solid #b6dcd4;color:#0c7568;background:#e5f6ef;padding:10px 13px;border-radius:9px;font-size:.74rem;font-weight:800}
.planning-demo-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:22px;align-items:stretch}
.planning-demo-controls{background:#fff;border:1px solid #dce8e7;border-radius:19px;padding:clamp(22px,3vw,36px);box-shadow:0 9px 35px #0b3c4210}
.planning-demo-controls h3{font-size:1.5rem;margin:0 0 10px}
.planning-demo-controls>p{font-size:.86rem;line-height:1.6;color:#647986;margin:0 0 25px}
.planning-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}
.planning-demo-fields label{display:block;font-size:.81rem;color:#344f5e;font-weight:800}
.planning-demo-fields input{width:100%;display:block;margin-top:8px;min-height:48px;padding:11px 13px;background:#f9fbfb;border:1px solid #cbdadd;border-radius:9px;color:#173645;font-size:1.02rem;font-weight:750}
.planning-demo-fields input:focus{outline:3px solid #c4f2e7;border-color:#0c9787}
.planning-demo-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;border:0;border-radius:10px;background:#0c746b;color:#fff;padding:16px 19px;font-weight:850;cursor:pointer}
.planning-demo-button:hover{background:#07574f}
.planning-demo-controls .planning-demo-disclaimer{margin:13px 0 0;font-size:.74rem;line-height:1.6;color:#6c808b}
.planning-demo-output{background:#0b2133;color:#fff;border-radius:19px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;min-width:0}
.planning-demo-output-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.67rem;letter-spacing:.13em;font-weight:850;color:#a7d6d0;margin-bottom:25px}
.planning-demo-output-head span:last-child{letter-spacing:0;background:#1a4751;color:#b4e8d9;padding:7px 9px;border-radius:7px}
.planning-demo-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.planning-demo-stat{background:#173b4c;border:1px solid #295368;border-radius:10px;padding:16px 13px}
.planning-demo-stat strong{display:block;font-size:1.85rem;letter-spacing:-.05em;line-height:1.2}
.planning-demo-stat span{display:block;color:#b3ced3;font-size:.7rem;margin-top:5px}
.planning-demo-explanation{font-size:.86rem;line-height:1.65;color:#d1e3e5;margin:19px 0}
.planning-demo-warning{background:#fff0d7;color:#764b16;border-radius:9px;padding:12px 14px;font-size:.82rem;line-height:1.6}
.planning-demo-table-wrap{overflow-x:auto;border:1px solid #355364;border-radius:10px}
.planning-demo-table{border-collapse:collapse;width:100%;font-size:.74rem;min-width:380px;text-align:center}
.planning-demo-table th,.planning-demo-table td{border-bottom:1px solid #315164;padding:11px 8px;white-space:nowrap}
.planning-demo-table th{background:#143648;color:#c9e8e5;font-weight:800}
.planning-demo-table tbody tr:last-child th,.planning-demo-table tbody tr:last-child td{border-bottom:0}
.planning-demo-table tbody tr:nth-child(even){background:#112f40}
.planning-demo-table td{color:#e4f4f1}
.planning-demo-foot{font-size:.73rem;color:#a9c6cd;line-height:1.65;margin:15px 0 0}
.planning-demo-next{border-top:1px solid #34505e;padding-top:19px;margin-top:auto}
.planning-demo-next p{font-size:.82rem;color:#c0d4db;margin:0 0 12px}
.planning-demo-next a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#2dd0b8;color:#09293b;padding:14px 16px;border-radius:10px;text-decoration:none;font-weight:850;font-size:.87rem}
.planning-demo-next a:hover{background:#85ecdc}
@media(max-width:930px){.planning-demo-grid{grid-template-columns:1fr}.planning-demo-heading{display:block}.planning-demo-tag{display:inline-block;margin-top:18px}}
@media(max-width:600px){.planning-demo{padding:62px 0}.planning-demo-heading h2{font-size:2.05rem}.planning-demo-heading p{font-size:.91rem}.planning-demo-controls,.planning-demo-output{padding:22px 17px;border-radius:14px}.planning-demo-fields{gap:13px 10px}.planning-demo-fields input{font-size:.95rem}.planning-demo-stat{padding:13px 8px}.planning-demo-stat strong{font-size:1.5rem}.planning-demo-stat span{font-size:.64rem}.planning-demo-output-head{font-size:.59rem}}