.mnd-pwc {
    --mnd-pwc-ink: #16373c;
    --mnd-pwc-muted: #63777a;
    --mnd-pwc-plum: #51adb9;
    --mnd-pwc-plum-dark: #16373c;
    --mnd-pwc-rose: #cfE7eb;
    --mnd-pwc-blush: #f4fbfc;
    --mnd-pwc-cream: #ffffff;
    --mnd-pwc-sage: #edf3f4;
    --mnd-pwc-border: #dce7e9;
    --mnd-pwc-danger: #b83b35;
    --mnd-pwc-coral: #f8674c;
    --mnd-pwc-shadow: 0 18px 50px rgba(22, 55, 60, .16);
    color: var(--mnd-pwc-ink);
    font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.55;
    margin: 1.5rem auto;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.mnd-pwc[hidden], .mnd-pwc [hidden] { display: none !important; }
.mnd-pwc *, .mnd-pwc *::before, .mnd-pwc *::after { box-sizing: border-box; }
.mnd-pwc__intro { margin: 0 auto 1.75rem; max-width: 720px; text-align: center; }
.mnd-pwc__eyebrow { color: var(--mnd-pwc-plum); font-size: .75rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 .45rem; text-transform: uppercase; }
.mnd-pwc__heading { color: var(--mnd-pwc-ink); font-family: 'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif; font-size: clamp(1.8rem, 5vw, 3.5rem); font-weight: 500; letter-spacing: -.025em; line-height: 1.08; margin: 0; word-break: break-word; }
.mnd-pwc__lede { color: var(--mnd-pwc-muted); font-size: 1.05rem; margin: .8rem auto 0; max-width: 650px; }

.mnd-pwc__calculator { background: #0c4d52; border: 1px solid rgba(255,255,255,.2); border-radius: 24px; box-shadow: var(--mnd-pwc-shadow); color: #fff; overflow: hidden; width: 100%; max-width: 100%; box-sizing: border-box; }
.mnd-pwc__tabs { background: rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.16); display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; padding: .55rem; width: 100%; max-width: 100%; box-sizing: border-box; gap: 4px; }
.mnd-pwc__tab { appearance: none; background: transparent; border: 0; border-radius: 12px; color: rgba(255,255,255,.72); cursor: pointer; font: inherit; font-size: .9rem; font-weight: 700; min-height: 48px; padding: .65rem .85rem; position: relative; text-align: center; flex: 1 1 0%; min-width: max-content; white-space: nowrap; scroll-snap-align: start; }

.mnd-pwc__tab:hover { background: rgba(255,255,255,.1); color: #fff; }
.mnd-pwc__tab.is-active { background: var(--mnd-pwc-plum); color: #fff; }
.mnd-pwc__tab:focus-visible, .mnd-pwc__button:focus-visible, .mnd-pwc input:focus-visible, .mnd-pwc__table-wrap:focus-visible, .mnd-pwc__modal-close:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

.mnd-pwc__form { padding: clamp(0.5rem, 4vw, 2.6rem); width: 100%; box-sizing: border-box; }
.mnd-pwc__panel { margin: 0 auto; max-width: 760px; min-height: 122px; width: 100%; box-sizing: border-box; }
.mnd-pwc__tab-desc { color: #cfe7eb; font-size: .95rem; line-height: 1.5; margin: 0 auto 2rem; max-width: 680px; text-align: center; }
.mnd-pwc__fields { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; box-sizing: border-box; }
.mnd-pwc__fields--lmp { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.mnd-pwc__field { max-width: 100%; width: 100%; box-sizing: border-box; }
.mnd-pwc__field label, .mnd-pwc__fieldset legend { color: #fff; display: block; font-size: .92rem; font-weight: 750; margin: 0 0 .45rem; text-align: center; }
.mnd-pwc__field input { appearance: none; -webkit-appearance: none; background: #fff; border: 1px solid #cfc2c9; border-radius: 10px; color: var(--mnd-pwc-ink); font: inherit; min-height: 50px; padding: .65rem .8rem; width: 100%; max-width: 100%; box-sizing: border-box; }
.mnd-pwc__field input:hover { border-color: #a88f9d; }
.mnd-pwc__field input[aria-invalid="true"] { border-color: var(--mnd-pwc-danger); box-shadow: 0 0 0 1px var(--mnd-pwc-danger); }
.mnd-pwc__suffix { display: flex; position: relative; width: 100%; box-sizing: border-box; }
.mnd-pwc__suffix input { padding-right: 4rem; width: 100%; }
.mnd-pwc__suffix span { color: var(--mnd-pwc-muted); pointer-events: none; position: absolute; right: .8rem; top: .78rem; }
.mnd-pwc__fieldset { border: 0; margin: 1rem 0 0; padding: 0; width: 100%; }
.mnd-pwc__radios { display: flex; flex-wrap: wrap; gap: .65rem; width: 100%; }
.mnd-pwc__radios label { align-items: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: #fff; cursor: pointer; display: flex; font-weight: 650; gap: .4rem; padding: .55rem .9rem; }
.mnd-pwc__radios input { accent-color: var(--mnd-pwc-plum); height: 18px; width: 18px; }
.mnd-pwc__hint { color: rgba(255,255,255,.72); font-size: .85rem; margin: .65rem 0 0; word-break: break-word; }
.mnd-pwc__error { background: #fff0f2; border-left: 4px solid var(--mnd-pwc-danger); border-radius: 6px; color: #7f2035; font-weight: 650; margin: 1rem auto 0; max-width: 760px; padding: .75rem 1rem; width: 100%; }
.mnd-pwc__actions { align-items: center; display: flex; gap: .8rem; justify-content: center; margin-top: 1.75rem; width: 100%; }
.mnd-pwc__button { appearance: none; border: 0; border-radius: 999px; cursor: pointer; font: inherit; font-weight: 750; min-height: 48px; padding: .7rem 1.25rem; }
.mnd-pwc__button--primary { background: var(--mnd-pwc-coral); box-shadow: 0 8px 22px rgba(248,103,76,.24); color: #fff; min-width: 260px; }
.mnd-pwc__button--primary:hover { background: #e9583f; transform: translateY(-1px); }
.mnd-pwc__button--quiet { background: transparent; color: inherit; }
.mnd-pwc__button--quiet:hover { background: rgba(81,173,185,.14); }
.mnd-pwc__calculator .mnd-pwc__button--quiet { color: #fff; }
.mnd-pwc__privacy { align-items: center; background: rgba(255,255,255,.07); border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.75); display: flex; font-size: .82rem; gap: .65rem; justify-content: center; padding: .85rem 1rem; width: 100%; }
.mnd-pwc__privacy > span { font-size: 1rem; }
.mnd-pwc__privacy p { margin: 0; }

.mnd-pwc__modal { align-items: center; background: rgba(10, 31, 35, .72); display: flex; inset: 0; justify-content: center; padding: 1.25rem; position: fixed; z-index: 999999; }
.mnd-pwc__modal-panel { background: #fff; border-radius: 22px; box-shadow: 0 30px 90px rgba(0,0,0,.3); max-height: calc(100vh - 2.5rem); max-width: 980px; overflow: auto; position: relative; width: 100%; }
.mnd-pwc__modal-close { align-items: center; appearance: none; background: #fff; border: 0; border-radius: 50%; color: var(--mnd-pwc-ink); cursor: pointer; display: flex; font-size: 1.7rem; height: 42px; justify-content: center; line-height: 1; position: absolute; right: 1rem; top: 1rem; width: 42px; z-index: 4; }
.mnd-pwc__result { animation: mnd-pwc-reveal .32s ease-out; }
@keyframes mnd-pwc-reveal { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.mnd-pwc__result-hero { background: linear-gradient(135deg, #16373c, #2f6c75); border-radius: 22px 22px 0 0; color: #fff; padding: clamp(2rem, 5vw, 3.4rem); position: relative; text-align: center; }
.mnd-pwc__result-hero::before { border: 1px solid rgba(255,255,255,.14); border-radius: 50%; content: ""; height: 150px; position: absolute; right: 4%; top: -60px; width: 150px; }
.mnd-pwc__result-kicker { color: #f3dce8; font-size: .78rem; font-weight: 800; letter-spacing: .13em; margin: 0 0 .5rem; text-transform: uppercase; }
.mnd-pwc__due-date { color: #fff; font-size: clamp(1.6rem, 4vw, 2.5rem); font-weight: 800; line-height: 1.15; margin: 0; }
.mnd-pwc__result-divider { background: rgba(255,255,255,.26); height: 1px; margin: 1.35rem auto; max-width: 520px; }
.mnd-pwc__you-are { color: #cfe7eb; font-size: .9rem; font-weight: 750; letter-spacing: .08em; margin: 0 0 .25rem; text-transform: uppercase; }
.mnd-pwc__result-title { color: #fff; font-size: clamp(1.8rem, 5vw, 3rem); font-weight: 800; line-height: 1.15; margin: 0; }
.mnd-pwc__result-title:focus { outline: none; }
.mnd-pwc__trimester { color: #fff; font-size: 1.05rem; font-weight: 750; margin: .8rem 0 0; }
.mnd-pwc__badges { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-top: 1rem; }
.mnd-pwc__badge { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: #fff; font-size: .78rem; font-weight: 800; letter-spacing: .04em; padding: .35rem .7rem; }
.mnd-pwc__badge--term { background: #fff; color: var(--mnd-pwc-plum-dark); }

.mnd-pwc__summary { background: var(--mnd-pwc-blush); display: grid; gap: 1px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mnd-pwc__summary-card { background: #fff; min-height: 160px; padding: clamp(1.25rem, 3vw, 2rem); }
.mnd-pwc__summary-card--wide { grid-column: 1 / -1; min-height: 0; }
.mnd-pwc__summary-label { color: var(--mnd-pwc-plum); font-size: .75rem; font-weight: 800; letter-spacing: .09em; margin: 0 0 .35rem; text-transform: uppercase; }
.mnd-pwc__summary-value { color: var(--mnd-pwc-ink); font-family: 'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif; font-size: clamp(1.35rem, 3vw, 1.75rem); line-height: 1.2; margin: 0;font-weight:700; }
.mnd-pwc__summary-copy { color: var(--mnd-pwc-muted); font-size: .9rem; margin: .5rem 0 0; }
.mnd-pwc__size-section { background: #fff; border-top: 1px solid var(--mnd-pwc-border); padding: clamp(1.25rem, 3vw, 2rem); }
.mnd-pwc__size-section > .mnd-pwc__summary-label { margin-bottom: .8rem; }
.mnd-pwc__size-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mnd-pwc__size-grid .mnd-pwc__summary-card { background: var(--mnd-pwc-blush); border: 1px solid var(--mnd-pwc-border); border-radius: 12px; min-height: 0; }
.mnd-pwc__size-grid .mnd-pwc__summary-value { font-family: inherit; font-size: clamp(1.15rem, 3vw, 1.5rem); font-weight: 800; }
.mnd-pwc__progress-block { background: #fff; border-top: 1px solid var(--mnd-pwc-border); padding: 1.4rem clamp(1.25rem, 3vw, 2rem); }
.mnd-pwc__progress-copy { display: flex; font-size: .9rem; gap: 1rem; justify-content: space-between; margin-bottom: .65rem; }
.mnd-pwc__progress-copy strong { color: var(--mnd-pwc-plum); white-space: nowrap; }
.mnd-pwc__progress { appearance: none; background: #eadfe5; border: 0; border-radius: 999px; display: block; height: 12px; overflow: hidden; width: 100%; }
.mnd-pwc__progress::-webkit-progress-bar { background: #eadfe5; }
.mnd-pwc__progress::-webkit-progress-value { background: linear-gradient(90deg, #b75d8e, var(--mnd-pwc-plum)); border-radius: 999px; }
.mnd-pwc__progress::-moz-progress-bar { background: var(--mnd-pwc-plum); border-radius: 999px; }
.mnd-pwc__notice { background: #fff1d8; border-left: 5px solid #b06d13; color: #603d0d; font-weight: 650; padding: 1rem 1.25rem; }
.mnd-pwc__result-actions { background: #fff; display: flex; gap: .6rem; justify-content: flex-end; padding: 0 2rem 1.5rem; }
.mnd-pwc__button--secondary { background: var(--mnd-pwc-plum); color: #fff; }
.mnd-pwc__button--secondary:hover { background: #3f7c85; }

.mnd-pwc__timeline-section { margin-top: 3rem; padding: 0 20px; }
.mnd-pwc__timeline-header { align-items: end; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 1rem; }
.mnd-pwc__timeline-header h3 { color: var(--mnd-pwc-ink); font-family: 'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif; font-size: clamp(1.7rem, 4vw, 2.4rem); font-weight: 500; line-height: 1.15; margin: 0; }
.mnd-pwc__timeline-header > p { color: var(--mnd-pwc-muted); font-size: .85rem; margin: 0; max-width: 300px; text-align: right; }
.mnd-pwc__table-wrap { border: 1px solid var(--mnd-pwc-border); border-radius: 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; max-width: 100%; }
.mnd-pwc__timeline { background: #fff; border-collapse: collapse; min-width: 700px; table-layout: fixed; width: 100%; }
.mnd-pwc__timeline th, .mnd-pwc__timeline td { border-bottom: 1px solid var(--mnd-pwc-border); color: var(--mnd-pwc-ink); padding: .9rem 1rem; text-align: left; vertical-align: top; }
.mnd-pwc__timeline thead th { background: var(--mnd-pwc-plum-dark); color: #fff; font-size: .75rem; letter-spacing: .08em; position: sticky; text-transform: uppercase; top: 0; z-index: 2; }
.mnd-pwc__timeline thead th:nth-child(1) { width: 15%; }
.mnd-pwc__timeline thead th:nth-child(2) { width: 28%; }
.mnd-pwc__timeline thead th:nth-child(3) { width: 19%; }
.mnd-pwc__timeline tbody tr:last-child > * { border-bottom: 0; }
.mnd-pwc__week-cell { font-size: .9rem; }
.mnd-pwc__current-week > * { background: #fff4f8; }
.mnd-pwc__current-week .mnd-pwc__week-cell { box-shadow: inset 4px 0 var(--mnd-pwc-plum); }
.mnd-pwc__current-badge { background: var(--mnd-pwc-plum); border-radius: 4px; color: #fff; display: block; font-size: .62rem; letter-spacing: .05em; margin-top: .35rem; padding: .18rem .32rem; width: max-content; }
.mnd-pwc__date-cell { color: var(--mnd-pwc-muted) !important; font-size: .86rem; white-space: nowrap; }
.mnd-pwc__trimester-cell { background: #faf5f7; color: var(--mnd-pwc-plum-dark) !important; font-size: .86rem; font-weight: 750; }
.mnd-pwc__milestone { font-size: .85rem; margin: 0; }
.mnd-pwc__safety-note { background: var(--mnd-pwc-sage); border-radius: 10px; color: #234b38; font-size: .88rem; margin: 1rem 0 0; padding: .9rem 1rem; }
.mnd-pwc__disclaimer { border-top: 1px solid var(--mnd-pwc-border); color: var(--mnd-pwc-muted); font-size: .78rem; margin: 2rem 0 0; padding: 15px; }
.mnd-pwc__sr-only { clip: rect(0, 0, 0, 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.pg__block-3{display: flex;
  flex-direction: column;
  align-items: center;}
.mnd-pwc__modal-close > span { height: 37px; }

/* ==========================================================================
   THEME HERO & LAYOUT SAFEGUARDS
   ========================================================================== */
.pg__section { overflow: hidden; width: 100%; box-sizing: border-box; }
.pg__container { width: 100%; max-width: 1270px; box-sizing: border-box; }
.pg__grid { width: 100%; max-width: 100%; box-sizing: border-box; }
.pg__block-3 { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; }
.pg__title { word-break: break-word; overflow-wrap: break-word; }
 .pg__text{text-align: center;}
/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (Mobile & Tablet)
   ========================================================================== */

   @media (min-width: 769px) {
	   .mnd-pwc__calculator{max-width: 900px;
  margin-left: auto;
  margin-right: auto;}
   }

@media (max-width: 768px) {
    .pg__container {
        padding-left: 14px !important;
        padding-right: 14px !important;
        padding-top: 28px !important;
        padding-bottom: 32px !important;
    }
    .pg__title {
        font-size: clamp(24px, 6vw, 34px) !important;
        line-height: 1.15 !important;
        margin-bottom: 12px !important;
		text-align: center;
    }
    .pg__text {
        font-size: 15px !important;
        line-height: 24px !important;
        margin-bottom: 20px !important;
        max-width: 100% !important;
    }
    .mnd-pwc {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 1rem auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__calculator {
        border-radius: 18px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        padding: .4rem .4rem 0 !important;
        gap: 4px !important;
        scrollbar-width: none !important; /* Firefox */
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__tabs::-webkit-scrollbar {
        display: none !important; /* Chrome/Safari */
    }
    .mnd-pwc__tab {
        flex: 0 0 auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
        scroll-snap-align: start !important;
        font-size: .84rem !important;
        padding: .6rem .8rem !important;
        min-height: 44px !important;
    }
    .mnd-pwc__form {
        padding: 1.15rem .9rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__panel {
        min-height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__fields,
    .mnd-pwc__fields--lmp {
        display: flex !important;
        flex-direction: column !important;
        gap: .8rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__field {
        max-width: 100% !important;
        width: 100% !important;
    }
    .mnd-pwc__field input {
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__suffix {
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__actions {
        align-items: stretch !important;
        flex-direction: column !important;
        gap: .65rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mnd-pwc__button--primary {
        min-width: 0 !important;
        width: 100% !important;
        white-space: normal !important;
        text-align: center !important;
        padding: .8rem 1rem !important;
        font-size: .95rem !important;
    }
    .mnd-pwc__button--quiet {
        width: 100% !important;
        text-align: center !important;
    }
    .mnd-pwc__privacy {
        align-items: flex-start !important;
        text-align: left !important;
        padding: .75rem 1rem !important;
    }
    .mnd-pwc__modal {
        align-items: stretch !important;
        padding: .5rem !important;
    }
    .mnd-pwc__modal-panel {
        border-radius: 16px !important;
        max-height: calc(100vh - 1rem) !important;
    }
    .mnd-pwc__modal-close {
        right: .75rem !important;
        top: .75rem !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 1.4rem !important;
    }
    .mnd-pwc__result-hero {
        border-radius: 16px 16px 0 0 !important;
        padding: 3rem 1rem 1.6rem !important;
    }
    .mnd-pwc__result-hero::before {
        display: none !important;
    }
    .mnd-pwc__due-date {
        font-size: 1.5rem !important;
    }
    .mnd-pwc__result-title {
        font-size: 1.7rem !important;
    }
    .mnd-pwc__progress-copy {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: .25rem !important;
    }
    .mnd-pwc__result-actions {
        flex-direction: column-reverse !important;
        padding: 1rem !important;
        gap: .5rem !important;
        width: 100% !important;
    }
    .mnd-pwc__result-actions .mnd-pwc__button {
        width: 100% !important;
    }
    .mnd-pwc__timeline-section {
        padding: 0 .75rem !important;
    }
    .mnd-pwc__timeline-header {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: .5rem !important;
    }
    .mnd-pwc__timeline-header > p {
        text-align: left !important;
        max-width: 100% !important;
    }
}

@media (max-width: 520px) {
    .mnd-pwc__summary {
        grid-template-columns: 1fr !important;
    }
    .mnd-pwc__summary-card {
        min-height: auto !important;
        padding: 1rem .9rem !important;
    }
    .mnd-pwc__summary-card--wide {
        grid-column: auto !important;
    }
    .mnd-pwc__size-grid {
        grid-template-columns: 1fr !important;
    }
    .mnd-pwc__size-section,
    .mnd-pwc__progress-block {
        padding: 1rem .9rem !important;
    }
    .mnd-pwc__radios label {
        flex: 1 1 calc(50% - .65rem) !important;
        justify-content: center !important;
    }
}

@media print {
    .mnd-pwc { color: #000; margin: 0; max-width: none; }
    .mnd-pwc__intro, .mnd-pwc__calculator, .mnd-pwc__result-actions, .mnd-pwc__modal-close { display: none !important; }
    .mnd-pwc__modal { background: none; display: block; inset: auto; padding: 0; position: static; }
    .mnd-pwc__modal-panel { border-radius: 0; box-shadow: none; max-height: none; max-width: none; overflow: visible; }
    .mnd-pwc__result { margin: 0; }
    .mnd-pwc__result-hero { background: #fff !important; border: 2px solid #333; color: #000; padding: 1rem; }
    .mnd-pwc__result-title, .mnd-pwc__result-kicker, .mnd-pwc__exact-age { color: #000; }
    .mnd-pwc__badge { border: 1px solid #555; color: #000; }
    .mnd-pwc__summary-card { border: 1px solid #ccc; min-height: 0; padding: .8rem; }
    .mnd-pwc__table-wrap { border: 0; overflow: visible; }
    .mnd-pwc__timeline { min-width: 0; }
    .mnd-pwc__timeline thead { display: table-header-group; }
    .mnd-pwc__timeline tr { break-inside: avoid; page-break-inside: avoid; }
    .mnd-pwc__timeline thead th { background: #eee !important; color: #000; position: static; }
    .mnd-pwc__timeline-section { break-before: page; page-break-before: always; }
}

@page { margin: 12mm; }

/* ==========================================================================
   CUSTOM DATE PICKER
   Keeps the original type="date" input for calculator logic and replaces only
   the browser-native visual picker when JavaScript is available.
   ========================================================================== */

.mnd-pwc.is-calendar-open,
.mnd-pwc__calculator.is-calendar-open {
    overflow: visible;
}

.mnd-pwc-date {
    position: relative;
    width: 100%;
}

.mnd-pwc__date-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.mnd-pwc-date__control {
    appearance: none;
    -webkit-appearance: none;
    align-items: center;
    background: #fff;
    border: 1px solid #dce7e9;
    border-radius: 14px;
    color: #8a9da1;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 1rem;
    gap: 1rem;
    justify-content: space-between;
    min-height: 58px;
    padding: .75rem 1rem .75rem 1.1rem;
    text-align: left;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    width: 100%;
}

.mnd-pwc-date__control:hover {
    border-color: #9fdbe3;
}

.mnd-pwc-date__control:focus-visible,
.mnd-pwc-date.is-open .mnd-pwc-date__control {
    border-color: #51adb9;
    box-shadow: 0 0 0 4px rgba(81,173,185,.18);
    outline: 0;
}

.mnd-pwc-date__control[aria-invalid="true"] {
    border-color: var(--mnd-pwc-danger);
    box-shadow: 0 0 0 3px rgba(184,59,53,.12);
}

.mnd-pwc-date__control.has-value {
    color: var(--mnd-pwc-ink);
}

.mnd-pwc-date__value {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mnd-pwc-date__icon {
    border: 2px solid #244f55;
    border-radius: 4px;
    display: block;
    flex: 0 0 20px;
    height: 18px;
    position: relative;
    width: 20px;
}

.mnd-pwc-date__icon::before {
    background: #244f55;
    content: "";
    height: 2px;
    left: 2px;
    position: absolute;
    right: 2px;
    top: 4px;
}

.mnd-pwc-date__icon::after {
    border-left: 2px solid #244f55;
    border-right: 2px solid #244f55;
    content: "";
    height: 5px;
    left: 4px;
    position: absolute;
    right: 4px;
    top: -4px;
}


/* Calendar shell */

.mnd-pwc-calendar {
    animation: mnd-pwc-calendar-open .18s ease-out both;
    background: #fff;
    border: 1px solid #dce7e9;
    border-radius: 20px;
    box-shadow: 0 24px 65px -20px rgba(12,77,82,.42);
    color: var(--mnd-pwc-ink);
    left: 0;
    padding: 18px;
    position: absolute;
    top: calc(100% + 10px);
    width: min(360px, calc(100vw - 32px));
    z-index: 10000;
}

.mnd-pwc-date.is-up .mnd-pwc-calendar {
    bottom: calc(100% + 10px);
    top: auto;
}

@keyframes mnd-pwc-calendar-open {
    from {
        opacity: 0;
        transform: translateY(-6px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* Month navigation */

.mnd-pwc-calendar__header {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 42px minmax(0,1fr) 42px;
    margin-bottom: 16px;
}

.mnd-pwc-calendar__month {
    color: #14343a;
    font-size: .95rem;
    font-weight: 750;
    line-height: 1.3;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mnd-pwc-calendar__nav {
    align-items: center;
    appearance: none;
    background: #f4fbfc;
    border: 1px solid #e0eef0;
    border-radius: 11px;
    color: #3f7c85;
    cursor: pointer;
    display: flex;
    height: 42px;
    justify-content: center;
    padding: 0;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
    width: 42px;
}

.mnd-pwc-calendar__nav:hover {
    background: #eaf7f8;
    border-color: #c5e3e7;
}

.mnd-pwc-calendar__nav:active {
    transform: scale(.96);
}

.mnd-pwc-calendar__nav span {
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    display: block;
    height: 9px;
    width: 9px;
}

.mnd-pwc-calendar__nav--prev span {
    transform: rotate(45deg);
}

.mnd-pwc-calendar__nav--next span {
    transform: rotate(225deg);
}


/* Weekday labels */

.mnd-pwc-calendar__weekdays {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(7,minmax(0,1fr));
    margin-bottom: 6px;
}

.mnd-pwc-calendar__weekdays span {
    color: #7e9296;
    font-size: .71rem;
    font-weight: 650;
    line-height: 1;
    padding: 7px 0;
    text-align: center;
}

.mnd-pwc-calendar__weekdays span:first-child {
    color: #e96852;
}


/* Day grid */

.mnd-pwc-calendar__days {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(7,minmax(0,1fr));
}

.mnd-pwc-calendar__day {
    align-items: center;
    appearance: none;
    aspect-ratio: 1 / 1;
    background: #f6f9f9;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #314c51;
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: .8rem;
    font-weight: 650;
    justify-content: center;
    min-width: 0;
    padding: 0;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.mnd-pwc-calendar__day:hover {
    background: #eaf7f8;
    border-color: #cfe7eb;
    color: #06575d;
    transform: translateY(-1px);
}

.mnd-pwc-calendar__day:nth-child(7n+1):not(.is-selected):not(.is-disabled) {
    color: #e75f49;
}

.mnd-pwc-calendar__day.is-outside:not(.is-selected) {
    background: transparent;
    color: #b4c0c2;
}

.mnd-pwc-calendar__day.is-today:not(.is-selected) {
    background: #fff;
    border-color: #51adb9;
    box-shadow: inset 0 0 0 1px #51adb9;
    color: #06575d;
}

.mnd-pwc-calendar__day.is-selected,
.mnd-pwc-calendar__day.is-selected:hover {
    background: #f8674c;
    border-color: #f8674c;
    box-shadow: 0 7px 16px rgba(248,103,76,.24);
    color: #fff;
    transform: none;
}

.mnd-pwc-calendar__day.is-disabled,
.mnd-pwc-calendar__day:disabled {
    background: #f8f9f9;
    border-color: transparent;
    box-shadow: none;
    color: #cad2d3;
    cursor: not-allowed;
    transform: none;
}


/* Footer */

.mnd-pwc-calendar__footer {
    align-items: center;
    border-top: 1px solid #edf3f4;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 14px;
}

.mnd-pwc-calendar__clear,
.mnd-pwc-calendar__today {
    appearance: none;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    min-height: 38px;
    padding: .5rem .85rem;
    transition: background .15s ease, color .15s ease;
}

.mnd-pwc-calendar__clear {
    background: #f5f8f8;
    color: #63777a;
}

.mnd-pwc-calendar__clear:hover {
    background: #edf3f4;
    color: #14343a;
}

.mnd-pwc-calendar__today {
    background: #eaf7f8;
    color: #2f6c75;
}

.mnd-pwc-calendar__today:hover {
    background: #d9eef1;
    color: #06575d;
}


/* Small screens */

@media (max-width: 520px) {
    .mnd-pwc-calendar {
        left: 0;
        max-width: 100%;
        padding: 15px;
        width: 100%;
    }

    .mnd-pwc-calendar__day {
        border-radius: 9px;
        font-size: .76rem;
    }

    .mnd-pwc-calendar__header {
        grid-template-columns: 40px minmax(0,1fr) 40px;
    }

    .mnd-pwc-calendar__nav {
        height: 40px;
        width: 40px;
    }
}


/* Motion preference */

@media (prefers-reduced-motion: reduce) {
    .mnd-pwc-calendar {
        animation: none;
    }

    .mnd-pwc-date__control,
    .mnd-pwc-calendar__nav,
    .mnd-pwc-calendar__day,
    .mnd-pwc-calendar__clear,
    .mnd-pwc-calendar__today {
        transition: none;
    }
}

.mnd-pwc__reference { max-width: 760px; margin: 1.5rem auto 0; }
.mnd-pwc__reference .mnd-pwc__tab-desc { margin: .65rem 0 1rem; }

.mnd-pwc-print-root{display:none}
@media print{
body.mnd-pwc-printing>:not(.mnd-pwc-print-root){display:none!important}
body.mnd-pwc-printing>#mnd-pwc-print-report{display:block!important;overflow:visible}
.mnd-pwc-print-root *{animation:none!important;opacity:1!important;transform:none!important}
.mnd-pwc-print-root .mnd-pwc__result-hero *{color:#000!important}
}