.time-selection{text-align:left;margin:0 0 24px;padding:18px;border:1px solid #d4c7df2b;border-radius:12px;background:#111a2b45}
.time-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.time-selection-heading strong{font-size:14px;font-weight:500;color:#f0d5c3;line-height:1.7}
.time-selection-heading>span{font-size:10px;color:#9faec7}
.time-selection p{font-size:11px;line-height:1.9;margin:12px 0 0}
.time-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.time-options button{display:flex;flex-direction:column;text-align:left;gap:7px;padding:15px;min-width:0}
.time-options button strong{font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:1px}
.time-options button small{font-size:10px;line-height:1.8}
.time-options button.selected{border-color:#efc4af;background:#d8ae9f19;box-shadow:inset 0 0 0 1px #efc4af24}
.time-options button.selected strong{color:#ffe0c9}
.time-assignment{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:780px;margin:0 auto 10px;padding:14px 18px;border:1px solid #c3c7e227;border-radius:10px;background:#d5d8ff05}
.time-assignment strong{font-size:12px;line-height:1.8;font-weight:500;color:#e9d7cd}
.time-assignment p{font-size:10px;line-height:1.8;margin:3px 0 0}
.time-assignment button{flex-shrink:0;border:1px solid #c8d1e52e;font-size:11px;white-space:nowrap}
@media(max-width:760px){.time-selection{padding:15px 12px;margin-bottom:20px}.time-selection-heading{align-items:flex-start;gap:8px}.time-selection-heading>span{font-size:9px;line-height:1.9;max-width:94px;text-align:right}.time-options{gap:8px}.time-options button{padding:12px 9px}.time-options button strong{font-size:17px}.time-options button small{font-size:9px}.time-assignment{padding:11px 12px;gap:10px;margin-bottom:4px}.time-assignment strong{font-size:11px}.time-assignment p{font-size:9px}.time-assignment button{padding:9px 10px;font-size:10px}}