.editorial-demo{--ink:#171b16;--ink-soft:#32382f;--muted:#62685e;--muted-light:#62685e;--paper:#fafaf5;--cream:#f5f4ed;--line:#d2d5c8;--matcha:#c6ee75;--matcha-dark:#263b17;--matcha-deep:#171b16;min-width:0;color:var(--ink)}.editorial-demo .demo{box-shadow:none;background:0 0;border:0;border-radius:0;gap:16px;padding:0}.editorial-demo .demo-screen{background:#fafaf5;border-color:#d2d5c8;border-radius:4px;padding:18px}.editorial-demo .ask-demo .demo-chips{grid-template-columns:1fr 1fr;width:100%;display:grid}.editorial-demo .ask-demo .demo-chip{padding:12px}.editorial-demo .demo-label,.editorial-demo .demo .demo-kicker{color:#545d4c;letter-spacing:.08em;font-size:10px}.editorial-demo .demo-chip,.editorial-demo .ask-button,.editorial-demo .progress-skip{color:#171b16;background:#fafaf5;border:1px solid #c5cbb9;border-radius:4px;min-height:44px;font-size:12px}.editorial-demo .demo-chip:hover,.editorial-demo .ask-button:hover,.editorial-demo .progress-skip:hover{background:#e6e9dc;border-color:#171b16}.editorial-demo .demo-chip[aria-pressed=true],.editorial-demo .ask-button.is-primary,.editorial-demo .ask-button.is-primary:hover{color:#f5f4ed;background:#171b16;border-color:#171b16}.editorial-demo button:focus-visible,.plan-story button:focus-visible{outline-offset:4px;outline:2px solid #171b16}.editorial-demo .demo-action{color:#171b16;background:#c6ee75;border:1px solid #171b16;border-radius:4px}.editorial-demo .demo-action:hover{background:#b7e45f}.editorial-demo .demo-reset{color:#171b16;min-height:44px}.editorial-demo .sort-list{--row:70px}.editorial-demo .sort-row,.editorial-demo .progress-row{background:#fafaf5;border-radius:3px}.editorial-demo .sort-check{border-width:1px;border-color:#929a85}.editorial-demo .sort-priority,.editorial-demo .estimate-confidence,.editorial-demo .summary-tags span{border-radius:3px;font-weight:650}.editorial-demo .estimate-bars i{background:#708b45;border-radius:1px 1px 0 0}.editorial-demo .summary-button{background:#171b16;border-radius:3px}.editorial-demo .split-day{background:#eeefe5;border-radius:3px}.editorial-demo .split-session{color:#171b16;background:#dcebbb;border-left-color:#384d21;border-radius:3px}.editorial-demo .demo .ask-bubble{color:#f5f4ed;background:#171b16;border-radius:5px 5px 0;padding:12px 14px}.editorial-demo .demo .ask-reply,.editorial-demo .ask-proposal{background:#eeefe5;border-radius:5px 5px 5px 0;padding:14px}.editorial-demo .ask-proposal{border-color:#c5cbb9}.editorial-demo .syllabus-tabs,.editorial-demo .syllabus-tabs span{border-radius:3px}.editorial-demo .syllabus-tabs .is-active{box-shadow:none}.editorial-demo .syllabus-source mark{color:#171b16;background:#d4eca8;border-radius:0}.editorial-demo .reminders-phone{box-shadow:none;background:#d9dfcc;border:1px solid #b7beaa;border-radius:4px;padding:18px 12px}.editorial-demo .demo .reminders-day,.editorial-demo .demo .reminders-empty{color:#394330}.editorial-demo .reminders-note{background:#fafaf5;border:1px solid #c0c9b0;border-radius:4px}.editorial-demo .reminders-switch[aria-checked=true] i{background:#40542a}.editorial-demo .progress-check{border-width:1px;border-radius:4px;width:44px;height:44px}.editorial-demo .progress-skip[aria-pressed=true]{color:#704619;background:#f4e7ce;border-color:#9b733c}.plan-story{--story-ink:#171b16;--story-line:#c8ccbf;color:var(--story-ink);background:#f5f4ed;border:1px solid #171b16;border-radius:6px;overflow:clip}.plan-story-heading{border-bottom:1px solid #171b16;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:16px 26px;font-size:13px;font-weight:700;display:flex}.plan-story-sample{color:#62685e;font-size:11px;font-weight:500}.plan-story-mobile-text{display:none}.plan-story-steps{border-bottom:1px solid #171b16;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plan-story-steps button{color:#171b16;cursor:pointer;min-width:0;min-height:64px;font:inherit;text-align:left;background:0 0;border:0;border-right:1px solid #171b16;border-radius:0;align-items:center;gap:14px;padding:18px 26px;font-size:14px;font-weight:750;transition:background .18s;display:flex}.plan-story-steps button:last-child{border-right:0}.plan-story-steps button:hover{background:#e7ebdc}.plan-story-steps button[aria-pressed=true]{background:#c6ee75}.plan-story-steps button>span:first-child{font-size:11px;font-weight:550}.plan-story-step-arrow{margin-left:auto;font-size:19px}.plan-story-steps button:focus-visible{outline-offset:-5px}.plan-story-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.plan-story-copy{min-width:0;padding:38px 32px 30px}.plan-story-explanation{min-height:126px}.plan-story p{margin:0}.plan-story .plan-story-eyebrow{color:#606758;letter-spacing:.08em;font-size:10px;font-weight:650}.plan-story h3{color:#171b16;letter-spacing:-.025em;max-width:360px;margin:15px 0 12px;font-size:clamp(24px,2.3vw,31px);font-weight:600;line-height:1.1}.plan-story-explanation>p:last-child{color:#555e4d;max-width:380px;font-size:13px;line-height:1.65}.plan-story-assignments{border-top:1px solid var(--story-line);margin:22px 0;padding:0;list-style:none}.plan-story-assignments li{border-bottom:1px solid var(--story-line);align-items:center;gap:11px;min-height:66px;display:flex}.plan-story-assignment-number{color:#717966;font-size:11px}.plan-story-assignments li>div{gap:3px;min-width:0;display:grid}.plan-story-assignments strong{font-size:13px;font-weight:700}.plan-story-assignments li>div span{color:#62685e;font-size:10px}.plan-story-assignments small{white-space:nowrap;color:#62685e;margin-left:auto;font-size:11px}.plan-story-action{color:#f5f4ed;cursor:pointer;width:100%;min-height:46px;font:inherit;text-align:left;background:#171b16;border:1px solid #171b16;border-radius:3px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;font-size:12px;font-weight:650;transition:background .18s,color .18s;display:flex}.plan-story-action:hover{color:#171b16;background:#c6ee75}.plan-story-action span{font-size:18px}.plan-story-proposal{margin-top:18px}.plan-story .plan-story-message{border-left:2px solid #171b16;padding-left:12px;font-size:13px;line-height:1.55}.plan-story-proposal-detail{margin:20px 0}.plan-story-proposal-detail>p:not(:first-child){gap:2px;margin-top:10px;font-size:11px;display:grid}.plan-story-proposal-detail>p span{color:#62685e}.plan-story .plan-story-approval{color:#62685e;min-height:32px;margin-top:10px;font-size:11px;line-height:1.5}.plan-story-calendar{background:#eeefe5;border-left:1px solid #171b16;min-width:0;padding:26px 28px 22px}.plan-story-calendar-heading{justify-content:space-between;align-items:center;gap:16px;min-height:28px;margin-bottom:23px;display:flex}.plan-story-calendar-heading>strong{font-size:12px;font-weight:650}.plan-story-legend{color:#62685e;align-items:center;gap:6px;font-size:10px;display:flex}.plan-story-legend i{background:#c6ee75;border:1px solid #5f752f;width:8px;height:8px}.plan-story-legend i:nth-of-type(2){background:#dde0d4;border-color:#9ba58b;margin-left:4px}.plan-story-timetable{padding-top:32px;padding-left:37px;position:relative}.plan-story-days{text-align:center;grid-template-columns:1fr 1fr;font-size:11px;font-weight:650;display:grid;position:absolute;top:0;left:37px;right:0}.plan-story-hours{color:#62685e;font-variant-numeric:tabular-nums;width:34px;font-size:10px;position:absolute;top:32px;bottom:0;left:0}.plan-story-hours span{position:absolute;left:0;transform:translateY(-50%)}.plan-story-grid{background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#c8ccbf calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),repeating-linear-gradient(#0000 0 calc(20% - 1px),#d8dbce calc(20% - 1px) 20%);border-top:1px solid #c8ccbf;border-bottom:1px solid #c8ccbf;height:360px;position:relative}.plan-story-block{top:calc(var(--story-top) + 3px);left:calc(var(--story-day) * 50% + 5px);width:calc(50% - 10px);height:calc(var(--story-height) - 6px);background:#dde0d4;border:1px solid #aeb89e;border-radius:3px;flex-direction:column;gap:3px;min-height:26px;padding:7px 9px;transition:top .65s cubic-bezier(.22,.75,.25,1),left .65s cubic-bezier(.22,.75,.25,1),height .65s cubic-bezier(.22,.75,.25,1),opacity .36s,background .36s;display:flex;position:absolute;overflow:hidden}.plan-story-block strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.25;overflow:hidden}.plan-story-block span{color:#58614d;font-size:8px;line-height:1.2}.plan-story-block small{margin-top:6px;font-size:8px}.plan-story-block.is-study{opacity:0;background:#d4eca8;border-color:#91ac5e}.plan-story-block.is-study.is-visible{opacity:1}.plan-story-block.is-study span{color:#40532b}.plan-story-block.is-moved{background:#c6ee75;border-color:#526b2c}.plan-story-block.is-short{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;padding-block:3px}.plan-story-block.is-short span{display:none}.plan-story .plan-story-calendar-note{color:#62685e;text-align:center;margin-top:18px;font-size:10px;line-height:1.5}@media (max-width:760px){.plan-story-desktop-text{display:none}.plan-story-mobile-text{display:inline}.plan-story-heading{gap:8px;padding:10px 14px;font-size:12px}.plan-story-sample{font-size:11px}.plan-story-steps button{text-align:center;justify-content:center;gap:6px;min-height:44px;padding:8px;font-size:12px;line-height:1.25}.plan-story-steps button>span:first-child,.plan-story-step-arrow{display:none}.plan-story-body{grid-template-columns:1fr}.plan-story-copy{padding:12px 14px}.plan-story-explanation{min-height:0}.plan-story-explanation>p:last-child{max-width:100%;font-size:12px;line-height:1.45}.plan-story h3{max-width:100%;margin:0 0 5px;font-size:22px;line-height:1.15}.plan-story-assignments{margin:10px 0}.plan-story-assignments li{gap:8px;min-height:40px;padding-block:4px}.plan-story-assignments li>div{gap:1px}.plan-story-assignments strong{font-size:12px;line-height:1.2}.plan-story-assignments li>div span{font-size:11px;line-height:1.2}.plan-story-action{min-height:44px;padding:8px 12px}.plan-story-proposal{margin-top:8px}.plan-story .plan-story-message{padding-left:8px;font-size:12px;line-height:1.4}.plan-story-proposal-detail{margin:8px 0}.plan-story .plan-story-eyebrow{letter-spacing:.04em;font-size:11px;line-height:1.4}.plan-story-proposal-detail>p:not(:first-child){grid-template-columns:85px minmax(0,1fr);gap:6px;margin-top:5px;font-size:11px;line-height:1.4}.plan-story .plan-story-approval{min-height:0;margin-top:6px;font-size:11px;line-height:1.4}.plan-story-calendar{border-top:1px solid #171b16;border-left:0;padding:10px 12px 14px}.plan-story-calendar-heading{gap:8px;min-height:18px;margin-bottom:8px}.plan-story-calendar-heading>strong,.plan-story-legend{font-size:11px}.plan-story-timetable{padding-top:22px;padding-left:33px}.plan-story-days{font-size:11px;left:33px}.plan-story-hours{width:31px;font-size:11px;top:22px}.plan-story-grid{height:224px}.plan-story-block{left:calc(var(--story-day) * 50% + 3px);gap:1px;width:calc(50% - 6px);min-height:38px;padding:4px}.plan-story-block strong,.plan-story-block span,.plan-story-block small{font-size:11px}.plan-story-block.is-short{min-height:26px}.plan-story .plan-story-calendar-note{display:none}}@media (max-width:480px){.editorial-demo .demo{gap:14px;padding:0}.editorial-demo .demo-screen{padding:14px}.editorial-demo .sort-list{--row:76px}.editorial-demo .sort-row{gap:8px;padding:0 10px}.editorial-demo .sort-check{width:13px;height:13px}.editorial-demo .sort-main strong{font-size:12px}.editorial-demo .sort-priority{padding:3px 5px;font-size:9px}.editorial-demo .sort-meta small{font-size:10px}.editorial-demo .reminders-demo{grid-template-columns:1fr}.editorial-demo .reminders-phone{min-height:0}.editorial-demo .progress-card{gap:12px}.editorial-demo .progress-ring{width:58px;height:58px}.editorial-demo .demo .demo-title{font-size:14px}.editorial-demo .demo .ask-bubble,.editorial-demo .demo .ask-reply,.editorial-demo .ask-proposal{max-width:100%}}@media (prefers-reduced-motion:reduce){.plan-story *,.editorial-demo *,.editorial-demo :before,.editorial-demo :after{transition:none!important;animation:none!important}}
.plan-story.app-plan-story{--story-ink:#1b281f;--story-line:#d7dccf;color:var(--story-ink);background:#eef2e5;border:1px solid #d0d7c8;border-radius:26px;box-shadow:0 10px 30px #1f311b0d}.app-plan-story .plan-story-heading{color:#52624e;border:0;align-items:center;min-height:48px;padding:12px 28px;font-size:14px}.app-plan-story .plan-story-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:28px;padding:16px 28px 28px}.app-plan-story .plan-story-copy{padding:0}.app-plan-story .plan-story-explanation{min-height:0}.app-plan-story .plan-story-explanation h3{max-width:390px;font-family:var(--font-heading);letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(32px,3.2vw,46px);font-weight:750;line-height:1.08}.app-plan-story .plan-story-explanation>p:last-child{color:#52624e;max-width:340px;font-size:18px;line-height:1.5}.app-plan-story .plan-story-calendar{background:0 0;border:0;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-plan-story .plan-story-timetable{background:#fbfcf6;border:1px solid #d7dccf;border-radius:22px;padding:128px 12px 16px 41px}.plan-story-source,.plan-story-annotation{color:#52624e;align-items:center;gap:9px;font-size:14px;transition:opacity .24s;display:flex;position:absolute;top:10px;left:18px;right:18px}.plan-story-source-mark{color:#577441;font-size:17px}.plan-story-source[data-active=false],.plan-story-annotation[data-active=false]{opacity:0}.plan-story-annotation{color:#355530;gap:12px;min-height:58px;top:18px}.plan-story-annotation-mark{background:#e1ebd2;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:20px;display:grid}.plan-story-annotation strong{font-size:17px;font-weight:650;line-height:1.2}.plan-story-annotation[data-review=true]{color:#35548b}.plan-story-annotation[data-review=true] .plan-story-annotation-mark{background:#e5eaf6}.app-plan-story .plan-story-days{color:#586653;font-size:14px;top:91px;left:41px;right:12px}.app-plan-story .plan-story-days>span{justify-content:center;align-items:center;gap:8px;display:flex}.app-plan-story .plan-story-days b{color:#273b27;background:#e6ecdc;border-radius:50%;place-items:center;min-width:28px;height:28px;font-size:14px;display:grid}.app-plan-story .plan-story-hours{color:#65705f;width:29px;font-size:13px;top:128px;bottom:16px;left:7px}.app-plan-story .plan-story-grid{background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#e0e4d8 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),repeating-linear-gradient(#0000 0 calc(20% - 1px),#e5e8df calc(20% - 1px) 20%);border-color:#e0e4d8;height:300px}.app-plan-story .plan-story-block{z-index:2;color:#334135;background:#e9e6d8;border:0;border-left:3px solid #aaa48b;border-radius:8px;justify-content:center;min-height:34px;padding:5px 8px}.app-plan-story .plan-story-block strong{font-size:16px}.app-plan-story .plan-story-block span{color:#5c6958;font-size:14px}.app-plan-story .plan-story-block.is-work{justify-content:flex-start;padding-top:9px}.app-plan-story .plan-story-block.is-study{opacity:1;color:#28482a;background:#d8e7bf;border-left-color:#78985c}.app-plan-story .plan-story-block.is-moved{z-index:3;background:#cfe2b0;border-left-color:#456c3d}.app-plan-story .plan-story-block.is-study span{color:#45603c}.app-plan-story .plan-story-block.is-short{justify-content:flex-start}.app-plan-story .plan-story-block.is-study:not(.is-visible){top:-94px;left:calc(var(--source-index) * 33.333% + 2px);background:#e9efdf;border-left-width:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;width:calc(33.333% - 5px);height:48px;padding:4px 6px}.app-plan-story .plan-story-block.is-study:not(.is-visible) strong{white-space:normal;overflow:visible}.app-plan-story .plan-story-block.is-study:not(.is-visible) .plan-story-deadline{display:block}.app-plan-story .plan-story-block.is-visible .plan-story-deadline{display:none}.plan-story-destination{top:calc(var(--story-top) + 3px);left:calc(var(--story-day) * 50% + 5px);width:calc(50% - 10px);height:calc(var(--story-height) - 6px);color:#46628e;opacity:0;background:#edf0f7;border:1px dashed #7890b3;border-radius:8px;place-items:center;min-height:34px;font-size:14px;transition:opacity .22s;display:grid;position:absolute}.plan-story-destination[data-active=true]{opacity:1}@media (max-width:760px){.plan-story.app-plan-story{border-radius:20px}.app-plan-story .plan-story-heading{gap:8px;min-height:38px;padding:9px 14px}.app-plan-story .plan-story-body{grid-template-columns:1fr;gap:14px;padding:12px}.app-plan-story .plan-story-explanation h3{max-width:100%;margin:0 0 7px;font-size:28px;line-height:1.08}.app-plan-story .plan-story-explanation>p:last-child{max-width:100%;font-size:16px;line-height:1.35}.app-plan-story .plan-story-timetable{border-radius:16px;padding:128px 7px 12px 33px}.plan-story-source{left:12px;right:12px}.plan-story-annotation{gap:9px;top:14px;left:12px;right:12px}.plan-story-annotation strong{font-size:16px}.plan-story-annotation-mark{width:28px;height:28px;font-size:18px}.app-plan-story .plan-story-days{top:94px;left:33px;right:7px}.app-plan-story .plan-story-days>span{gap:5px}.app-plan-story .plan-story-days b{min-width:25px;height:25px}.app-plan-story .plan-story-hours{width:25px;top:128px;bottom:12px;left:5px}.app-plan-story .plan-story-grid{height:222px}.app-plan-story .plan-story-block{left:calc(var(--story-day) * 50% + 3px);border-radius:7px;width:calc(50% - 6px);min-height:32px;padding:4px 5px}.app-plan-story .plan-story-block.is-work{padding-top:7px}.app-plan-story .plan-story-block.is-study:not(.is-visible){top:-98px;left:calc(var(--source-index) * (100% + 22px) / 3 - 20px);width:calc(33.3333% + 2.33333px);height:62px;padding-inline:5px}.app-plan-story .plan-story-block.is-study:not(.is-visible) strong{font-size:16px;line-height:1.05}.plan-story-destination{left:calc(var(--story-day) * 50% + 3px);width:calc(50% - 6px);min-height:32px}}@media (max-width:359px){.app-plan-story .plan-story-body{padding:10px}.app-plan-story .plan-story-explanation h3{font-size:27px}}
.plan-story-scroll{overflow-anchor:none;scroll-margin-top:96px;position:relative}.plan-story-scroll[data-scroll=true]{height:calc(var(--story-height) + var(--story-travel))}.plan-story-scroll[data-scroll=true] .plan-story-sticky{top:var(--story-sticky-top,96px);position:sticky}.plan-story-skip{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.plan-story-skip:focus-visible{z-index:60;top:var(--story-sticky-top,96px);clip-path:none;color:#294580;background:#fbfcf7;border-radius:10px;width:auto;height:auto;padding:12px 16px;font-size:14px;font-weight:700;position:fixed;left:20px;overflow:visible;box-shadow:0 4px 20px #1f311b1f}.plan-story-scroll-cue{color:#657064;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:500}.plan-story-progress{background:#dce3d2;border-radius:2px;height:2px;margin:0 28px;display:none;overflow:hidden}.plan-story-progress>span{width:100%;height:100%;transform:scaleX(var(--story-progress,0));transform-origin:0;background:#78985c;display:block}.plan-story-panels{gap:24px;display:grid}.plan-story-panel{min-width:0}.plan-story-scroll:is([data-scroll=true],[data-measuring=true]) .plan-story-progress{display:block}.plan-story-scroll:is([data-scroll=true],[data-measuring=true]) .plan-story-panels{gap:0}.plan-story-scroll:is([data-scroll=true],[data-measuring=true]) .plan-story-panel{visibility:hidden;opacity:0;grid-area:1/1;align-self:start;transition:opacity .24s,visibility .24s}.plan-story-scroll:is([data-scroll=true],[data-measuring=true]) .plan-story-panel[data-active=true]{visibility:visible;opacity:1}.plan-story-scroll[data-scroll=true] .plan-story-block{transition:top .85s cubic-bezier(.22,.75,.25,1),left .85s cubic-bezier(.22,.75,.25,1),width .85s cubic-bezier(.22,.75,.25,1),height .85s cubic-bezier(.22,.75,.25,1),background .4s,border-radius .4s}.plan-story-scroll[data-scroll=false]:not([data-measuring=true]) .plan-story-body{align-items:start}.plan-story-scroll[data-scroll=false]:not([data-measuring=true]) .plan-story-panel+.plan-story-panel{border-top:1px solid #d7decc;padding-top:20px}.plan-story-scroll[data-scroll=false]:not([data-measuring=true]) .plan-story-explanation h3{font-size:28px}@media (max-width:760px){.plan-story-scroll{scroll-margin-top:82px}.plan-story-progress{margin:0 14px}.plan-story-scroll:is([data-scroll=true],[data-measuring=true]) .plan-story-panels{min-height:104px}.plan-story-scroll[data-scroll=false]:not([data-measuring=true]) .plan-story-explanation h3{font-size:25px}}@media (prefers-reduced-motion:reduce){.plan-story-scroll .plan-story-panel,.plan-story-scroll .plan-story-block,.plan-story-scroll .plan-story-source,.plan-story-scroll .plan-story-annotation,.plan-story-scroll .plan-story-destination{transition:none}}
