/* Edition 01 — The Story Archive. Visual layer only; data and access controls are untouched. */
:root {
  --ink:#38332f; --paper:#fffcf6; --bg:#f5f1ea; --orange:#bc6b4e; --burn:#91454b;
  --line:#dcd4c8; --muted:#6e6863; --nav:#f5f0e8; --green:#495b51;
  --rose:#efe0d9; --sage:#d4d8cc; --blue:#b6c2c8; --burgundy:#8b3e47;
}
html,body{color:var(--ink);background:var(--bg);font:15px/1.65 'DM Sans',Arial,sans-serif}
body{background-image:radial-gradient(#7c615414 .5px,transparent .5px);background-size:6px 6px}
::selection{background:#cf9d98;color:#32231f}
.shell{grid-template-columns:226px minmax(0,1fr)}
.side{background:var(--nav);border-right:1px solid #d7cbbd;color:var(--ink);padding:35px 17px 22px}
.side:before{content:'✳';display:block;text-align:center;color:#99545a;font-size:25px;line-height:1;padding-bottom:20px;letter-spacing:6px}
.brand{padding:0 11px}.brand strong{font:500 36px/.91 'Cormorant Garamond',Georgia,serif;letter-spacing:-.7px;margin-top:10px;color:#493a38}
.brand small{font:700 8px/1.2 'DM Sans',sans-serif;letter-spacing:2.4px;color:#8d4c50}
.side-note{font-size:9px;font-weight:600;letter-spacing:2px;color:#938078;margin:34px 11px 12px}
.side nav{gap:6px}.side nav button{border-radius:0;background:transparent;color:#635b55;border-bottom:1px solid #e4ddd5;padding:12px 10px 12px 14px;font-size:12px;font-weight:500;letter-spacing:.2px;min-height:44px}
.side nav button b{color:#a26061;font-size:17px}.side nav button:hover{background:#efe6dd;color:#4d413b}
.side nav button.active{color:#853c46;background:#f3e9e0;border-left:3px solid #975058;font-weight:700}
.side nav button.active b{color:#853c46}.side-footer{border-color:#d8cbbf;color:#7c736b;font-size:10px;line-height:1.8}.side-footer strong{color:#8f474d}
.partner-logos{background:#fffcf8;box-shadow:0 4px 18px #4c372108;border:1px solid #e7ded2;border-radius:2px;margin:29px 9px;gap:15px;max-width:192px;padding:10px 12px}
.partner-logos>span{background:#d5c7bd}.entendido-logo{width:38px;height:47px}.vedica-logo{width:61px;height:62px}
.main{background:linear-gradient(180deg,#faf6f1,#f7f2eb)}
.top{background:#fffaf3;border-bottom:1px solid #ddd3c7;min-height:75px;padding:16px 42px}
.crumb{font-size:10px;letter-spacing:1.5px;color:#836e67;font-weight:600}.crumb-divider{font-size:17px;margin:0 12px;color:#985361;vertical-align:middle}
.top-right .pill{background:#ebe5df;color:#775d5c;font-size:10px;letter-spacing:.4px}
.preview-banner{background:#e5e7dc;color:#655e54;text-align:center;font:500 11px/1.4 'DM Sans',sans-serif;padding:10px 16px;letter-spacing:.45px;border-bottom:1px solid #d6d9c9}
.preview-banner span{margin:0 12px;color:#a36b62}
.content{max-width:1250px;padding:67px 56px 100px;background:transparent}
.kicker,.over{font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:2.2px;color:#9c4d54}
.big{font:500 clamp(54px,6.1vw,86px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.7px;max-width:750px;text-transform:none;margin-bottom:18px}
.big em{font-weight:400;font-style:italic;color:#994b55}
.lead{font:400 15px/1.9 'DM Sans',sans-serif;color:#736b64;max-width:610px}
.page-home,.page-moments{background:none!important;position:relative;isolation:isolate}
.page-home:before,.page-moments:before{content:'';z-index:-1;pointer-events:none;position:absolute;right:0;top:20px;width:min(58%,690px);height:350px;background:url('/assets/journal-garden.webp') center right/contain no-repeat;opacity:.91}
.page-moments:before{opacity:.32;right:0;top:5px;width:45%;height:280px}
.page-home>.kicker,.page-home>.big,.page-home>.lead,.page-moments>.kicker,.page-moments>.big,.page-moments>.lead{position:relative;z-index:1}
.page-home>.big{max-width:635px}.page-home>.lead{max-width:475px}.page-moments>.lead{max-width:540px}
.page-home>.grid,.page-moments>.grid{margin-top:58px}
.grid{gap:20px}.section{margin-top:29px}
.card{background:#fffcf8;border:1px solid #ded5c9;border-radius:3px;box-shadow:7px 9px 0 #988b7b0a,0 10px 25px #66564e0b;padding:29px;position:relative}
.card h2,.card h3{font:500 32px/1.12 'Cormorant Garamond',Georgia,serif;letter-spacing:-.35px;color:inherit;margin-bottom:12px}
.card p{font-size:13px;line-height:1.78;color:#70655e}
.card.dark{background:#b9c5c8;color:#302e31;border-color:#9daeb3}
.card.dark p{color:#454f55}.card.dark .over{color:#813e49}
.card.orange{background:#e5e2d5;color:#493c34;border-color:#ccc9bb}
.card.orange p{color:#5d6054}.card.orange .over{color:#92575c}
.page-home>.grid.cols3>.card:first-child{transform:rotate(-.5deg)}
.page-home>.grid.cols3>.card:nth-child(2){transform:rotate(.45deg)}
.page-home>.grid.cols3>.card:nth-child(3){background:#f2e9e2;transform:rotate(-.35deg)}
.page-home>.grid.cols3>.card:before{content:'✳';display:block;position:absolute;right:20px;top:8px;font:400 29px 'Cormorant Garamond',serif;color:#9e7f71;opacity:.8}
.page-home>.grid.cols3>.card.dark:before{color:#724952}
.card .over{color:#8d5153}.card.dark .btn.ghost{color:#503e39;border-color:#7b7b77}
.card .btn{margin-top:15px}
.btn{border-radius:3px;min-height:42px;font-size:12px;font-weight:600;letter-spacing:.2px;background:#604d49;color:white}
.btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.btn.primary{background:#8d4851;color:white}.btn.ghost{background:transparent;color:#6c4749;border:1px solid #ad928d}
.btn:focus-visible{outline:3px solid #ca9993;outline-offset:2px}
.tag{background:#f0e8df;border:1px solid #ddcfc2;border-radius:2px;font-weight:600}
.metric{font:500 53px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.7px;color:#8d4851}
.metric-label{font-weight:600;color:#746b64;letter-spacing:1.3px}
.notice{background:#f0e6dc;border-left:3px solid #b47f72;color:#5d514d}
.notice.good{background:#e5e9de;border-left-color:#8a9b84;color:#4a584c}
.case{border-radius:3px;background:#4d5551}
.case h2{font:500 42px/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:0}
.case p{color:#f2efe8}.case .over{color:#e1c6bb}
.field textarea,.field input,.field select,.login-form-inner input{background:#fffdfa;border:1px solid #cfc1b5;border-radius:3px;padding:13px 15px;font-size:16px}
.field label{color:#564a45;font-weight:600}
.field textarea:focus,.field input:focus,.field select:focus,.login-form-inner input:focus{outline:none;border-color:#9a5660;box-shadow:0 0 0 3px #9a56602a}
.chat{border-radius:3px}.chat.ai{background:#e7e3dc;color:#4c413c;border-left:3px solid #996067}
.chat.ai small{color:#884f55}.chat.user{background:#e0e6df;color:#44514c}
.progress span,.track .post{background:#a16864}.number{background:#dbc9b5}
.empty{border-radius:2px;background:#f0e8e0}
.moment-companion{background:#d6dcd6}.moment-companion h2{font-style:italic}.moment-editor .chat.user{background:#e0e6df}
.moment-editor .chat{font-size:14px}.moment-editor textarea{background:#fffcf6}
.login-outer{grid-template-columns:1.07fr .93fr;background:#faf6ee}
.login-art{min-height:100vh;position:relative;background:#f7f0e7!important;overflow:hidden;padding:45px clamp(28px,5vw,80px) 50px;color:#4b4140;isolation:isolate}
.login-art:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#f6efe7 3%,#f6efe7e5 38%,#f6efe718 80%),url('/assets/journal-garden.webp') center bottom/115% auto no-repeat;opacity:1}
.login-art:after{content:'✺   NOTES FROM THE MESSY MIDDLE   ✺';display:block;position:absolute;bottom:23px;left:clamp(28px,5vw,80px);font-size:9px;letter-spacing:2px;color:#896f61}
.login-art .partner-logos{margin:0 0 40px;max-width:190px}
.login-art h1{font:500 clamp(68px,8.5vw,116px)/.82 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px;margin:23px 0 27px;color:#57403d}
.login-art h1 em{font-style:italic;color:#91454b}
.login-art p{font:400 20px/1.35 'Cormorant Garamond',Georgia,serif;color:#5e514c;max-width:430px}
.login-art .login-caption{margin-top:auto;max-width:290px;padding:13px 19px;background:#fffbf3dc;color:#665653;box-shadow:4px 5px 0 #ae908229;font:italic 23px/1.1 'Cormorant Garamond',Georgia,serif;transform:rotate(-2deg);border:1px solid #dcd1c5}
.login-form{background:radial-gradient(#9a827518 .6px,transparent .6px) 0 0/7px 7px,#fffbf4;border-left:1px solid #ded4c8;padding:60px 40px}
.login-form-inner{max-width:410px}.login-form-inner h2{font:500 64px/.95 'Cormorant Garamond',Georgia,serif;color:#584544;margin:10px 0 23px}
.login-form-inner>p{font-size:13px;color:#76695d}.login-form-inner .kicker{color:#945058}
.login-form-inner .btn.primary{width:100%;margin:16px 0}.login-privacy{border-top:1px solid #e1d3c9;margin-top:26px;padding-top:20px}
.consent{max-width:700px;border-radius:3px;background:#fffaf3;margin:clamp(26px,7vh,72px) auto;box-shadow:0 12px 40px #5b463311}
.consent h1{font:500 clamp(48px,6vw,66px)/1 'Cormorant Garamond',Georgia,serif;color:#82444d}
.consent .over:before{content:'✳ ';margin-right:8px}.consent p{font-size:14px;color:#625851}
.consent label{border-top:1px solid #e4dad0;padding-top:19px;margin-top:26px}
.admin-controls{border-radius:3px;border-color:#d9cec2;background:#fffbf5}
#toast{background:#584b45;border-left-color:#b87566;border-radius:3px}
@media(max-width:1050px){.content{padding:49px 30px 85px}.page-home:before{width:52%;height:300px;top:38px}.big{font-size:65px}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{padding:13px 15px;border-right:0;border-bottom:1px solid var(--line)}.side:before{display:none}.side .partner-logos{margin:0 0 0 15px}.side .brand strong{font-size:28px}.side nav{margin-top:14px;overflow-x:auto}.side nav button{border-bottom:0;border-left:0;white-space:nowrap}.side nav button.active{border-left:0;border-bottom:3px solid #975058}.top{padding:13px 20px}.login-outer{grid-template-columns:1fr}.login-art{min-height:475px;padding:32px 36px}.login-art:before{background-size:cover,auto 110%;background-position:center,center bottom}.login-art h1{font-size:78px}.login-art .login-caption{margin-top:55px}.login-form{padding:46px 25px}}
@media(max-width:680px){.top{flex-direction:column;align-items:flex-start;gap:9px}.top-right{justify-content:flex-start}.preview-banner{font-size:10px}.content{padding:45px 20px 75px}.big{font-size:clamp(49px,13vw,70px);line-height:1.04}.lead{font-size:14px;line-height:1.75}.page-home:before{position:relative;display:block;right:auto;top:auto;width:100%;height:190px;background-size:contain;background-position:center;margin:9px auto 4px;z-index:0}.page-moments:before{opacity:.08;right:0;width:55%;height:210px}.page-home>.grid{margin-top:22px}.page-home>.grid.cols3>.card{transform:none!important}.card{padding:23px}.card h2,.card h3{font-size:28px}.metric{font-size:45px}.login-art{min-height:400px;padding:25px}.login-art h1{font-size:67px}.login-art .login-caption{display:none}.login-art:after{display:none}.login-form{padding:46px 24px}.login-form-inner h2{font-size:55px}.grid.cols3,.grid.cols2{grid-template-columns:1fr}.moment-companion{position:static}.consent{width:calc(100% - 26px);padding:24px}.consent h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}}
@media print{.main{background:white}.content{padding:0}.page-home:before,.page-moments:before{display:none}.card{break-inside:avoid}}

/* Edition 01 refinements after desktop/mobile layout review */
.shell,.side,.main,.top,.content{min-width:0}
.page-home>.big{max-width:710px;font-size:clamp(55px,5.5vw,77px)}
.side nav{width:100%;max-width:100%;min-width:0}
.side nav button{min-width:0}
.login-form-inner{width:100%}
.login-art .login-intro{position:relative;z-index:1}
@media(max-width:900px){
 .side{min-width:0;max-width:100%;overflow:hidden}
 .side nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}
 .side nav button{flex:0 0 auto}
}
@media(max-width:680px){
 .page-home>.big{font-size:clamp(49px,12vw,60px);line-height:1.02}
 .login-art:before{background:linear-gradient(180deg,#f7f0e7 0%,#f7f0e7f5 42%,#f7f0e7aa 78%,#f7f0e722 100%),url('/assets/journal-garden.webp') center bottom/auto 100% no-repeat}
 .login-art p{position:relative;z-index:1;max-width:320px}
}