:root{--navy:#17375f;--blue:#5B7FA6;--blue-light:#eef4f8;--teal:#4FAE9E;--ink:#334155;--muted:#6b7a8c;--line:#dce6ed;--paper:#f7fafc;--white:#fff;--shadow:0 12px 34px rgba(23,55,95,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav-inner{max-width:1180px;margin:auto;min-height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{height:38px;width:auto}.nav-links{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:var(--navy)}.nav-links a{padding:11px 13px;border-radius:10px}.nav-links a:hover{background:var(--blue-light)}
main{max-width:1180px;margin:auto;padding:12px 28px 90px}.section{margin-top:26px}.section-title{font-size:38px;line-height:1.2;margin:0;font-family:Georgia,Cambria,"Times New Roman",serif;color:var(--navy);font-weight:500;letter-spacing:-.025em}.section-copy{max-width:680px;margin:12px 0 0;color:var(--muted);font-size:17px}
#reflections.section{margin-top:14px}
#reflections .hub-brand{display:flex;justify-content:center;margin:0 0 2px}
#reflections .hub-hero{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:18px 34px 18px;box-shadow:var(--shadow)}
=======
<<<<<<< SEARCH
#reflections .hub-brand{display:flex;justify-content:center;margin:0 0 4px}
#reflections .hub-brand img{display:block;width:238px;max-width:100%;height:auto}
#reflections .hub-hero h1{margin:0;font-family:Georgia,Cambria,"Times New Roman",serif;color:var(--navy);font-size:54px;line-height:1.08;font-weight:500;letter-spacing:-.03em}
#reflections .hub-hero p{margin:14px 0 0;max-width:760px;font-size:18px;line-height:1.7;color:#617083}
=======
#reflections .hub-brand{display:flex;justify-content:center;margin:0 0 2px}
#reflections .hub-brand img{display:block;width:238px;max-width:100%;height:auto}
#reflections .hub-hero h1{margin:0;font-family:Georgia,Cambria,"Times New Roman",serif;color:var(--navy);font-size:54px;line-height:1.08;font-weight:500;letter-spacing:-.03em}
#reflections .hub-hero p{margin:14px 0 0;max-width:760px;font-size:18px;line-height:1.7;color:#617083}
=======
<<<<<<<< SEARCH
@media(max-width:900px){#reflections .hub-hero h1{font-size:44px}#reflections .reflections{grid-template-columns:1fr}#story-story .story-grid,#story-story .story-visions{grid-template-columns:1fr}#story-story .story-item:nth-child(odd),#story-story .story-item:nth-child(even){padding-left:0;padding-right:0}#reflections .hub-brand img{width:192px}}
=======
@media(max-width:900px){#reflections .hub-hero h1{font-size:44px}#reflections .reflections{grid-template-columns:1fr}#story-story .story-grid,#story-story .story-visions{grid-template-columns:1fr}#story-story .story-item:nth-child(odd),#story-story .story-item:nth-child(even){padding-left:0;padding-right:0}#reflections .hub-brand img{width:192px}#reflections.section{margin-top:10px}#reflections .hub-hero{padding:14px 22px 14px}}
.footer{border-top:1px solid var(--line);background:var(--white)}.footer-inner{max-width:1180px;margin:auto;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#7b8998;font-size:13px}.footer img{height:31px;width:auto}
#reflections .eyebrow{font-size:10px;letter-spacing:.14em;opacity:.7;text-transform:uppercase;font-weight:800;color:var(--blue);margin:0 0 13px}
#reflections .section-title{font-size:40px;font-weight:600}
#reflections .reflection{transition:transform .22s ease,box-shadow .22s ease;display:flex;flex-direction:column;min-height:206px;background:var(--white);border:1px solid var(--line);border-left:4px solid #cbd5df;border-radius:18px;padding:25px 25px 23px;box-shadow:0 8px 24px rgba(23,55,95,.045)}
#reflections .reflection:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(23,55,95,.08)}
#reflections .reflections{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
#reflections .reflection h3{font-family:Georgia,Cambria,"Times New Roman",serif;color:var(--navy);font-size:24px;font-weight:500;line-height:1.25;margin:0}
#reflections .reflection p{margin:16px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
#reflections .card-action{margin-top:auto;padding-top:22px;font-size:14px;font-weight:700;color:var(--blue);display:inline-flex}
#reflections .reflection-top{display:flex;align-items:center;gap:12px}
#reflections .badge{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#edf2f6;display:inline-flex;align-items:center;justify-content:center;color:var(--navy);font-size:15px;font-weight:700}
#reflections .status{display:inline-flex;align-self:flex-start;margin-top:15px;background:#f1f5f8;border:1px solid #e1e8ee;color:#728092;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
#reflections .status.ready{background:#f1f5f8;border-color:#e1e8ee;color:#728092}#reflections .status.complete{background:#edf7f3;border-color:#d7ebe3;color:var(--teal)}
#reflections .empty-state{margin-top:26px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:28px 27px;color:var(--muted);box-shadow:0 8px 24px rgba(23,55,95,.045)}#reflections .empty-state strong{display:block;color:var(--navy);font-size:18px;margin-bottom:6px}
#reflections .hub-hero{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:14px 34px 14px;box-shadow:var(--shadow)}
#reflections .hub-brand{display:flex;justify-content:center;margin:0 0 -2px}
#reflections .hub-brand img{display:block;width:300px;max-width:100%;height:auto}
#reflections .hub-hero h1{margin:0;font-family:Georgia,Cambria,"Times New Roman",serif;color:var(--navy);font-size:54px;line-height:1.08;font-weight:500;letter-spacing:-.03em}
#reflections .hub-hero p{margin:12px 0 0;max-width:760px;font-size:18px;line-height:1.7;color:#617083}
#reflections .hero-meta{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.meta-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid #e1e8ee;background:#f7fafc;color:#5f6f82;font-size:13px;font-weight:700}.meta-pill strong{color:var(--navy);font-weight:800}
#reflections .journey-progress{margin-top:18px;padding:14px 15px 13px;border:1px solid #dce6ed;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f5f9fc);box-shadow:0 8px 20px rgba(23,55,95,.035)}
#reflections .journey-progress-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;color:var(--navy);margin-bottom:10px}#reflections .journey-progress-label span:last-child{color:#6a7888;font-weight:700}
#reflections .journey-progress-track{width:100%;height:10px;border-radius:999px;background:#e8eff5;overflow:hidden}#reflections .journey-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal));box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
#reflections .dashboard-note{margin-top:16px;color:#7a8795;font-size:13px}#reflections .reflection-grid-wrap{margin-top:22px}
#story-story{margin-top:26px;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);border:1px solid var(--line);border-radius:28px;padding:32px 32px 28px;box-shadow:0 14px 36px rgba(23,55,95,.055);position:relative;overflow:hidden}
#story-story:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--blue),var(--teal))}
#story-story .story-intro{max-width:820px}#story-story .story-intro h2{margin:0;font-family:Georgia,Cambria,"Times New Roman",serif;color:var(--navy);font-size:38px;line-height:1.15;font-weight:500;letter-spacing:-.03em}#story-story .story-intro p{margin:10px 0 0;color:#5f6f82;font-size:17px;line-height:1.7;max-width:760px}
#story-story .story-grid{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;column-gap:38px;row-gap:0}
#story-story .story-item{padding:20px 0 22px;border-bottom:1px solid #e7edf2;min-height:122px}
#story-story .story-item:nth-child(odd){padding-right:8px}#story-story .story-item:nth-child(even){padding-left:8px}
#story-story .story-kicker{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;letter-spacing:.10em;text-transform:uppercase;font-weight:800;color:var(--blue);margin-bottom:9px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(91,127,166,.35)}
#story-story .story-text{margin:0;font-family:Georgia,Cambria,"Times New Roman",serif;color:#425365;font-size:17px;line-height:1.55;font-weight:400;letter-spacing:-.012em}
#story-story .story-text.is-placeholder{font-style:italic;color:#657687}
#story-story .story-visions{margin-top:24px;padding-top:2px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
#story-story .vision-panel{border-radius:20px;padding:22px 22px 21px;border:1px solid #d9e5ec;background:#f7fafc}
#story-story .vision-panel.shared{background:linear-gradient(180deg,#f5fbf8,#eef7f3);border-color:#cfe6dc}
#story-story .vision-panel .story-kicker{margin-bottom:10px}.vision-panel .story-text{font-size:18px;line-height:1.5;font-weight:400}
#story-story .story-note{margin-top:18px;color:#8190a0;font-size:12px;line-height:1.5}
#reflections .revisit{margin-top:32px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;box-shadow:0 8px 24px rgba(23,55,95,.045)}
#reflections .revisit h2,#reflections .workshop-eval h2{margin:0;font-family:Georgia,Cambria,"Times New Roman",serif;color:var(--navy);font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.02em}
#reflections .revisit p,#reflections .workshop-eval p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.7;max-width:820px}
#reflections .revisit-links{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}#reflections .revisit-links a{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;border:1px solid #dce6ed;background:#f7fafc;color:var(--navy);font-size:13px;font-weight:700;line-height:1.2}
#reflections .guidance{margin-top:32px;font-size:14px;color:#7a8795}#reflections .workshop-eval{margin-top:22px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;box-shadow:0 8px 24px rgba(23,55,95,.045)}#reflections .workshop-eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--blue)}#reflections .workshop-button{display:inline-flex;align-items:center;margin-top:14px;padding:10px 14px;border-radius:999px;background:var(--navy);color:var(--white);font-size:13px;font-weight:800;box-shadow:0 8px 18px rgba(23,55,95,.14)}#reflections .workshop-note{margin-top:10px;color:#7a8795;font-size:13px}
@media(max-width:900px){#reflections .hub-hero h1{font-size:44px}#reflections .reflections{grid-template-columns:1fr}#story-story .story-grid,#story-story .story-visions{grid-template-columns:1fr}#story-story .story-item:nth-child(odd),#story-story .story-item:nth-child(even){padding-left:0;padding-right:0}#reflections .hub-brand img{width:192px}}
@media(max-width:650px){.nav-inner{padding:0 18px}.logo{height:27px;width:27px;object-fit:contain}.nav-links a{padding:9px 7px}.nav-links a:nth-child(2){display:none}main{padding:24px 20px 68px}.section{margin-top:28px}.section-title{font-size:32px}.footer-inner{padding:24px 20px;align-items:flex-start;flex-direction:column}#reflections .hub-brand{margin:0 0 0}#reflections .hub-hero{padding:12px 18px 12px}#reflections .hub-hero h1{font-size:36px}#reflections .hub-hero p{font-size:16px}#reflections .hero-meta{gap:8px}.meta-pill{width:100%;justify-content:space-between}#story-story{padding:26px 20px 22px;border-radius:24px}#story-story .story-intro h2{font-size:30px}#story-story .story-intro p{font-size:15px}#story-story .story-grid{margin-top:20px}#story-story .story-item{min-height:0;padding:17px 0 19px}#story-story .story-text{font-size:16px}#story-story .vision-panel{padding:19px 18px}.vision-panel .story-text{font-size:17px}#reflections .workshop-eval{padding:20px 18px 18px}#reflections .hub-brand img{width:230px}#reflections>div[style*="margin:0 0 18px 2px;"] img{width:145px}}

#pin-gate input:focus{border-color:#2563eb !important;box-shadow:0 0 0 3px rgba(37,99,235,0.25) !important;outline:none !important;}