/* My Life Journal V29 — independent Journal Chapters design.
   This is deliberately not a left-sidebar + rectangular photo-tile planner.
   Legacy functionality remains implemented by planner-hub.js. */
body:has(.mlj-chapters-app){background:#f3e7dd!important}
.mlj-chapters-app{--plh-paper:#fffaf3;--plh-bg:#efe4dc;--plh-accent:#96546d;--plh-soft:#f8e8e4;--plh-deep:#512335;--plh-faint:#dfcabe;--plh-ink:#4a3437;--plh-muted:#816c70;display:block;background:#f3e8dd;color:var(--plh-ink)}
.mlj-chapters-app[data-theme=mocha]{--plh-bg:#eee2d2;--plh-paper:#fffaf2;--plh-soft:#f0e2d5;--plh-deep:#4c352b;--plh-accent:#9b7753;--plh-faint:#dfc9b7;--plh-ink:#483931;--plh-muted:#82716a}
.mlj-chapters-app[data-theme=sage]{--plh-bg:#e2eae0;--plh-paper:#f9fbf6;--plh-soft:#e3eee3;--plh-deep:#344d42;--plh-accent:#648679;--plh-faint:#c7d7c8;--plh-ink:#34483d;--plh-muted:#708779}
.mlj-chapters-shell{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.mlj-masthead{display:flex;align-items:center;gap:18px;min-height:119px;flex:none;padding:14px clamp(18px,4vw,66px);background:radial-gradient(circle at 80% -20%,#a9717e55,transparent 40%),linear-gradient(112deg,#4f2032 5%,#642c43 66%,#783d53 100%);color:#fff8ec;position:relative;overflow:hidden}
.mlj-masthead::after{content:'✦     ✧     ✦';position:absolute;right:17%;top:5px;opacity:.1;font:56px Georgia,serif;transform:rotate(8deg);pointer-events:none}
.mlj-mark-wrap{width:76px;height:76px;border:1px solid #c7a976;border-radius:19px;display:grid;place-items:center;background:#fff7f2;transform:rotate(-6deg);box-shadow:4px 5px 0 #ad8f654d;flex:none;z-index:1}
.mlj-mark-wrap img{width:64px;height:64px;object-fit:contain;border-radius:14px;transform:rotate(6deg)}
.mlj-brand-area{min-width:0;flex:1;z-index:1}.mlj-overline{font-size:9px;font-weight:700;letter-spacing:.28em;color:#dfb991}.mlj-brand-name{font:600 clamp(24px,2.6vw,36px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em}.mlj-brand-name span{font-size:19px;color:#f6d89a;padding-left:8px}.mlj-brand-caption{font:italic 15px/1.4 'Cormorant Garamond',Georgia,serif;color:#eee1d7}
.mlj-header-controls{display:flex;gap:9px;align-items:center;justify-content:end;flex-wrap:wrap;z-index:1}.mlj-save-mark{font-size:11px;color:#f5e4d9;padding-right:9px}.mlj-quiet-action{border:1px solid #c8a8857a!important;color:#fff7e8!important;border-radius:99px;background:#fff4e414!important;padding:8px 14px!important;font-size:12px!important;white-space:nowrap}
.mlj-chapters-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;flex:none;padding:16px clamp(16px,4vw,66px);background:#f8f1e9;border-bottom:1px solid #e3d1c1}
.mlj-chapter{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:65px;border:1px solid #d8c2b1!important;background:#fff9f0!important;border-radius:5px 19px 6px 18px!important;padding:10px 14px!important;text-align:left;box-shadow:inset 0 -3px 0 #ead9cf,0 4px 0 #d6c5b43b;overflow:hidden;transition:transform .15s}
.mlj-chapter:hover{transform:translateY(-2px)}.mlj-chapter.active{background:#582638!important;border-color:#8b5870!important;box-shadow:inset 0 -3px 0 #7b3f57,0 4px 0 #8c64733b}
.mlj-chapter-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d4b4a9;border-radius:50%;color:#995870;font:25px Georgia,serif;flex:none}
.mlj-chapter.active .mlj-chapter-mark{color:#f3d3b2;border-color:#bd92a2}.mlj-chapter-copy{display:flex;flex-direction:column;min-width:0}.mlj-chapter-copy b{font:600 clamp(14px,1.5vw,18px) 'Cormorant Garamond',Georgia,serif;letter-spacing:.01em;color:#53293a;white-space:nowrap}.mlj-chapter-copy small{font-size:10px;color:#8c6870;white-space:nowrap}.mlj-chapter.active .mlj-chapter-copy b{color:#fff8ed}.mlj-chapter.active .mlj-chapter-copy small{color:#e9cad3}.mlj-chapter-no{position:absolute;right:7px;top:4px;font:10px Georgia;color:#bea59b}.mlj-chapter.active .mlj-chapter-no{color:#d5a9b9}
.mlj-pages-rail{flex:none;display:flex;align-items:center;gap:22px;padding:9px clamp(16px,4vw,66px);background:#f2e5db;border-bottom:1px solid #dfcabc;min-height:56px}.mlj-current-chapter{font-size:10px;letter-spacing:.13em;font-weight:700;color:#9b6575;white-space:nowrap}.mlj-current-chapter span{color:#61414e}.mlj-pages{display:flex;gap:8px;flex:1;overflow-x:auto;min-width:0;padding:1px 0 5px;scrollbar-width:thin}.mlj-page-pill{white-space:nowrap;background:transparent!important;border:1px solid transparent!important;border-radius:99px!important;font-size:12px!important;padding:7px 11px!important;color:var(--plh-ink)!important}.mlj-page-pill span{font-size:9px;color:#bd8996;margin-right:8px}.mlj-page-pill.active{background:#fff9f2!important;border-color:#cbafa9!important;box-shadow:0 2px 0 #dabfb399;font-weight:700!important;color:var(--plh-deep)!important}
.mlj-chapters-app .plh-main{padding:25px clamp(14px,4vw,60px) 40px;overflow-y:auto;background:radial-gradient(circle at 7% 13%,#fff9ee,transparent 25%),linear-gradient(160deg,#f3e9e1,#f6eee8 58%,#eee0d8)}
.mlj-journal-paper{position:relative;max-width:1220px;margin:0 auto;min-height:100%;padding:24px clamp(18px,3vw,42px) 28px;background:#fffcf7;border:1px solid #e0c8b6;box-shadow:0 13px 33px #5f30321c,7px 7px 0 #dfc7b553;border-radius:14px 24px 16px 16px;overflow:hidden}
.mlj-journal-paper::before{content:'';width:7px;position:absolute;inset:0 auto 0 11px;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 41px,#c7a47e 41px,#c7a47e 45px,transparent 45px,transparent 75px);opacity:.7;pointer-events:none}
.mlj-page-heading{max-width:none!important;margin:0 0 21px!important;padding:4px 2px 17px;border-bottom:1px dashed #d6bbad}.mlj-page-heading .plh-eyebrow{font-size:10px;letter-spacing:.17em;color:#986d65}.mlj-page-heading .plh-eyebrow span{margin:0 7px;color:#d4a66c}.mlj-page-heading h1{font:600 clamp(38px,4.4vw,60px)/1.06 'Cormorant Garamond',Georgia,serif;color:#542739;letter-spacing:-.025em;margin:5px 0 2px}.mlj-page-heading p{font:italic 17px 'Cormorant Garamond',Georgia,serif;color:#8b7775;margin:5px 0 0}.mlj-heading-seal{width:68px;height:68px;flex:none;border-radius:50%;border:1px solid #bd9a82;display:grid;place-items:center;transform:rotate(-8deg);background:#f8eddf;color:#955871;box-shadow:inset 0 0 0 5px #fffaf5}.mlj-heading-seal span{font-size:31px}
.mlj-chapters-app .plh-content{max-width:none}.mlj-chapters-app .plh-card{border-radius:6px 21px 8px 20px;border:1px solid #e2cdbf;box-shadow:2px 3px 0 #e6d8cc8c;padding:clamp(17px,2.3vw,26px);background:linear-gradient(125deg,#fffefa,#fff9f3)}
.mlj-chapters-app .plh-card:nth-child(2n){border-radius:23px 8px 22px 7px;background:linear-gradient(130deg,#fffaf6,#fff5f1)}
.mlj-chapters-app .plh-card h3{font:600 clamp(23px,2.5vw,29px) 'Cormorant Garamond',Georgia,serif;letter-spacing:.008em;color:#612a40}
.mlj-chapters-app .plh-card h3::before{content:'✦';font:12px Georgia;color:#b48c6e;padding-right:9px;vertical-align:middle}
.mlj-chapters-app .plh-welcome{background:radial-gradient(circle at 90% 20%,#9e607c99,transparent 43%),linear-gradient(145deg,#4e2637,#774056);border:1px solid #a67c7f;border-radius:7px 29px 9px 30px;box-shadow:7px 7px 0 #dbc3b7}
.mlj-chapters-app .plh-welcome h2,.mlj-chapters-app .plh-welcome p{color:#fff8ee}.mlj-chapters-app .plh-welcome h2 em{color:#eed0b0}.mlj-chapters-app .plh-welcome .plh-eyebrow{color:#f1ceb7}.mlj-chapters-app .plh-btn.dark{background:#653349!important;border-color:#653349!important}.mlj-chapters-app .plh-welcome .plh-btn.dark{background:#fff4e7!important;color:#5b2f40!important;border-color:#fff4e7!important}
.mlj-chapters-app .plh-stats>button,.mlj-chapters-app .plh-stats>div{border-radius:17px 5px 18px 5px;border-color:#dcc7b8;background:#f7e8e6}
.mlj-chapters-app .plh-add{border-radius:4px 15px 5px 15px;border:1px dashed #ac8d89;background:#f1e1da}
.mlj-chapters-app .plh-field input,.mlj-chapters-app .plh-field select,.mlj-chapters-app .plh-field textarea{border-radius:6px 14px 8px 12px;background:#fffdfa}
.mlj-chapters-app .plh-footer{font:italic 19px 'Cormorant Garamond',Georgia,serif;color:#9a7b70;letter-spacing:.02em;margin-top:27px}
/* Collage board — intentionally asymmetrical pinned-photo scrapbook, not a uniform photo grid */
.mlj-dream-collage{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-flow:row dense;gap:18px!important;align-items:stretch;background:#efe5d9;border:12px solid #dccab7;border-radius:8px 24px 10px 28px;padding:23px 18px;box-shadow:inset 0 0 0 3px #f9f1e8}
.mlj-dream-collage .plh-vision-tile{grid-column:span 2;background:#fffef8;border:1px solid #e4d5c8;box-shadow:2px 5px 7px #654c4330;padding:7px 7px 3px;transform:rotate(-1deg);align-self:start;position:relative;min-width:0;border-radius:3px}
.mlj-dream-collage .plh-vision-tile:nth-child(3n){transform:rotate(1.6deg)}.mlj-dream-collage .plh-vision-tile:nth-child(4n){transform:rotate(-2.1deg)}
.mlj-dream-collage .plh-vision-tile:nth-child(1),.mlj-dream-collage .plh-vision-tile:nth-child(8){grid-column:span 3}
.mlj-dream-collage .plh-vision-tile:nth-child(5),.mlj-dream-collage .plh-vision-tile:nth-child(11){grid-column:span 3}
.mlj-dream-collage .plh-vision-tile:before{content:'';width:35px;height:12px;background:#d8aabc8c;border:1px solid #dfb9c9a1;position:absolute;top:-5px;left:calc(50% - 18px);transform:rotate(-5deg);z-index:3;pointer-events:none}
.mlj-dream-collage .plh-photo-btn{aspect-ratio:6/4;border:1px dashed #be9f98;border-radius:2px;background:linear-gradient(130deg,#f7eadf,#f2dce2)}
.mlj-dream-collage .plh-vision-tile:nth-child(1) .plh-photo-btn,.mlj-dream-collage .plh-vision-tile:nth-child(8) .plh-photo-btn{aspect-ratio:5/4}
.mlj-dream-collage .plh-caption-input{font:italic 17px 'Cormorant Garamond',Georgia,serif;text-align:left;padding:10px 7px 7px;color:#5b3541}
.mlj-dream-collage .plh-photo-delete{top:13px;right:13px}
.mlj-chapters-app .plh-vision-head h3{font:600 34px 'Cormorant Garamond',serif}
@media(max-width:1050px){.mlj-masthead{min-height:105px}.mlj-chapters-nav{gap:9px}.mlj-chapter{padding:9px!important}.mlj-chapter-mark{width:29px;height:29px;font-size:22px}.mlj-chapter-copy small{font-size:9px}.mlj-current-chapter{display:none}.mlj-pages-rail{padding-block:8px}}
@media(max-width:790px){.mlj-masthead{min-height:84px;gap:11px;padding:10px 14px}.mlj-mark-wrap{width:53px;height:53px;border-radius:13px}.mlj-mark-wrap img{width:46px;height:46px}.mlj-overline{font-size:7px;letter-spacing:.12em}.mlj-brand-name{font-size:24px}.mlj-brand-caption{font-size:12px}.mlj-header-controls{gap:5px}.mlj-save-mark{display:none}.mlj-quiet-action{font-size:10px!important;padding:6px 9px!important}.mlj-chapters-nav{padding:10px 12px;gap:7px}.mlj-chapter{min-height:54px;gap:6px;padding:8px 7px!important}.mlj-chapter-no,.mlj-chapter-copy small{display:none}.mlj-chapter-copy b{font-size:15px;white-space:normal;line-height:1.04}.mlj-chapter-mark{width:24px;height:24px;font-size:17px}.mlj-pages-rail{padding:8px 10px;min-height:48px}.mlj-page-pill{padding:7px 10px!important}.mlj-chapters-app .plh-main{padding:12px 10px 30px}.mlj-journal-paper{padding:15px 14px 20px;box-shadow:3px 4px 0 #dfc7b553}.mlj-journal-paper::before{display:none}.mlj-page-heading h1{font-size:39px}.mlj-page-heading p{font-size:15px}.mlj-heading-seal{height:50px;width:50px}.mlj-heading-seal span{font-size:23px}.mlj-dream-collage{gap:12px!important;padding:15px 12px}}
@media(max-width:520px){.mlj-masthead{gap:8px}.mlj-brand-name{font-size:21px}.mlj-brand-caption{display:none}.mlj-overline{font-size:6.5px}.mlj-header-controls{flex-direction:column;align-items:end;gap:2px}.mlj-quiet-action{font-size:9px!important;padding:4px 7px!important}.mlj-chapters-nav{gap:5px}.mlj-chapter{flex-direction:column;justify-content:center;gap:2px;min-height:65px}.mlj-chapter-mark{height:20px;width:20px;font-size:16px;border:0}.mlj-chapter-copy b{font-size:12px;text-align:center}.mlj-page-heading h1{font-size:34px}.mlj-page-heading .plh-eyebrow{font-size:8px}.mlj-heading-seal{width:42px;height:42px}.mlj-journal-paper{padding:15px 11px}.mlj-dream-collage{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;border-width:6px;padding:12px 9px}.mlj-dream-collage .plh-vision-tile{grid-column:span 2!important;padding:5px 5px 2px}.mlj-dream-collage .plh-vision-tile:nth-child(1),.mlj-dream-collage .plh-vision-tile:nth-child(8){grid-column:span 4!important}.mlj-dream-collage .plh-caption-input{font-size:14px}.mlj-chapters-app .plh-card h3{font-size:22px}}
@media print{.mlj-masthead,.mlj-chapters-nav,.mlj-pages-rail{display:none!important}.mlj-chapters-app{position:static!important;overflow:visible!important}.mlj-journal-paper{box-shadow:none;border:0}}
/* V38: editable welcome identity; original burgundy hero preserved. */
.mlj-chapters-app .plh-welcome{gap:clamp(12px,3vw,32px)}
.mlj-chapters-app .plh-welcome-copy{flex:1 1 auto;min-width:0}
.mlj-chapters-app .plh-personal-name{display:inline-block;max-width:100%;margin-left:.22em;font-family:'Great Vibes','Cormorant Garamond',Georgia,serif;font-size:.8em;font-weight:400;line-height:1.25;letter-spacing:0;color:#f7dbb5;overflow-wrap:anywhere;vertical-align:baseline}
.mlj-chapters-app .plh-personal-name:before{content:' · ';font-family:Georgia,serif;font-size:.58em;color:#edd8c8}
.mlj-chapters-app .plh-personal-edit{display:inline-flex;align-items:center;gap:5px;margin:-3px 0 12px;padding:5px 11px;border:1px solid #f1d5bb99;background:#fff5ed14;color:#f8dfcb;border-radius:20px;font-size:12px;cursor:pointer}
.mlj-chapters-app .plh-personal-edit:hover,.mlj-chapters-app .plh-personal-edit:focus-visible{background:#fff5ed32;outline-offset:3px}
.mlj-chapters-app .plh-welcome-art{flex:0 0 clamp(112px,23%,220px);width:clamp(112px,23%,220px);min-width:0;display:flex;flex-direction:column;gap:8px;align-items:center}
.mlj-chapters-app .plh-welcome-photo-button{width:100%;padding:0;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#fff1e0}
.mlj-chapters-app .plh-welcome-photo-button img{width:clamp(92px,100%,175px);height:auto;aspect-ratio:1;object-fit:cover;border:3px solid #e7c18b;border-radius:50%;box-shadow:0 3px 0 #a67659,0 7px 16px #28101a55;filter:none;background:#fae6e7;display:block}
.mlj-chapters-app .plh-welcome-photo-button span{display:inline-block;padding:5px 9px;background:#fffaf21f;border:1px solid #f3d0b773;border-radius:18px;font-size:11px;line-height:1.2}
.mlj-chapters-app .plh-welcome-photo-remove{background:transparent;border:0;color:#f7e4d7;text-decoration:underline;text-underline-offset:2px;font-size:10px;cursor:pointer}
.mlj-chapters-app .plh-name-editor{display:grid;gap:7px;max-width:300px;margin:0 0 14px;padding:11px;border:1px solid #f2dfc487;border-radius:12px;background:#fffdf21b}
.mlj-chapters-app .plh-name-editor label{font-size:12px;color:#ffe8da}
.mlj-chapters-app .plh-name-editor input{min-width:0;width:100%;padding:9px 10px;border:1px solid #ead2bf;border-radius:8px;background:#fffaf6;color:#4c2035;font-size:14px}
.mlj-chapters-app .plh-name-editor>div{display:flex;gap:9px;flex-wrap:wrap}
.mlj-chapters-app .plh-name-editor button{border-radius:8px;padding:7px 12px;background:#fff8ec;border:1px solid #ead2bf;color:#51263b;font-size:12px;cursor:pointer}
.mlj-chapters-app .plh-name-editor button.plh-name-save{background:#ead0b1}
@media(max-width:590px){
 .mlj-chapters-app .plh-welcome{align-items:flex-start;gap:10px;padding:21px 15px}
 .mlj-chapters-app .plh-welcome-art{flex-basis:102px;width:102px}
 .mlj-chapters-app .plh-welcome-photo-button img{width:94px;height:94px}
 .mlj-chapters-app .plh-welcome-photo-button span{font-size:10px}
 .mlj-chapters-app .plh-welcome h2{font-size:clamp(24px,6.8vw,31px)}
 .mlj-chapters-app .plh-personal-name{display:block;margin:5px 0 0;font-size:1em}
 .mlj-chapters-app .plh-personal-name:before{content:''}
 .mlj-chapters-app .plh-welcome p{font-size:12px;line-height:1.6}
}
@media(max-width:355px){.mlj-chapters-app .plh-welcome-art{flex-basis:83px;width:83px}.mlj-chapters-app .plh-welcome-photo-button img{width:78px;height:78px}.mlj-chapters-app .plh-welcome-photo-button span{padding:4px 6px;font-size:9px}}