/* Nightworth calendar illustrations. The sole Mark accent stays in the rate example. */
.nw-calendar-art{margin:0;min-width:0;color:var(--paper);position:relative;padding:18px 0 0;isolation:isolate}
.nw-art-heading,.nw-art-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;line-height:1.5}
.nw-art-heading{padding:0 8px 18px;border-bottom:1px solid #35414e}
.nw-art-key{font-size:10px;color:#9ca8b4;white-space:nowrap;display:flex;align-items:center;gap:7px}
.nw-art-key i{display:block;width:6px;height:6px;border:1px solid #f5f3ee;border-radius:50%}
.nw-calendar-svg{width:100%;height:auto;display:block;overflow:visible}
.nw-ribbon-face{fill:#243347;transition:fill .45s ease,opacity .45s ease}
.nw-ribbon-edge{fill:none;stroke:#64778a;stroke-width:1.3;transition:stroke .45s ease,stroke-width .45s ease}
.nw-ribbon-stitch{fill:none;stroke:#9ca8b4;opacity:.25;stroke-dasharray:1 5}
.nw-calendar-art[data-view="pace"] .nw-art-ribbon-pace .nw-ribbon-face,.nw-calendar-art[data-view="stays"] .nw-art-ribbon-stays .nw-ribbon-face,.nw-calendar-art[data-view="demand"] .nw-art-ribbon-demand .nw-ribbon-face{fill:#52697f}
.nw-calendar-art[data-view="pace"] .nw-art-ribbon-pace .nw-ribbon-edge,.nw-calendar-art[data-view="stays"] .nw-art-ribbon-stays .nw-ribbon-edge,.nw-calendar-art[data-view="demand"] .nw-art-ribbon-demand .nw-ribbon-edge{stroke:#f5f3ee;stroke-width:2}
.nw-calendar-art[data-view="pace"] [data-signal-label="pace"],.nw-calendar-art[data-view="stays"] [data-signal-label="stays"],.nw-calendar-art[data-view="demand"] [data-signal-label="demand"]{fill:#f5f3ee}
.nw-art-footer{padding:8px 8px 0;border-top:1px solid #35414e;min-height:62px;color:#c0c8d1;font-size:12px}
.nw-art-footer>span{max-width:35ch}
.nw-art-explore{border:1px solid #64778a;flex-shrink:0;border-radius:50%;width:44px;height:44px;background:transparent;color:#f5f3ee;display:grid;place-items:center}
.nw-art-explore svg{width:22px;height:22px;transition:transform .2s ease}
.nw-art-explore:hover svg{transform:translateX(3px)}
.nw-art-explore:focus-visible{outline:2px solid #f5f3ee;outline-offset:4px}
.nw-art-disclaimer{display:block;padding:7px 8px 0;font-size:10px;color:#9ca8b4}
.nw-calendar-art.is-changing .nw-art-focus{animation:nw-focus .7s ease-out both}
@keyframes nw-focus{0%{opacity:.3}100%{opacity:1}}
.nw-decisions{background:#e9ebea;overflow:hidden}
.nw-decisions-grid{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:9%}
.nw-decisions-copy h2{margin:0 0 26px}
.nw-decisions-copy>p{color:#535d67;font-size:17px;max-width:38ch}
.nw-decision-controls{display:grid;gap:0;margin-top:32px;border-top:1px solid #b8bfc2}
.nw-decision-controls button{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;background:transparent;border:0;border-bottom:1px solid #b8bfc2;padding:16px 8px;min-height:56px;color:#535d67;font-size:15px}
.nw-decision-controls button svg{width:23px;height:23px;opacity:.5}
.nw-decision-controls button[aria-pressed="true"]{color:#0d1621;font-weight:600}
.nw-decision-controls button[aria-pressed="true"] svg{opacity:1}
.nw-decision-controls button[aria-pressed="true"] span::before{content:"";display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:10px}
.nw-decision-controls button:hover{background:#dfe3e3}
.nw-decision-drawing{min-width:0}
.nw-week-header{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid #a6afb4;padding-bottom:18px;color:#535d67}
.nw-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:18px 0 4px;font-size:11px;text-align:center;line-height:1.7;color:#535d67}
.nw-week-days b{font-size:17px;color:#0d1621;font-weight:500}
.nw-decision-svg{width:100%;height:auto;display:block;margin:7px 0 20px;overflow:visible}
.nw-bookings{fill:#243347}
.nw-calendar-pace,.nw-calendar-gap,.nw-calendar-demand{opacity:.15;transition:opacity .45s ease}
.nw-decisions[data-view="pace"] .nw-calendar-pace,.nw-decisions[data-view="stays"] .nw-calendar-gap,.nw-decisions[data-view="demand"] .nw-calendar-demand{opacity:1}
.nw-decisions[data-view="pace"].is-changing .nw-decision-trace{stroke-dasharray:700;animation:nw-trace .85s ease-out both}
@keyframes nw-trace{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
.nw-decision-explanation{border-top:1px solid #a6afb4;padding-top:22px;min-height:210px}
.nw-decision-explanation h3{font-family:var(--serif);font-size:27px;font-weight:450;letter-spacing:-.025em;line-height:1.15;margin:0 0 12px}
.nw-decision-explanation p{font-size:14px;line-height:1.7;color:#535d67;max-width:50ch}
.nw-drawing-note{font-size:10px;color:#535d67;margin-top:14px}
.nw-motion-paused *{animation-play-state:paused!important}
@media(min-width:1100px){.nw-calendar-art{margin-left:-12px;margin-right:-24px}}
@media(max-width:800px){.nw-decisions-grid{grid-template-columns:1fr;gap:42px}.nw-decisions-copy>p{max-width:52ch}.nw-decision-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.nw-decision-controls button{justify-content:center;text-align:center;font-size:13px;padding:12px 6px;gap:0}.nw-decision-controls button svg{display:none}.nw-decision-controls button[aria-pressed="true"] span::before{display:none}.nw-decision-controls button[aria-pressed="true"]{box-shadow:inset 0 -2px #0d1621}.nw-decision-explanation{min-height:180px}}
@media(max-width:480px){.nw-art-heading{font-size:12px}.nw-art-key{display:none}.nw-calendar-art{padding-top:6px}.nw-art-footer{font-size:11px}.nw-decision-explanation{min-height:230px}.nw-decision-controls button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nw-calendar-art *,.nw-decisions *{animation:none!important;transition:none!important}.nw-art-explore:hover svg{transform:none}}