/* A quiet place to choose, practice and make sense of experience. */
.change-home-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}.change-home-intro h1{font-size:clamp(32px,3vw,43px);line-height:1.2;margin-top:8px}.change-home-intro>.app-link{white-space:nowrap}.change-home-intro .app-eyebrow{color:var(--muted)}
.change-hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:34px;background:var(--ink);color:var(--paper);padding:42px 42px 34px;border-radius:6px;position:relative;overflow:hidden}.change-hero .app-eyebrow{color:#c6dcb5;font-size:10px}.change-hero h2{font-size:clamp(39px,4vw,58px);line-height:1.04;margin:21px 0;letter-spacing:-.035em}.change-hero h2 em{color:var(--lime)}.change-hero p:not(.app-eyebrow){max-width:560px;color:#dae7d5;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.change-hero-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;padding:12px 0;margin-top:14px;text-decoration:underline;text-underline-offset:5px}.change-hero-art{color:#a8c68e;text-align:center;min-width:0}.change-hero-art>span{font:italic 20px var(--serif);color:#d3dfc8;display:block}.change-path-art{width:100%;height:auto;max-height:240px}.change-path-art text{font:9px var(--sans);letter-spacing:1.5px;fill:#c0d5ac}.change-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.change-tags span{padding:4px 12px;border:1px solid #ffffff35;border-radius:30px;font-size:11px;line-height:1.8;color:#e2ebd9}
.change-space{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0;margin-bottom:2px}.change-space h2{font-size:24px;margin-bottom:6px}.change-space p{font-size:12px;color:var(--muted)}.change-segments{display:flex;gap:3px;background:#e6ecdf;padding:4px;border:1px solid #cedbc5;border-radius:6px;flex-wrap:wrap}.change-segments button{border:0;background:transparent;color:var(--ink);border-radius:3px;min-height:42px;padding:10px 15px;font-size:12px}.change-segments button[aria-pressed="true"]{background:white;box-shadow:0 1px 4px #183c2410;font-weight:600}.change-segments button:hover{background:#ffffffb0}
.change-today-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.change-next{background:#e7f0df;border:1px solid #c9d8bf;padding:32px;border-radius:5px;min-width:0}.change-next h2{font-size:34px;line-height:1.16;margin:19px 0 16px;overflow-wrap:anywhere}.change-next>p:not(.app-eyebrow){color:var(--muted);font-size:14px;max-width:520px;overflow-wrap:anywhere}.change-cue{display:flex;gap:13px;align-items:center;border-top:1px solid #c8d7bf;margin-top:24px;padding-top:19px;font-size:13px;overflow-wrap:anywhere}.change-cue strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.change-listen{padding:30px;background:white;border:1px solid var(--border);border-radius:5px}.change-small-icon{display:block;margin-bottom:20px;color:var(--green)}.change-listen h2{font-size:30px;line-height:1.2;margin:16px 0}.change-listen>p:not(.app-eyebrow){font-size:14px;color:var(--muted);overflow-wrap:anywhere}.change-listen .app-link{margin-top:20px}
.change-cycle{margin-top:38px;padding-top:27px;border-top:1px solid var(--border)}.change-cycle h2{margin-top:10px;font-size:30px}.change-cycle-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:25px;border:1px solid var(--border);background:#fafbf6;border-radius:5px}.change-cycle-links>a{padding:23px 22px;position:relative;border-right:1px solid var(--border)}.change-cycle-links>a:last-child{border-right:0}.change-cycle-links>a>span{font-size:11px;color:var(--green);display:block;margin-bottom:23px}.change-cycle-links h3{font-size:23px;margin-bottom:11px}.change-cycle-links p{font-size:12px;color:var(--muted);max-width:150px;min-height:42px}.change-cycle-links .app-icon{width:18px;margin-top:20px;transition:transform .15s}.change-cycle-links>a:hover{background:#edf3e5}.change-cycle-links>a:hover .app-icon{transform:translateX(4px)}.change-explore{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:28px;padding:28px 0}.change-explore h2{font-size:28px;margin:10px 0}.change-explore p:not(.app-eyebrow){font-size:13px;color:var(--muted)}.change-explore>div:last-child{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}
.change-form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:30px;align-items:start}.change-form-layout .app-form{margin-top:22px}.change-form-layout>form.app-form{margin-top:0}.change-side-note{padding:30px 12px 30px 25px;min-width:0}.change-side-note h2{font-size:36px;line-height:1.18;margin:22px 0}.change-side-note p{font-size:14px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.change-side-note .app-link{display:flex;margin-top:15px}.change-side-note blockquote{font:italic 26px/1.4 var(--serif);padding:23px 0;margin:25px 0;border-block:1px solid var(--border)}.change-side-note cite{display:block;font:11px var(--sans);color:var(--muted);margin-top:12px}.change-values,.change-outcomes,.change-conversation-choices{border:0;padding:0;min-width:0}.change-values legend,.change-outcomes legend,.change-conversation-choices legend{font-weight:550;font-size:15px;margin-bottom:12px;max-width:100%}.change-values>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.change-values label{cursor:pointer;display:block}.change-values input{position:absolute;opacity:0;width:1px;height:1px}.change-values label>span{display:block;padding:10px 16px;border:1px solid var(--border);border-radius:25px;font-size:13px;min-height:44px;background:#f8faf4}.change-values input:checked+span{background:var(--ink);color:white;border-color:var(--ink)}.change-values input:focus-visible+span{outline:3px solid #66864b;outline-offset:3px}.change-backup{background:#f0f4e9;padding:22px;border-left:3px solid #a6c18c;display:grid;gap:22px}.change-backup>.app-eyebrow{color:var(--green)}.change-plan-banner{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:30px;background:#e3edda;border:1px solid #cbd9c2;margin-bottom:26px}.change-plan-banner h2{font-size:32px;line-height:1.2;margin:13px 0;overflow-wrap:anywhere}.change-plan-banner p:not(.app-eyebrow){font-size:14px;color:var(--muted);max-width:600px;overflow-wrap:anywhere}.change-plan-banner button{flex-shrink:0}.change-plan-details>h2{margin:18px 0 26px;overflow-wrap:anywhere}.change-plan-details dl{display:grid;gap:8px;font-size:15px}.change-plan-details dt{font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:.07em;margin-top:8px}.change-plan-details dd{margin-bottom:16px;overflow-wrap:anywhere}.change-plan-details details{border-top:1px solid var(--border);font-size:13px}.change-plan-details summary{padding:16px 0;min-height:44px}.change-plan-details details p{font-size:14px;overflow-wrap:anywhere}.change-outcomes label{display:flex;gap:12px;padding:13px 15px;border:1px solid var(--border);background:#fafbf6;margin-top:9px;cursor:pointer;font-size:14px;min-height:48px;border-radius:4px}.change-outcomes label:has(input:checked){border-color:var(--green);background:#e9f1e2}.change-outcomes input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0;margin-top:3px}.change-moments ol{list-style:none;padding:0;margin-top:30px}.change-moments li{position:relative;padding:0 0 27px 22px;border-left:1px solid #bdd0b2}.change-moments li::before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#7fa268;left:-4px;top:7px}.change-moments time{display:block;font-size:11px;color:var(--muted)}.change-moments strong{font-size:13px;display:block;margin:6px 0}.change-moments p{font-size:13px}.change-review>summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font:28px/1.2 var(--serif);list-style:none;min-height:50px}.change-review>summary small{display:block;font:10px/1.5 var(--sans);letter-spacing:.1em;margin-bottom:12px;color:var(--green)}.change-review>summary .app-icon{flex-shrink:0}.change-review[open] .app-form{border-top:1px solid var(--border);padding-top:26px;margin-top:25px}.change-history{display:grid;gap:14px;margin-top:20px}.change-history summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:15px;min-height:40px;overflow-wrap:anywhere}.change-history summary small{font-size:11px;flex-shrink:0;color:var(--muted)}.change-history details>p{margin-top:20px;overflow-wrap:anywhere}.change-history .app-button{margin-top:20px}.change-observation{background:#eef3e7;border-left:2px solid #7fa268;padding:18px 21px;margin:22px 0;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.change-observation strong{font-size:11px;letter-spacing:.03em;color:var(--green)}.change-observation p{margin:7px 0 16px}.change-observation p:last-child{margin-bottom:0}.change-form-error{padding:15px;background:#fff3e9;border:1px solid #c99775;color:#713d21;font-size:14px}
.change-story-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.change-timeline{list-style:none;max-width:960px}.change-timeline>li{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;position:relative;padding:0 0 30px 24px;border-left:1px solid #bdd0b2;margin-left:7px}.change-timeline>li::before{content:'';position:absolute;width:9px;height:9px;background:var(--green);border:3px solid var(--paper);box-sizing:content-box;border-radius:50%;left:-8px;top:8px}.change-timeline-date{padding-top:6px;font-size:12px}.change-timeline-date time{display:block;font-weight:600}.change-timeline-date span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.change-timeline article{background:white;border:1px solid var(--border);padding:25px 28px;border-radius:4px;min-width:0}.change-timeline article h2{font-size:26px;line-height:1.2;overflow-wrap:anywhere}.change-timeline article>p{font-size:14px;color:var(--muted);margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere}.change-conversation{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:start}.change-conversation-choices>label{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--border);cursor:pointer}.change-conversation-choices input{width:19px;height:19px;margin-top:5px;flex-shrink:0;accent-color:var(--green)}.change-conversation-choices label>span{display:grid;gap:7px;min-width:0}.change-conversation-choices small{font-size:11px;color:var(--muted)}.change-conversation-choices strong{font-size:14px;overflow-wrap:anywhere;font-weight:550}.change-conversation-choices span>span{font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.change-export{margin-top:30px;scroll-margin-top:90px}.change-export h2{margin-top:12px}.change-export pre{font:15px/1.8 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;padding:25px;background:#f1f5ea;margin:25px 0}.sidebar-group-label{display:block;color:#c4d7bd;font-size:9px;letter-spacing:.11em;text-transform:uppercase;padding:20px 14px 7px}.app-sidebar .sidebar-caption{margin-bottom:4px}.app-sidebar nav>a{min-height:41px}.change-goal-link{margin-top:20px;border-top:1px solid var(--border);padding-top:17px}
@media(max-width:1150px){.change-hero{padding:32px;grid-template-columns:1.6fr 1fr;gap:15px}.change-hero h2{font-size:45px}.change-space{align-items:flex-start;flex-direction:column;gap:16px}.change-cycle-links{grid-template-columns:repeat(2,minmax(0,1fr))}.change-cycle-links>a:nth-child(2){border-right:0}.change-cycle-links>a:nth-child(-n+2){border-bottom:1px solid var(--border)}.change-form-layout,.change-conversation{grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr);gap:20px}.change-side-note{padding-left:8px}.change-timeline>li{grid-template-columns:120px minmax(0,1fr);gap:18px}.change-explore{align-items:flex-start;flex-direction:column}.change-explore>div:last-child{flex-direction:row;flex-wrap:wrap;gap:20px}}
@media(max-width:950px){.change-hero{grid-template-columns:1fr}.change-hero-art{display:none}.change-today-grid,.change-form-layout,.change-conversation{grid-template-columns:1fr}.change-side-note{padding:24px}.change-side-note h2{font-size:30px}.change-plan-banner{align-items:flex-start;flex-direction:column}.change-story-bar{align-items:flex-start;flex-direction:column}.change-home-intro{align-items:flex-start;flex-direction:column;gap:7px}.change-home-intro .app-link{font-size:12px}.change-timeline>li{grid-template-columns:1fr;gap:13px}.change-timeline-date{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.change-timeline-date span{margin:0}}
@media(max-width:600px){.change-hero{padding:29px 24px}.change-hero h2{font-size:39px}.change-hero .app-eyebrow{font-size:9px}.change-hero p:not(.app-eyebrow){font-size:14px}.change-next,.change-listen{padding:25px}.change-next h2{font-size:30px}.change-cycle-links>a{padding:20px 17px}.change-cycle-links h3{font-size:22px}.change-cycle-links p{min-height:45px}.change-cycle-links>a>span{margin-bottom:15px}.change-segments{width:100%}.change-segments button{flex:1;font-size:11px;padding:9px}.change-home-intro h1{font-size:33px}.change-plan-banner{padding:24px}.change-plan-banner h2{font-size:29px}.change-backup{padding:18px}.change-history summary{align-items:flex-start;flex-direction:column;gap:9px}.change-side-note{padding:18px 4px}.change-review>summary{font-size:25px}.change-timeline>li{padding-left:18px;margin-left:5px}.change-timeline article{padding:22px}.change-timeline article h2{font-size:24px}.change-values label>span{padding-inline:15px}.change-export pre{padding:18px;font-size:13px}.change-form-layout .app-card>h2{font-size:28px}.change-explore>div:last-child{gap:8px}}
@media(prefers-reduced-motion:reduce){.change-cycle-links .app-icon{transition:none}}
.sidebar-explore{margin-top:16px;border-top:1px solid #45604c;padding-top:12px}.sidebar-explore summary{padding:12px 14px;color:#d6e5cd;font-size:12px;cursor:pointer;min-height:44px}.sidebar-explore>a{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:13px;color:#d6e5cd;text-decoration:none;border-radius:5px;min-height:44px}.sidebar-explore>a:hover,.sidebar-explore>a[aria-current]{background:#3d5944;color:white}.app-bottom-nav{display:none}.app-device-tools{margin-left:240px;padding:0 40px 24px;color:var(--muted);font:12px/1.6 var(--sans)}.app-device-tools>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.app-device-tools button{font:inherit;color:var(--green);background:none;border:1px solid var(--border);padding:10px 14px;cursor:pointer;min-height:44px}.app-device-tools p{max-width:760px;margin-top:16px}.app-device-tools [hidden]{display:none}
@media(max-width:760px){.app-device-tools{margin-left:0;padding:10px 22px calc(95px + env(safe-area-inset-bottom))}.app-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fafbf5;border-top:1px solid #dce4d5;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #203d3008}.app-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;color:#637361;text-decoration:none;font:10px var(--sans);border-radius:4px}.app-bottom-nav a[aria-current]{background:#e6eedc;color:#203d30}.app-bottom-nav .app-icon{width:20px;height:20px}.app-toast{bottom:calc(85px + env(safe-area-inset-bottom))}.app-sidebar{padding-bottom:90px}html{scroll-padding-bottom:100px}}

/* Match the app content gutter at every sidebar breakpoint. */
.app-device-tools { padding-inline:max(42px,calc((100vw - 240px - 1460px)/2 + 42px)); }
@media(max-width:1050px){.app-device-tools{margin-left:215px;padding-inline:28px}}
@media(max-width:760px){.app-device-tools{margin-left:0;padding-inline:20px}}
@media(max-width:420px){.app-device-tools{padding-inline:16px}}
