/* Pregnancy due date calculator (homepage) */
.ddc-section{background:var(--sky)}
.ddc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2rem;max-width:52rem;margin:0 auto;box-shadow:0 6px 18px rgba(20,54,90,.07)}
.ddc h2{margin-top:0}
.ddc .lead-in{color:var(--muted);margin-top:0}
.ddc-inputs{display:grid;grid-template-columns:1fr 12rem;gap:1.1rem;align-items:start}
@media (max-width:600px){.ddc{padding:1.3rem}.ddc-inputs{grid-template-columns:1fr}}
.ddc input[type=number]{width:100%;min-height:48px;padding:.65rem .8rem;border:1.5px solid #7A8FA6;border-radius:8px;font:inherit;color:var(--ink);background:#fff}
.ddc input[type=number]:focus{border-color:var(--navy);outline:3px solid rgba(47,108,159,.25);outline-offset:0}
.ddc-go{margin-top:1rem;width:100%}
.ddc-result{margin-top:1.6rem}
.ddc-edd{background:var(--sky-50);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;text-align:center}
.ddc-edd .k{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.ddc-edd .v{font-family:var(--font-head);font-size:1.7rem;color:var(--navy);margin:.2rem 0}
.ddc-edd p{margin:0}
.ddc table{width:100%;border-collapse:collapse;margin-top:1rem}
.ddc th,.ddc td{text-align:left;padding:.7rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}
.ddc th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ddc td.w{color:var(--muted);white-space:nowrap}
.ddc tr.is-now td{font-weight:700}
.ddc tr.is-now td:first-child::after{content:" — you are here";font-weight:400;color:var(--blue);font-size:.9em}
@media (max-width:600px){.ddc td.w,.ddc th.w{display:none}}
.ddc-note{background:#FFF7EC;border:1px solid #F0D2A8;border-radius:8px;padding:.8rem 1rem;margin-top:1rem}
.ddc-lead{margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.ddc-lead h3{margin-top:0}
.ddc-lead .form{max-width:none}
.ddc-fine{font-size:.88rem;color:var(--muted);margin:1.4rem 0 0}