.otdc-front,.otdc-front-card{--otdc:#2f6675;--dark:#214a56;max-width:1000px;margin:24px auto;font-family:Arial,sans-serif;color:#25353b}
.otdc-front-hero{background:linear-gradient(135deg,var(--dark),var(--otdc));color:#fff;padding:30px;border-radius:18px;margin-bottom:18px}
.otdc-front-hero h1{color:#fff;margin:7px 0}
.otdc-front-hero p{margin:0;color:#e5f1f3}
.otdc-front-card{background:#fff;border:1px solid #dfe7e9;border-radius:15px;padding:22px;box-shadow:0 5px 18px rgba(20,52,63,.05)}
.otdc-front-button{display:inline-block;background:var(--otdc);color:#fff!important;text-decoration:none;border-radius:9px;padding:11px 16px;font-weight:700;border:0}
.otdc-front-mission{display:grid;grid-template-columns:170px 1fr;gap:20px}
.otdc-front-mission .date{border-right:1px solid #e2e8ea;padding-right:18px}
.otdc-front-mission .date strong,.otdc-front-mission .date span{display:block}
.otdc-front-mission .date span{margin-top:8px;color:var(--otdc);font-weight:700}
.otdc-front-mission h2{margin-top:0}
.otdc-front-mission .instructions{margin-top:15px;padding-top:12px;border-top:1px solid #e2e8ea}
.otdc-front-card .otdc-availability-grid{display:grid;grid-template-columns:150px repeat(8,minmax(70px,1fr));gap:5px;overflow:auto}
.otdc-front-card .head,.otdc-front-card .day{padding:8px;font-weight:700}
.otdc-front-card .head{background:#eef4f5}
.otdc-front-card .slot{position:relative;min-height:40px;background:#eef1f2;border-radius:6px}
.otdc-front-card .slot input{position:absolute;opacity:0}
.otdc-front-card .slot span{position:absolute;inset:0;border-radius:6px}
.otdc-front-card .slot input:checked+span{background:#2f6675}
.otdc-front-card .slot input:checked+span:after{content:"✓";position:absolute;inset:9px;color:#fff;text-align:center;font-weight:700}
@media(max-width:650px){
  .otdc-front-mission{grid-template-columns:1fr}
  .otdc-front-mission .date{border-right:0;border-bottom:1px solid #e2e8ea;padding-bottom:12px}
}