/* Readable date examples and a consistent calendar in every site language. */
.date-field{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;min-width:0;min-height:58px;width:100%;border:1px solid #cbd9d2;border-radius:11px;background:#f6f8f5;transition:border-color .2s,box-shadow .2s,background .2s}
.date-field:focus-within{border-color:#438071;background:#fff;box-shadow:0 0 0 3px #4380711a}
.date-display{display:block;width:100%;min-width:0;min-height:56px;margin:0;padding:12px 0 12px 13px;border:0;border-radius:11px;background:transparent;color:var(--ink);font:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0;font-variant-numeric:tabular-nums;box-shadow:none;appearance:none}
.date-display::placeholder{color:#677d83;opacity:1;font-size:16px;font-weight:400;letter-spacing:0}
.date-display:focus{outline:0}
.date-field-trigger{display:grid;place-items:center;align-self:stretch;min-height:44px;width:44px;margin:0;padding:0;border:0;border-radius:0 10px 10px 0;background:transparent;color:#367565}
.date-field-trigger:hover{background:#e6eee8;color:var(--ink)}
.date-field-trigger svg{display:block;width:21px;height:21px;pointer-events:none}
.date-field-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:-5px}
.date-field.has-error{border-color:#a54838}
.date-field-error{color:#963f32;font-size:13px;line-height:1.6;max-width:100%}
body.date-picker-open{overflow:hidden}
.date-picker{box-sizing:border-box;position:fixed;inset:0;width:384px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:24px;border:1px solid #d8e3dc;border-radius:23px;background:#fffefa;color:#153c47;box-shadow:0 24px 80px #082c3940;overflow:auto;overscroll-behavior:contain}
.date-picker::backdrop{background:#082c395c;backdrop-filter:blur(3px)}
.date-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.date-picker-eyebrow{margin:0 0 7px;color:#4b796b;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}
.date-picker h2{margin:0;font-size:23px;font-weight:650;line-height:1.25;letter-spacing:-.025em;text-wrap:initial;word-spacing:normal}
.date-picker-close,.date-picker-prev,.date-picker-next{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid #d9e3dc;border-radius:50%;background:#fff;color:#153c47;line-height:1}
.date-picker-close svg{width:19px;height:19px}
.date-picker-prev svg,.date-picker-next svg{width:20px;height:20px}
.date-picker-close:hover,.date-picker-prev:hover:not(:disabled),.date-picker-next:hover:not(:disabled){background:#e9f0e9;border-color:#a3bdb0}
.date-picker-description{margin:14px 0 20px;padding:10px 12px;border-radius:9px;background:#eef4ee;color:#4b6966;font-size:12px;line-height:1.6}
.date-picker-month{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}
.date-picker-month h3{margin:0;text-align:center;font-size:17px;font-weight:650;line-height:1.4;letter-spacing:-.02em;text-wrap:initial;word-spacing:normal}
.date-picker-prev:disabled,.date-picker-next:disabled{opacity:.3;cursor:default}
.date-picker-grid{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:3px;margin:0;font-variant-numeric:tabular-nums}
.date-picker-grid th{padding:0 0 7px;font-size:11px;font-weight:600;text-align:center;color:#677f7d;line-height:1.5}
.date-picker-grid td{padding:0;border:0;vertical-align:middle}
.date-picker-day{box-sizing:border-box;display:grid;place-items:center;width:100%;min-width:0;height:40px;margin:0;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#153c47;font:inherit;font-size:14px;font-weight:550;line-height:1;letter-spacing:0;box-shadow:none}
.date-picker-day:hover:not(:disabled):not(.is-outside){background:#e4eee6;border-color:#b6cdbc}
.date-picker-day[aria-current=date]{border-color:#ba9867}
.date-picker-day.is-in-stay{background:#eff5ef}
.date-picker-day.is-selected,.date-picker-day.is-selected:hover{background:#153c47;color:#fff;border-color:#153c47;box-shadow:0 3px 8px #153c4724}
.date-picker-day:disabled{color:#b2beba;cursor:default}
.date-picker-day.is-outside{color:#d0d9d2}
.date-picker button:focus-visible{outline:2px solid #b48b52;outline-offset:2px}
.date-picker-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-top:17px;padding-top:12px;border-top:1px solid #e0e8e0}
.date-picker-footer>span{font-size:11px;line-height:1.6;color:#71827b}
.date-picker-clear{min-height:40px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#276858;font:inherit;font-size:12px;font-weight:650;line-height:1.5}
.date-picker-clear:hover:not(:disabled){background:#edf3ed}
.date-picker-clear:disabled{opacity:.4;cursor:default}
.planner-form{grid-template-columns:minmax(176px,1fr) minmax(176px,1fr) minmax(90px,.65fr) minmax(210px,1.3fr)}
@media(max-width:1200px){.planner-shell{grid-template-columns:1fr}.planner-form{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-form .button{grid-column:1/-1}}
@media(max-width:760px){.planner-form{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-form>.form-wrap:nth-child(3){grid-column:1/-1}}
@media(max-width:540px){.planner-form{grid-template-columns:1fr}.planner-form>.form-wrap{grid-column:1/-1}.date-picker{padding:19px;border-radius:20px}.date-picker h2{font-size:21px}.date-picker-day{height:39px}.date-picker-description{margin-block:12px 17px}.date-picker-grid{border-spacing:2px}}
@media(max-width:360px){.date-picker{padding:15px}.date-picker h2{font-size:20px}.date-picker-grid{border-spacing:1px}.date-picker-day{height:36px}.date-picker-description{font-size:11px}.date-picker-month{margin-bottom:11px}.date-picker-footer{gap:3px 6px}}
@media(max-height:560px) and (min-width:480px){.date-picker{padding:10px 20px;border-radius:18px}.date-picker-eyebrow{display:none}.date-picker h2{font-size:19px}.date-picker-description{margin:6px 0;padding:3px 9px}.date-picker-month{margin-bottom:5px}.date-picker-close,.date-picker-prev,.date-picker-next{width:30px;height:30px}.date-picker-grid{border-spacing:2px}.date-picker-grid th{padding-bottom:3px}.date-picker-day{height:28px;border-radius:7px}.date-picker-footer{margin-top:4px;padding-top:4px}.date-picker-clear{min-height:28px;padding:3px 8px}.date-picker-month h3{font-size:16px}}