.value-content{position:absolute;inset:calc(var(--header) + 32px) calc(var(--gutter) + 26px) calc(var(--footer) + 26px) var(--gutter);display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr auto;align-items:center;gap:28px 7vw;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5c7043 transparent;padding:8px 10px 0 0;z-index:3}.value-copy{padding:16px 0}.value-scene .value-copy h1,.value-scene .value-copy h2{font-size:clamp(36px,4.2vw,64px);font-weight:500;line-height:1.32;letter-spacing:-.055em;margin:0 0 26px}.value-copy h1>.accent,.value-copy h2>.accent{display:block}.value-description{font-size:14px;line-height:2.1;color:#b6bfac;max-width:510px;margin:0 0 30px}.value-next{font-size:12px;gap:30px}.value-aside{border-left:1px solid #435331;padding:4px 0 4px 34px;position:relative}.value-aside:before{content:"";position:absolute;left:-2px;top:0;width:3px;height:55px;background:var(--accent)}.value-scene .value-aside-title{font-size:19px;font-weight:500;line-height:1.7;letter-spacing:-.02em;margin:0 0 25px;max-width:370px;color:#e3eadb}.value-points{list-style:none;margin:0;padding:0;display:grid;gap:24px}.value-points>li{display:flex;gap:20px;align-items:flex-start}.value-point-index{font:11px/1.8 Consolas,monospace;color:#879d6e;padding-top:2px}.value-points h3{font-size:17px;font-weight:500;margin:0 0 7px;color:#c6f48b}.value-points p{font-size:12px;color:#9cab8e;line-height:1.85;margin:0}.value-note{font-size:11px;line-height:1.95;color:#839477;margin:28px 0 0;max-width:390px}.value-source{display:inline-block;font-size:11px;color:#aec995;border-bottom:1px solid #455d32;padding:9px 0 6px;margin-top:9px}.value-chapters{grid-column:1/-1;display:flex;gap:0;align-self:end;padding:16px 0 4px;border-top:1px solid #39432f;min-height:60px}.value-chapters button{flex:1;display:flex;gap:9px;align-items:center;justify-content:flex-start;font-size:11px;white-space:nowrap;color:#8c9a7f;background:none;padding:8px 0}.value-chapters button>span{font:9px Consolas,monospace;color:#5e714d}.value-chapters button[aria-current=step]{color:var(--accent)}.value-chapters button[aria-current=step]>span{color:var(--accent)}.value-scene .backword{top:15%;left:19%;font-size:clamp(100px,14vw,215px);opacity:.5}.value-opening .value-aside{padding-top:20px;padding-bottom:20px}.value-opening .value-points{gap:30px}.value-practice .value-point-index{font-size:18px;color:#849f63}.value-practice .value-points h3{font-size:25px}.value-study .value-points>li,.value-career .value-points>li{position:relative;padding-bottom:12px}.value-study .value-points>li:not(:last-child):after,.value-career .value-points>li:not(:last-child):after{content:"";position:absolute;left:6px;top:29px;bottom:-20px;border-left:1px solid #435331}.value-memory .value-copy h2{font-size:clamp(37px,4.4vw,66px)}.value-closing .value-aside{border-color:#7a9955}.value-actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px}.value-text-link{font-size:12px;color:#abbc98}.is-entering .value-copy{animation:copy-enter 1s cubic-bezier(.22,1,.36,1) both}.is-entering .value-aside{animation:value-aside-enter 1s .08s cubic-bezier(.22,1,.36,1) both}.is-entering .value-chapters{animation:detail-enter 1s .15s cubic-bezier(.22,1,.36,1) both}.is-leaving .value-copy{animation:copy-leave .6s ease both}.is-leaving .value-aside{animation:value-aside-leave .6s ease both}@keyframes value-aside-enter{0%{opacity:0;translate:0 calc(var(--direction)*-130px)}to{opacity:1;translate:0 0}}@keyframes value-aside-leave{to{opacity:0;translate:0 calc(var(--direction)*140px)}}@media(max-width:1100px){.value-content{gap:22px 4vw}.value-aside{padding-left:24px}.value-scene .value-copy h1,.value-scene .value-copy h2{font-size:clamp(32px,4vw,48px)}.value-description{font-size:13px}.value-chapters button{font-size:10px;gap:5px}}@media(max-height:760px)and (min-width:801px){.value-content{inset:calc(var(--header) + 12px) calc(var(--gutter) + 26px) calc(var(--footer) + 16px) var(--gutter);gap:16px 6vw}.value-copy{padding:8px 0}.value-scene .value-copy h1,.value-scene .value-copy h2{font-size:43px;margin-bottom:18px}.value-description{font-size:13px;margin-bottom:22px}.value-aside-title{margin-bottom:18px!important}.value-points{gap:17px}.value-note{margin-top:18px}.value-chapters{padding-top:12px;min-height:45px}}@media(max-width:800px){.value-content{inset:calc(var(--header) + 12px) calc(var(--gutter) + 8px) calc(var(--footer) + 16px) var(--gutter);display:flex;flex-direction:column;gap:30px;align-items:stretch;padding-right:12px}.value-copy{padding:0}.value-scene .value-copy h1,.value-scene .value-copy h2{font-size:clamp(30px,7.4vw,46px);margin-bottom:20px;letter-spacing:-.045em}.value-description{font-size:12px;line-height:1.95;margin-bottom:22px}.value-aside{padding-left:23px}.value-scene .value-aside-title{font-size:17px;margin-bottom:22px}.value-points{gap:23px}.value-points h3{font-size:16px}.value-points p{font-size:12px}.value-note{font-size:11px}.value-chapters{flex-wrap:wrap;gap:4px 12px;flex-shrink:0;margin-top:4px;padding:16px 0 8px}.value-chapters button{flex:0 0 calc(33.333% - 8px);min-height:38px;font-size:11px}.value-chapters button>span{font-size:9px}.value-opening .value-aside{padding-top:0;padding-bottom:0}.value-actions .button,.value-next{font-size:12px}.value-scene .backword{left:10%;top:30%;font-size:100px}}@media(prefers-reduced-motion:reduce){.is-entering .value-copy,.is-entering .value-aside,.is-entering .value-chapters,.is-leaving .value-copy,.is-leaving .value-aside{animation:none}}.value-content{grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:18px 4.5vw}.value-scene .value-copy h1,.value-scene .value-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.4}.value-description{font-size:13px;line-height:2;max-width:350px}.value-copy .value-source{display:table;font-size:10px;margin-top:22px}.value-gallery{min-width:0;padding:0 0 4px}.chat-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.value-scene .chat-gallery-heading h2{font-size:15px;font-weight:500;line-height:1.7;letter-spacing:0;margin:0;color:#d5e0ca;max-width:370px}.chat-gallery-heading>span{font-size:10px;color:#9bb286;white-space:nowrap}.chat-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.chat-photos.is-single{grid-template-columns:minmax(0,1fr)}.chat-photo{margin:0;min-width:0}.chat-photo[hidden]{display:none}.chat-photo>button{padding:0;display:block;width:100%;background:#eaeaea;border:1px solid #5f7250;cursor:zoom-in;transition:border-color .2s}.chat-photo>button:hover{border-color:var(--accent)}.chat-photo img{display:block;width:100%;height:clamp(290px,49dvh,600px);object-fit:contain}.chat-photo .chat-image-cropped{display:block;width:100%;height:clamp(290px,49dvh,600px);overflow:hidden}.chat-photo figcaption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a7b99a;margin-top:10px;line-height:1.7}.chat-photo figcaption>span{font:10px/1.7 Consolas,monospace;color:#738964}.chat-gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font:11px Consolas,monospace;color:#a7c28e}.chat-gallery-controls>div{display:flex;gap:9px}.chat-gallery-controls button{width:34px;height:29px;border:1px solid #485d37;background:none;font-size:16px}.chat-lightbox{padding:0;width:min(1080px,calc(100% - 32px));height:91dvh;max-height:91dvh;overflow:hidden;border-radius:7px}.chat-lightbox[open]{display:flex;flex-direction:column}.chat-lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0;padding:13px 20px;border-bottom:1px solid #4b5e3b;min-height:62px}.chat-lightbox-bar h2{font-size:14px;font-weight:500;line-height:1.6;margin:0}.chat-lightbox-bar>div{display:flex;align-items:center;gap:14px;white-space:nowrap}.chat-lightbox-bar button{background:none;padding:5px 7px;font-size:18px;min-width:32px;min-height:34px}.chat-lightbox-bar [data-reader-close]{font-size:27px;margin-left:5px}#chat-lightbox-position{font:12px Consolas,monospace;color:#acc591}.chat-lightbox-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:18px;background:#0d100c;scrollbar-width:thin;scrollbar-color:#738b57 transparent}.chat-lightbox-scroll img{display:block;max-width:100%;height:auto;margin:0 auto;background:#eaeaea}.chat-lightbox-scroll .chat-image-cropped{display:block;max-width:100%;width:100%;height:auto;margin:auto;overflow:hidden;background:#eaeaea}.is-entering .value-gallery{animation:value-aside-enter 1s .08s cubic-bezier(.22,1,.36,1) both}.is-leaving .value-gallery{animation:value-aside-leave .6s ease both}@media(max-height:760px)and (min-width:801px){.chat-photo .chat-image-cropped{height:48dvh;min-height:270px}}@media(max-width:800px){.chat-photo .chat-image-cropped{height:auto;max-height:560px;min-height:0}}@media(max-height:760px)and (min-width:801px){.value-scene .value-copy h1,.value-scene .value-copy h2{font-size:35px}.value-description{font-size:12px;line-height:1.95}.chat-photo img{height:48dvh;min-height:270px}.chat-gallery-heading{margin-bottom:11px}.value-scene .chat-gallery-heading h2{font-size:13px}.chat-gallery-heading>span{font-size:9px}}@media(max-width:1000px)and (min-width:801px){.value-content{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:20px}.chat-gallery-heading{display:block}.chat-gallery-heading>span{display:block;margin-top:8px}.value-scene .value-copy h1,.value-scene .value-copy h2{font-size:30px}.chat-photos{gap:10px}}@media(max-width:800px){.value-content{gap:25px}.value-copy{padding:0}.value-copy .value-source{margin-top:17px}.value-scene .value-copy h1,.value-scene .value-copy h2{font-size:30px;line-height:1.3;margin-bottom:16px}.value-description{max-width:none;font-size:12px;margin-bottom:18px}.chat-gallery-heading{display:block}.value-scene .chat-gallery-heading h2{font-size:14px;max-width:none}.chat-gallery-heading>span{display:block;font-size:10px;margin-top:8px}.chat-photos{grid-template-columns:1fr;gap:20px}.chat-photo img{height:auto;max-height:560px;min-height:0}.chat-photo>button{background:#eaeaea}.chat-gallery-controls button{width:42px;height:36px}.chat-lightbox{width:calc(100% - 16px);height:94dvh;max-height:94dvh}.chat-lightbox-bar{padding:8px 12px;gap:8px;align-items:flex-start;flex-direction:column}.chat-lightbox-bar>div{width:100%;justify-content:flex-end;gap:10px}.chat-lightbox-bar h2{font-size:13px}.chat-lightbox-scroll{padding:8px}.chat-lightbox-scroll img{width:100%}}@media(prefers-reduced-motion:reduce){.is-entering .value-gallery,.is-leaving .value-gallery{animation:none}}
