@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#153b57;--ink:#182b3b;--muted:#5b7080;--line:#dce6ec;--bg:#f3f7fa;--white:#fff;--present:#178761;--present-bg:#e9f7f0;--past:#d66528;--past-bg:#fff1e7;--future:#355ee8;--future-bg:#edf1ff;--shadow:0 14px 34px #153b5712}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}.pt-top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,3vw,38px);position:sticky;top:0;z-index:10}.pt-back,.pt-map-toggle{border:0;background:transparent;color:var(--navy);font:700 14px 'DM Sans';cursor:pointer}.pt-brand{display:flex;align-items:center;gap:10px;color:var(--navy);font:800 14px 'Manrope';letter-spacing:.06em}.pt-brand>span{width:11px;height:11px;border-radius:50%;background:#27a883;box-shadow:0 0 0 5px #e3f5ee}.pt-brand small{display:block;color:#778b9a;font:600 9px 'DM Sans';letter-spacing:.12em;margin-top:2px}.pt-layout{width:min(1500px,100%);margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;padding:28px 30px 58px}.pt-sidebar{position:sticky;top:98px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 14px;box-shadow:var(--shadow);max-height:calc(100vh - 120px);overflow:auto}.pt-side-title{font:800 13px 'Manrope';color:var(--navy);letter-spacing:.04em;padding:2px 8px 12px}.pt-side-title small{display:block;color:var(--muted);font:500 12px 'DM Sans';margin-top:4px}.pt-progress{height:6px;background:#e9eff3;border-radius:10px;overflow:hidden;margin:3px 8px 8px}.pt-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#18a27d,#355ee8);transition:width .25s}.pt-sidebar>small{display:block;padding:0 8px 14px;color:var(--muted);font-size:11px}.pt-sidebar nav{display:grid;gap:5px}.pt-menu-item{border:0;background:transparent;border-radius:11px;padding:10px 9px;text-align:left;display:flex;gap:10px;align-items:center;color:#536879;font:600 12px 'DM Sans';cursor:pointer}.pt-menu-item span{height:23px;width:23px;border-radius:8px;background:#edf2f6;display:grid;place-items:center;font:700 10px 'Manrope';color:#718393;flex:none}.pt-menu-item:hover{background:#f1f7fa}.pt-menu-item.active{background:#eaf3f8;color:var(--navy)}.pt-menu-item.active span{background:var(--navy);color:#fff}.pt-menu-item.done span{background:#e5f5ed;color:var(--present)}.pt-main{min-width:0}.pt-screen{animation:pt-in .24s ease}.pt-screen[hidden]{display:none!important}@keyframes pt-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.pt-cover{min-height:660px;background:linear-gradient(130deg,#fff 0%,#f9fcfd 55%,#edf8f7);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(30px,6vw,75px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;overflow:hidden}.pt-kicker,.pt-head>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#197d78}.pt-cover h1{font:800 clamp(52px,7vw,82px)/.98 'Manrope';letter-spacing:-.06em;color:var(--navy);margin:20px 0}.pt-cover h1 em{font-style:normal;color:#169675}.pt-subtitle{font:700 22px 'Manrope';color:#243c4c;margin:0 0 12px}.pt-cover-copy>p:not(.pt-subtitle){font-size:17px;color:#607483;max-width:520px}.pt-primary{border:0;border-radius:12px;background:var(--navy);color:white;padding:14px 19px;font:700 14px 'DM Sans';cursor:pointer;box-shadow:0 8px 18px #153b5728;transition:.18s}.pt-primary:hover{transform:translateY(-2px);background:#20597b}.pt-primary b{padding-left:18px}.pt-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.pt-pills span,.pt-chips span{background:#e9f2f5;color:#34556a;padding:7px 11px;border-radius:20px;font-size:12px;font-weight:600}.pt-cover-art{position:relative;aspect-ratio:1;max-width:430px;width:100%;margin:auto;border-radius:50%;background:radial-gradient(circle at 54% 51%,#fff 0 12%,#e8f5f2 12.5% 37%,#f2f8fb 37.5% 62%,#e4eff6 62.5%);border:1px solid #d9e9ef}.pt-cover-art:before,.pt-cover-art:after{content:'';position:absolute;border-radius:50%;inset:12%;border:1px dashed #b4d0d8}.pt-cover-art:after{inset:25%;border-style:solid;border-color:#d2e6e5}.pt-orbit-label{position:absolute;left:7%;top:28%;color:#607888;font-size:10px;line-height:1.4;letter-spacing:.1em;font-weight:800}.pt-orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:94px;width:94px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font:800 31px 'Manrope';box-shadow:0 0 0 13px #deeee9,0 0 0 25px #fff}.pt-orbit-dot{position:absolute;right:19%;top:20%;width:18px;height:18px;border-radius:50%;background:var(--future);box-shadow:0 0 0 8px #e4eaff}.pt-cover-line{position:absolute;left:0;right:0;bottom:17%;display:flex;align-items:center;justify-content:space-around;color:#667b8a;font:800 10px 'Manrope'}.pt-cover-line i{height:2px;background:#a9bfca;flex:1;margin:0 8px}.pt-head{margin:12px 0 22px}.pt-head>span{color:#558091}.pt-head h1{font:800 clamp(32px,4vw,48px)/1.12 'Manrope';color:var(--navy);letter-spacing:-.04em;margin:9px 0}.pt-head p{color:var(--muted);font-size:16px;margin:0;max-width:850px}.pt-cards,.pt-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pt-two{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-card,.pt-form{background:white;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow);min-width:0}.pt-card h2,.pt-form h2{font:800 20px 'Manrope';color:#1e3b50;margin:8px 0 10px}.pt-card h3{font:700 15px 'Manrope';color:#25445a;margin:18px 0 7px}.pt-card ul,.pt-card ol{padding-left:20px;margin:8px 0;color:#41596b}.pt-card li{padding:4px 0}.pt-label{font:800 10px 'Manrope';letter-spacing:.09em;color:#627989}.pt-card.past,.pt-form.past{border-top:4px solid var(--past)}.pt-card.present,.pt-form.present{border-top:4px solid var(--present)}.pt-card.future,.pt-form.future{border-top:4px solid var(--future)}.pt-card.past .pt-label{color:var(--past)}.pt-card.present .pt-label{color:var(--present)}.pt-card.future .pt-label{color:var(--future)}.pt-note,.pt-callout{border:1px solid #dce9ed;background:#edf5f7;border-radius:14px;padding:16px 19px;margin:17px 0;color:#425f70}.pt-note b,.pt-callout b{color:#24475c}.pt-note-blue{background:#edf3fc}.pt-reveal{background:#fff;border:1px solid var(--line);border-radius:14px;margin:14px 0;box-shadow:0 6px 18px #153b5708}.pt-reveal summary{cursor:pointer;padding:15px 18px;color:#236780;font-weight:700;list-style:none}.pt-reveal summary:after{content:'＋';float:right;color:#178761;font-size:18px;line-height:1}.pt-reveal[open] summary:after{content:'−'}.pt-answer{padding:0 18px 16px;border-top:1px solid #edf1f4;color:#455d6d}.pt-answer p{margin:12px 0}.pt-timeline-card,.pt-bank{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:clamp(18px,3vw,28px)}.pt-timeline-title{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--navy);font:800 12px 'Manrope';letter-spacing:.08em}.pt-timeline-title span{color:#637a89;font:600 12px 'DM Sans';letter-spacing:0}.pt-ruler{height:194px;position:relative;margin:15px 8px 0}.pt-track{position:absolute;left:6%;right:6%;top:96px;height:5px;border-radius:8px;background:linear-gradient(90deg,var(--past),var(--present) 48%,var(--future))}.pt-past-label,.pt-now-label,.pt-future-label{position:absolute;top:53px;font:800 11px 'Manrope';color:#5f7786}.pt-past-label{left:4%}.pt-now-label{left:49%;transform:translateX(-50%);color:var(--present)}.pt-future-label{right:2%;color:var(--future)}.pt-moment{position:absolute;top:87px;width:22px;height:22px;border:4px solid white;border-radius:50%;box-shadow:0 0 0 2px currentColor}.m1{left:17%;background:var(--past);color:var(--past)}.m2{left:49%;background:var(--present);color:var(--present)}.m3{right:15%;background:var(--future);color:var(--future)}.pt-word{position:absolute;top:112px;text-align:center;font:800 11px 'Manrope';white-space:nowrap}.pt-word small{font:500 10px 'DM Sans';color:#758895}.w1{left:17%;transform:translateX(-50%);color:var(--past)}.w2{left:49%;transform:translateX(-50%);color:var(--present)}.w3{right:15%;transform:translateX(50%);color:var(--future)}.pt-viewpoints{border-top:1px solid var(--line);padding-top:19px}.pt-viewpoints>div{padding:0 8px}.pt-viewpoints p{margin:7px 0;color:var(--muted);font-size:13px}.pt-viewpoints code{display:inline-block;border-radius:7px;background:#edf2f5;padding:5px 8px;font:700 12px 'DM Sans';color:var(--navy)}.pt-example{padding-top:4px}.pt-past-text{color:var(--past)}.pt-present-text{color:var(--present)}.pt-future-text{color:var(--future)}.pt-forms{align-items:stretch}.pt-form{padding:20px}.pt-form h2{font-size:19px}.pt-form-line{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.pt-form-line b{border-radius:7px;padding:6px 8px;font-size:11px}.pt-form-line .subject{background:#eff2f5;color:#344d5d}.pt-form-line .helper{background:#e6f3fb;color:#1f628b}.pt-form-line .v3{background:#edf6e7;color:#457525}.pt-form p{font-size:13px;color:#425a6a}.pt-form p em{font-weight:700;font-style:normal;color:#173e5b}.pt-mini{border-top:1px solid var(--line);padding-top:12px;color:#657986!important}.pt-table{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;align-items:center;font-size:14px}.pt-th{background:#173e5c;color:#fff;font:700 11px 'Manrope';padding:12px 6px}.pt-th:first-child{border-radius:10px 0 0 10px}.pt-th:nth-child(3){border-radius:0 10px 10px 0}.pt-table span,.pt-table>b{padding:7px;border-bottom:1px solid #eaf0f3}.pt-table b{color:#176c62}.pt-word-bank{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:18px}.pt-word-bank b{width:100%;color:var(--navy);margin-bottom:4px}.pt-word-bank span{background:#edf3f6;border-radius:20px;padding:5px 9px;color:#476073;font-size:12px}.pt-bank+.pt-cards{margin-top:15px}.pt-tint{background:#f4f8ff}.pt-task-groups{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pt-task-groups h2{font:800 18px 'Manrope';color:var(--navy)}.pt-task-groups ol{padding-left:23px;color:#3d5668}.pt-task-groups li{margin:8px 0;padding-left:3px}.pt-task-groups small{color:#6c7e8a}.pt-photo{margin:0 0 16px;background:white;border:1px solid var(--line);padding:8px;border-radius:18px;box-shadow:var(--shadow)}.pt-photo img{display:block;width:100%;max-height:370px;object-fit:cover;border-radius:12px}.pt-photo figcaption{padding:8px 10px 2px;color:#627786;font-size:12px}.pt-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pt-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.pt-starters{display:grid;gap:8px}.pt-starters span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px;color:#425c6f}.pt-story-parts .pt-card{padding:19px}.pt-footer{padding:20px 35px;color:#7a8d9a;font:700 10px 'Manrope';letter-spacing:.1em;border-top:1px solid var(--line);display:flex;justify-content:space-between}.pt-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.pt-nav button:not(.pt-primary){border:1px solid var(--line);background:white;color:#34566b;padding:12px 16px;border-radius:10px;font:700 13px 'DM Sans';cursor:pointer}.pt-nav button:not(.pt-primary):hover{border-color:#91b6c7}.pt-complete{text-align:center;background:#e7f6ee;border:1px solid #c8ead7;padding:23px;border-radius:17px;margin:14px 0}.pt-complete>span{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--present)}.pt-complete h2{font:800 24px 'Manrope';margin:5px;color:var(--navy)}.pt-complete p{color:#587365}
@media(max-width:1000px){.pt-layout{grid-template-columns:205px minmax(0,1fr);gap:16px;padding:18px 15px 38px}.pt-cover{padding:36px;min-height:580px}.pt-cards.pt-three,.pt-forms{grid-template-columns:1fr}.pt-viewpoints.pt-three{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-sidebar{top:88px}.pt-form{padding:17px}}
@media(max-width:700px){.pt-top{height:60px}.pt-brand{font-size:12px}.pt-brand small{font-size:8px}.pt-back,.pt-map-toggle{font-size:12px}.pt-layout{display:block;padding:12px 12px 30px}.pt-sidebar{position:fixed;z-index:20;top:60px;bottom:0;left:0;width:min(320px,88vw);max-height:none;border-radius:0 18px 18px 0;transform:translateX(-105%);transition:transform .22s;box-shadow:12px 0 35px #172f4433}.pt-sidebar.open{transform:translateX(0)}.pt-main{min-height:70vh}.pt-cover{grid-template-columns:1fr;min-height:0;padding:30px 22px}.pt-cover h1{font-size:58px}.pt-cover-art{width:min(310px,90%)}.pt-head h1{font-size:32px}.pt-three,.pt-two,.pt-two-col,.pt-task-groups{grid-template-columns:1fr}.pt-viewpoints.pt-three{grid-template-columns:1fr}.pt-ruler{margin-left:0;margin-right:0}.pt-word{font-size:9px}.pt-word small{font-size:8px}.pt-timeline-title{align-items:flex-start;flex-direction:column}.pt-form-line b{font-size:10px}.pt-photo img{max-height:260px}.pt-footer{padding:16px 13px;font-size:8px;gap:14px}.pt-nav button{font-size:12px!important;padding:11px!important}.pt-past-label,.pt-now-label,.pt-future-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}