/* PERSONAL GROWTH v16.65 — page-only presentation.
   Reading document follows the Reader Discovery 1280px landscape-fit pattern.
   All desktop / landscape content shares one DOM; portrait touch rotates the
   same document and scrolls it horizontally (in logical reading order). */
.personal-growth-page { color:#efe7da; background:#090611; }
.personal-growth-page .pg-viewport { display:block;position:relative;width:100%;overflow:visible;background:radial-gradient(circle at 18% 8%,rgba(123,64,138,.15),transparent 33%),linear-gradient(180deg,#100b1a,#090611 53%,#08060f); }
.personal-growth-page .pg-stage {position:relative;width:100%;height:var(--pg-stage-height,auto);overflow:visible;}
.personal-growth-page .pg-document {position:absolute;left:50%;top:0;width:1280px;min-width:1280px;max-width:1280px;transform:translateX(-50%) scale(var(--pg-scale,1));transform-origin:top center;}
html.pg-stage-active,html.pg-stage-active body.personal-growth-page{margin:0;width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;background:#090611;-webkit-overflow-scrolling:touch;}
html.pg-stage-active body.personal-growth-page>.pg-viewport {min-height:var(--pg-stage-height,100vh);}
html.pg-stage-active .pg-document>.pg-shell{display:block;width:1248px;max-width:none;margin:0 auto;padding:18px 0 48px;}
.personal-growth-page .pg-topbar{display:flex;align-items:center;justify-content:space-between;}
.personal-growth-page .pg-topbar-left{display:flex;align-items:center;gap:18px;}
.personal-growth-page .pg-return,.personal-growth-page .pg-nav-link{color:rgba(240,216,173,.88);font-family:"Cormorant SC",Georgia,serif;font-size:.96rem;font-weight:600;letter-spacing:.08em;}
.personal-growth-page .pg-return:hover,.personal-growth-page .pg-nav-link:hover{color:#ffdda6;}
.personal-growth-page a:focus-visible{outline:2px solid #f4d28a;outline-offset:5px;}
.personal-growth-page .pg-main {width:1120px;margin:0 auto;padding:45px 69px 42px;border:1px solid rgba(219,174,85,.76);border-radius:21px;background:linear-gradient(170deg,rgba(58,33,82,.76),rgba(30,19,46,.82) 52%,rgba(17,13,30,.88));box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 0 0 1px rgba(250,226,184,.04);}
.personal-growth-page .pg-hero{display:grid;grid-template-columns: minmax(0,1fr) 260px;gap:62px;align-items:center;min-height:354px;padding:8px 40px 40px;border-bottom:1px solid rgba(219,174,85,.35);}
.personal-growth-page .pg-eyebrow,.personal-growth-page .pg-kicker {margin:0 0 14px;color:#dfb66f;font-family:"Cormorant SC",Georgia,serif;font-size:.9rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;}
.personal-growth-page h1{margin:0;color:#f2d793;font-family:"Cormorant SC",Georgia,serif;font-size:4.5rem;font-weight:500;line-height:1.03;letter-spacing:.048em;text-shadow:0 0 25px rgba(225,175,100,.10);}
.personal-growth-page .pg-ornament{display:grid;grid-template-columns:minmax(32px,75px) auto minmax(32px,75px);align-items:center;justify-content:start;gap:11px;margin:18px 0 13px;color:#d9b778;font-size:.72rem;}
.personal-growth-page .pg-ornament span{height:1px;background:linear-gradient(90deg,rgba(218,176,94,.55),transparent);}
.personal-growth-page .pg-ornament span:first-child{background:linear-gradient(90deg,transparent,rgba(218,176,94,.55));}
.personal-growth-page .pg-hero-italic{margin:0 0 4px;color:#ebcfa4;font-family:"Cormorant Garamond",Georgia,serif;font-size:2.1rem;font-style:italic;line-height:1.15;}
.personal-growth-page .pg-lede{margin:14px 0 7px;color:#f7e8cc;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.45rem;font-style:italic;line-height:1.4;}
.personal-growth-page .pg-hero-description{max-width:570px;margin:0;color:rgba(238,222,204,.87);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem;line-height:1.54;}
.personal-growth-page .pg-vase-frame{margin:0;width:253px;justify-self:center;padding:7px;background:linear-gradient(155deg,rgba(235,198,120,.73),rgba(104,63,125,.46) 30%,rgba(211,163,99,.72) 100%);border-radius:160px 160px 13px 13px;box-shadow:0 20px 55px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,222,163,.32);}
.personal-growth-page .pg-vase-frame img{width:100%;height:280px;object-fit:cover;object-position:center 50%;border-radius:155px 155px 8px 8px;filter:saturate(.96);}
.personal-growth-page .pg-vase-frame figcaption{padding:13px 2px 9px;color:rgba(237,214,174,.83);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.02rem;font-style:italic;text-align:center;}
/* Static HTML essay cards are directly linkable and indexable; no JS rendering. */
.personal-growth-page .pg-essays{max-width:925px;margin:0 auto;padding:34px 0 25px;}
.personal-growth-page .pg-essays-heading{margin-bottom:22px;text-align:center;}
.personal-growth-page .pg-essays-heading h2{margin:0;color:#f2d793;font-family:"Cormorant SC",Georgia,serif;font-size:2.42rem;font-weight:500;line-height:1.18;}
.personal-growth-page .pg-essay-card{display:grid;grid-template-columns:66px minmax(0,1fr);gap:26px;padding:27px 34px 28px;border:1px solid rgba(221,180,96,.45);border-radius:13px;background:linear-gradient(135deg,rgba(92,53,109,.27),rgba(16,12,28,.38));}
.personal-growth-page .pg-essay-card + .pg-essay-card{margin-top:18px;}
.personal-growth-page .pg-essay-number{padding-top:3px;color:#e7c583;font-family:"Cormorant SC",Georgia,serif;font-size:1.52rem;letter-spacing:.08em;}
.personal-growth-page .pg-essay-number span{display:block;margin-top:10px;font-size:.69rem;opacity:.8;}
.personal-growth-page .pg-essay-category{margin:0 0 6px;color:#e3b86f;font-family:"Cormorant SC",Georgia,serif;font-size:.93rem;letter-spacing:.10em;}
.personal-growth-page .pg-essay-card h3{margin:0 0 10px;color:#f4dba4;font-family:"Cormorant SC",Georgia,serif;font-size:2.22rem;font-weight:500;line-height:1.13;letter-spacing:.008em;}
.personal-growth-page .pg-essay-card h3 a{color:inherit;text-decoration:none;}
.personal-growth-page .pg-essay-card h3 a:hover,.personal-growth-page .pg-essay-card h3 a:focus-visible{color:#ffe8b8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.personal-growth-page .pg-essay-excerpt{margin:10px 0 7px;color:#f1dbb4;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem;font-style:italic;line-height:1.4;}
.personal-growth-page .pg-essay-description{margin:0;color:rgba(238,223,209,.86);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.18rem;line-height:1.53;}
.personal-growth-page .pg-essay-read{display:inline-block;margin-top:18px;padding:6px 0;color:#f3d799;font-family:"Cormorant SC",Georgia,serif;font-size:.99rem;font-weight:600;letter-spacing:.09em;text-decoration:none;border-bottom:1px solid rgba(235,192,106,.55);}
.personal-growth-page .pg-essay-read:hover{color:#ffe8b8;border-color:#ffe8b8;}
.personal-growth-page .pg-collection-note{margin:18px auto 0;text-align:center;}
.personal-growth-page .pg-author-note{max-width:700px;margin:0 auto;color:rgba(214,190,179,.75);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.06rem;font-style:italic;line-height:1.45;}
.personal-growth-page .pg-bottom-nav{display:flex;justify-content:center;gap:45px;margin-top:38px;padding-top:20px;border-top:1px solid rgba(219,174,85,.25);}
.personal-growth-page .pg-bottom-nav a{color:#edc784;font-family:"Cormorant SC",Georgia,serif;font-size:1.03rem;font-weight:600;letter-spacing:.07em;}
.personal-growth-page .pg-footer{text-align:center;}
/* Portrait-only landscape reading mechanics; does not touch desktop / true landscape. */
html.pg-stage-active.pg-portrait-landscape,html.pg-stage-active.pg-portrait-landscape body.personal-growth-page{width:100%;height:100%;min-height:100%;margin:0;padding:0;overflow:hidden;background:#090611;}
html.pg-stage-active.pg-portrait-landscape body.personal-growth-page>.pg-viewport{position:fixed;left:0;top:0;display:block;width:var(--pg-physical-w);height:var(--pg-physical-h);min-width:var(--pg-physical-w);min-height:var(--pg-physical-h);margin:0;padding:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;overscroll-behavior-x:contain;scrollbar-width:none;z-index:1;background:#090611;}
html.pg-stage-active.pg-portrait-landscape body.personal-growth-page>.pg-viewport::-webkit-scrollbar{display:none;}
html.pg-stage-active.pg-portrait-landscape .pg-stage{position:relative;display:block;width:var(--pg-track-width);min-width:var(--pg-track-width);height:var(--pg-physical-h);min-height:var(--pg-physical-h);margin:0;padding:0;overflow:visible;}
html.pg-stage-active.pg-portrait-landscape .pg-document{position:absolute;left:0;top:0;width:1280px;min-width:1280px;max-width:1280px;transform-origin:0 0;will-change:transform;}
@media(prefers-reduced-motion:reduce){.personal-growth-page *{scroll-behavior:auto!important;}}