/* Reusable layout for Nashwa's reflective detail pages. */
body.detail-page{min-height:100vh;margin:0;background:radial-gradient(circle at 84% 9%,rgba(255,243,223,.5),transparent 24%),var(--n-bg);color:var(--n-ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}.detail-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;overflow:hidden}.detail-brand{height:115px;margin-left:5px;color:inherit;text-decoration:none;white-space:nowrap}.detail-symbol{position:relative;display:block;width:56px;height:48px;margin-bottom:6px}.detail-wave{position:absolute;left:1px;top:19px;width:52px;height:17px;border-top:7px solid #191919;border-radius:50%;transform:rotate(-11deg)}.detail-wave::after{position:absolute;left:14px;top:-15px;width:42px;height:15px;content:"";border-bottom:6px solid #777;border-radius:50%;transform:rotate(-5deg)}.detail-spark{position:absolute;top:0;right:0;width:16px;height:16px}.detail-spark::before,.detail-spark::after{position:absolute;content:"";background:#171717}.detail-spark::before{left:7px;width:2px;height:16px}.detail-spark::after{top:7px;width:16px;height:2px}.detail-brand-name,.nav-label{opacity:0;transform:translateX(-7px);transition:opacity var(--n-fast) var(--n-ease),transform var(--n-medium) var(--n-ease)}.detail-brand-name{font-size:19px;font-weight:700;letter-spacing:-.6px}.sidebar:hover .detail-brand-name,.sidebar:hover .nav-label{opacity:1;transform:none}.nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;color:inherit;text-decoration:none}.icon-box{display:grid;place-items:center}.profile{margin-top:auto}
.detail-main{max-width:1450px;min-height:100vh;margin-left:92px;padding:58px clamp(42px,7vw,112px) 84px}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:56px}.eyebrow{margin:0 0 13px;font-size:10px;font-weight:650;letter-spacing:1.9px;text-transform:uppercase}.detail-title{max-width:780px;margin:0;font:400 clamp(47px,5.5vw,76px)/.93 Georgia,serif;letter-spacing:-3.3px}.detail-subtitle{max-width:520px;margin:16px 0 0;color:var(--n-muted);font-size:14px;line-height:1.6}.header-meta{min-width:165px;padding:15px 0 0;border-top:1px solid var(--n-line);color:#7c8075;font-size:12px;line-height:1.65}.header-meta strong{display:block;color:#555b4f;font:400 19px Georgia,serif}.section-kicker{margin:0 0 12px;color:#73796a;font-size:10px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase}.section-title{margin:0;font:400 28px/1.08 Georgia,serif;letter-spacing:-1px}.detail-copy{color:#7c7f75;font-size:13px;line-height:1.65}.soft-panel{border:1px solid var(--n-line);border-radius:var(--n-radius-lg);background:rgba(255,255,255,.53);box-shadow:var(--n-shadow-soft)}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 15px;border-radius:12px;font-size:12px;cursor:pointer;text-decoration:none}.primary-action{border:1px solid #252b21;background:#252b21;color:#fffefa}.primary-action:hover{background:#384031;transform:translateY(-1px)}.secondary-action{border:1px solid #d7d8cd;background:rgba(255,255,255,.44);color:#626958}.secondary-action:hover{background:#eff0e8}.text-action{padding:0;border:0;color:#6b755b;background:transparent;font-size:11px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px}.stack{display:grid;gap:20px}.quiet-card{padding:24px;border-top:1px solid var(--n-line)}.quiet-card p{margin:8px 0 0;color:#777a70;font-size:13px;line-height:1.65}.quote-card{padding:30px;border-radius:var(--n-radius-lg);background:#eeeee7}.quote-card blockquote{max-width:600px;margin:13px 0 0;color:#586050;font:italic 24px/1.4 Georgia,serif}.meta-list{display:grid;gap:0}.meta-row{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--n-line)}.meta-row:first-child{border-top:0}.meta-row span:first-child{color:#8a8c82;font-size:10px;font-weight:650;letter-spacing:1.2px;text-transform:uppercase}.meta-row span:last-child{color:#4e534a;font-size:13px}.notice{position:fixed;bottom:28px;left:50%;z-index:50;max-width:calc(100vw - 40px);padding:11px 15px;border-radius:11px;color:#fffefa;background:#2d3229;font-size:11px;opacity:0;transform:translate(-50%,8px);transition:opacity var(--n-fast) var(--n-ease),transform var(--n-fast) var(--n-ease);pointer-events:none}.notice.show{opacity:1;transform:translate(-50%,0)}
/* Journey */
.journey-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:32px;align-items:end;margin-bottom:65px}.journey-line{margin:0;color:#70776a;font:italic 21px Georgia,serif}.journey-day{padding:19px 0;border-top:1px solid var(--n-line);text-align:right}.journey-day strong{display:block;color:#4f5848;font:400 40px Georgia,serif;letter-spacing:-1.8px}.journey-day span{color:#85877d;font-size:11px}.timeline{position:relative;max-width:860px;margin:0 auto;padding:8px 0 15px}.timeline::before{position:absolute;top:0;bottom:0;left:117px;width:1px;content:"";background:var(--n-line)}.timeline-event{position:relative;display:grid;grid-template-columns:95px 45px 1fr;gap:18px;padding:0 0 39px}.timeline-date{padding-top:5px;color:#81847a;font-size:11px;font-weight:650;letter-spacing:1px;text-align:right;text-transform:uppercase}.timeline-mark{position:relative;z-index:1;display:grid;width:13px;height:13px;margin:5px auto 0;place-items:center;border:3px solid var(--n-bg);border-radius:50%;background:#879078;box-shadow:0 0 0 1px rgba(86,96,72,.26)}.timeline-mark.pact{border-radius:3px;background:#727a69}.timeline-mark.ascent{background:#a2a789}.timeline-mark.return{background:#596351}.timeline-mark.reflection{background:#b3b3aa}.timeline-content{max-width:490px;padding:0 0 6px}.timeline-content h2{margin:0;color:#4c5247;font:400 24px Georgia,serif;letter-spacing:-.8px}.timeline-content p{margin:8px 0 0;color:#7b7e75;font-size:13px;line-height:1.6}.timeline-content blockquote{margin:13px 0 0;color:#606957;font:italic 16px/1.55 Georgia,serif}.journey-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:52px 0 0}.journey-summary div{padding:17px 0;border-top:1px solid var(--n-line)}.journey-summary strong{display:block;color:#515b4a;font:400 23px Georgia,serif}.journey-summary span{display:block;margin-top:5px;color:#85877c;font-size:10px}
/* Goal */
.goal-hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;margin-bottom:45px}.goal-metric{padding:25px;border-radius:var(--n-radius-lg);background:#edede6}.goal-metric strong{display:block;color:#535c4b;font:400 39px Georgia,serif}.goal-metric span{display:block;margin-top:7px;color:#7d8077;font-size:11px}.next-step{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px;border:1px solid var(--n-line);border-radius:var(--n-radius-lg);background:rgba(255,255,255,.48)}.next-step h2{margin:5px 0 0;font:400 25px Georgia,serif}.next-step p{margin:6px 0 0;color:#7d8075;font-size:12px}.moments{display:grid;gap:0}.moment{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:17px 0;border-top:1px solid var(--n-line)}.moment time{color:#84877d;font-size:11px;font-weight:650;letter-spacing:1px;text-transform:uppercase}.moment p{margin:0;color:#646961;font:italic 14px/1.5 Georgia,serif}.reset-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}dialog.reset-dialog{width:min(430px,calc(100vw - 38px));padding:0;border:0;border-radius:var(--n-radius-lg);background:#fbfaf6}.dialog-inner{padding:29px}.dialog-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.dialog-top h2{margin:0;font:400 27px Georgia,serif}.close-dialog{width:32px;height:32px;border:0;border-radius:50%;background:transparent;font-size:21px;cursor:pointer}.breath-orb{width:124px;height:124px;margin:28px auto;border-radius:50%;background:radial-gradient(circle at 36% 30%,#f7f7f0,#cfd5c3);box-shadow:0 8px 24px rgba(85,96,72,.13);animation:breathe 5s ease-in-out infinite}.breath-copy{text-align:center;color:#70766a;font:italic 15px Georgia,serif}@keyframes breathe{0%,100%{transform:scale(.82);opacity:.75}50%{transform:scale(1.04);opacity:1}}
/* Pact */
.pact-overview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:23px}.pact-person{padding:23px;border-radius:var(--n-radius-lg);background:rgba(255,255,255,.55);border:1px solid var(--n-line)}.pact-person.you{background:#eff0e9}.pact-person .who{display:flex;gap:9px;align-items:center;color:#6d7268;font-size:11px}.initial{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#dedfd6;color:#555a50;font-size:11px;font-weight:650}.check-row{display:flex;gap:8px;margin-top:22px}.check{width:12px;height:12px;border:1px solid #bac0ae;border-radius:50%}.check.on{border-color:#788268;background:#788268}.pact-memories{display:grid;gap:0}.memory{padding:19px 0;border-top:1px solid var(--n-line)}.memory strong{display:block;color:#545a50;font:400 19px Georgia,serif}.memory span{display:block;margin-top:7px;color:#81847a;font-size:12px}.show-up{width:100%;margin-top:19px}
/* Ascent */
.ascent-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr);gap:25px;margin-bottom:38px}.ascent-objective{padding:30px;border-radius:var(--n-radius-lg);background:#edede6}.ascent-objective h2{margin:9px 0 0;font:400 31px/1.12 Georgia,serif}.ascent-objective p{max-width:490px;margin:12px 0 0;color:#73776e;font-size:13px;line-height:1.6}.ascent-join{padding:27px;border:1px solid var(--n-line);border-radius:var(--n-radius-lg);background:rgba(255,255,255,.55)}.ascent-join p{margin:8px 0 19px;color:#7b7e74;font-size:12px;line-height:1.55}.ascent-active{display:none}.ascent-active.is-active{display:block}.ascent-prejoin.is-hidden{display:none}.ascent-data{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ascent-data div{padding:18px 0;border-top:1px solid var(--n-line)}.ascent-data strong{display:block;color:#535d4a;font:400 25px Georgia,serif}.ascent-data span{display:block;margin-top:5px;color:#83857b;font-size:10px}.pulse-list{display:grid;gap:9px;margin-top:16px}.pulse{padding:13px 0;border-top:1px solid var(--n-line);color:#6b7066;font-size:13px}.standing{padding:24px;border-radius:var(--n-radius-lg);background:#f0f0e9}.standing strong{display:block;margin:6px 0;color:#555e4d;font:400 31px Georgia,serif}.people{display:grid;gap:10px;margin-top:15px}.person{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--n-line)}.person span:nth-child(2){color:#575c53;font-size:13px}.person-actions{display:flex;gap:8px;margin-left:auto}.person-actions a,.person-actions button{padding:6px 8px;border:0;color:#6a755b;background:transparent;font-size:10px;cursor:pointer;text-decoration:none}.completion{display:none;padding:31px;border-radius:var(--n-radius-lg);background:#eeeee7}.completion.is-active{display:block}.completion h2{margin:5px 0 0;font:400 33px Georgia,serif}.completion textarea{width:100%;min-height:74px;margin-top:17px;padding:11px;border:1px solid #d6d7cd;border-radius:10px;resize:vertical}.demo-switch{margin-top:20px;font-size:10px}
@media(max-width:1000px){.detail-grid,.ascent-top,.journey-intro,.goal-hero{grid-template-columns:1fr}.journey-day{text-align:left}.journey-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.detail-main{margin-left:70px;padding:38px 24px}.detail-header{display:block;margin-bottom:38px}.header-meta{max-width:220px;margin-top:25px}.detail-title{font-size:47px}.pact-overview,.ascent-data{grid-template-columns:1fr}.timeline::before{left:13px}.timeline-event{grid-template-columns:28px 1fr;gap:13px}.timeline-date{grid-column:2;padding:0;text-align:left}.timeline-mark{grid-row:1/3;grid-column:1}.timeline-content{grid-column:2}.journey-summary{grid-template-columns:1fr 1fr}.sidebar{width:70px!important;padding-right:9px!important;padding-left:9px!important}}
