.personal-webtoon{background:#faf6ed;overflow:hidden;color:#26211e;font-family:var(--dialogue-font)}
.personal-webtoon .toon-dialogue{margin-top:12px;margin-bottom:24px;min-height:168px;padding:30px 24px}
.personal-webtoon .toon-dialogue p,.personal-webtoon .spoken-prose .toon-dialogue p{font-weight:600;font-size:20px;color:#171717;line-height:1.55}
.personal-webtoon .toon-dialogue strong{font-weight:800}
.personal-webtoon .spoken-prose{padding-bottom:0}
.personal-webtoon .spoken-prose>h3{margin:18px 24px 12px;font-weight:700;color:#372a25}
.personal-webtoon .chapter-break{padding:30px 22px 18px;background:linear-gradient(#faf6edcc,#faf6eddd),url('assets/photos-20261010/saju-traditional-portrait-v1.webp') center 35%/cover}
.personal-webtoon .chapter-break h2{font-family:var(--dialogue-font);font-weight:800;font-size:25px;letter-spacing:-1px;color:#382923;margin:8px 0}
.personal-webtoon .chapter-break>span{color:#785346;font-weight:700}
.personal-webtoon .symbol-frame,.personal-webtoon .symbol-frame figcaption{background:#faf6ed}
.personal-webtoon .symbol-frame figcaption{padding:16px 22px 20px}
.personal-webtoon .symbol-frame figcaption h2{font-family:var(--dialogue-font);font-weight:800;color:#362a23}
.personal-webtoon .symbol-frame figcaption p{color:#55463c;font-size:14px}
.personal-webtoon .comic-fragment,.personal-webtoon .consultation-fragment,.personal-webtoon .symbol-window{mask-image:linear-gradient(transparent,#000 5%,#000 94%,transparent)}
.personal-webtoon .reading-status{background:#fff;color:#66584c}
.personal-webtoon .period-stories{padding-bottom:12px}
.personal-webtoon .destiny-sheet{box-shadow:none}
.conversion-prologue{text-align:center;background:#30282a;color:#fff8e8;padding-top:52px}
.conversion-prologue>small{color:#e3bb87;font-size:13px}
.conversion-prologue h2{font:800 28px/1.6 var(--dialogue-font);letter-spacing:-1px;margin:20px 14px}
.conversion-prologue em{font-style:normal;color:#f8d39c}
.thought-scene{position:relative;margin-top:24px}
.thought-scene img{width:100%;display:block;mask-image:linear-gradient(transparent,#000 15%,#000 80%,transparent)}
.thought-scene p{position:absolute;background:#fff8ed;color:#352a25;border-radius:40px;padding:16px 20px;font-size:17px;font-weight:700;line-height:1.6;left:4%;top:7%;box-shadow:0 5px 20px #0002}
.thought-scene p+p{left:auto;right:4%;top:auto;bottom:10%}
.prologue-answer{padding:0 22px 42px}
.prologue-answer p{font-size:14px;line-height:2;color:#e6cdb7}
.personal-hook{background:#faf6ed}
.hook-bridge{position:relative}
.hook-bridge>img{display:block;width:100%;mask-image:linear-gradient(#000 95%,transparent)}
.hook-dialogue{position:absolute;top:28%;left:4%;width:67%;border:1.3px solid #33251f;border-radius:50%;background:#fffffff5;padding:24px 18px;text-align:center}
.hook-dialogue p{margin:0;font-size:18px;line-height:1.65;font-weight:600;word-break:keep-all}
.hook-dialogue strong{font-weight:800}
.hook-copy{padding:20px 24px 34px;text-align:center}
.hook-copy>small{font-size:12px;color:#8d453f;font-weight:700}
.hook-copy h2{font:800 27px/1.55 var(--dialogue-font);letter-spacing:-1px;color:#392521;word-break:keep-all}
.hook-copy>p{font-size:16px;line-height:1.9;color:#51423a}
.hook-copy .hook-turn{font-weight:700;color:#873d43}
.personal-reveals{padding-top:22px}
.reveal-sheet{position:relative;background:#fffdf9;border:1px solid #cbb295;padding:26px 20px;margin:0 0 28px;box-shadow:0 8px 0 -4px #e9dfcf}
.reveal-sheet>small{font-size:12px;font-weight:700;color:#90474b}
.reveal-sheet h3{font-size:21px;line-height:1.65;color:#382923;margin:16px 0;word-break:keep-all}
.reveal-sheet p{font-size:16px;line-height:1.9;color:#56483e}
.sealed-copy{display:grid;gap:14px;padding:14px 10px 23px;filter:blur(5px);opacity:.45;user-select:none}
.sealed-copy span{height:10px;background:#98897a;border-radius:8px}
.sealed-copy span:nth-child(2){width:84%}
.reveal-sheet>a{display:block;color:#8c3a45;font-size:15px;font-weight:800;line-height:1.8;padding:8px}
.hook-questions{display:grid;gap:0;text-align:left;border-top:1px solid #d9caba}
.hook-questions>a{display:block;padding:22px 5px;border-bottom:1px solid #d9caba}
.hook-questions small,.hook-questions b,.hook-questions span{display:block}
.hook-questions small{font-size:12px;color:#926e56}
.hook-questions b{font-size:18px;line-height:1.7;color:#342a25;margin:10px 0}
.hook-questions span{font-size:13px;color:#873d43;font-weight:700}
.book-promise{padding:42px 24px;background:linear-gradient(#faf6ed,#e6c9b5);text-align:center;color:#51332d}
.reading-book{position:relative;width:65%;margin:10px auto 38px;transform:rotate(-7deg);border-left:9px solid #642d3a;box-shadow:14px 19px 22px #57332740;border-radius:3px 8px 8px 3px;overflow:hidden}
.reading-book>img{display:block;width:100%}.reading-book>div{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#4e252bec 38%);color:#fff;padding:40px 10px 18px}.reading-book small{font-size:13px}.reading-book h2{font-size:30px;margin:8px 0}.reading-book p{font-size:11px}
.book-promise>h2{font:800 27px/1.65 var(--dialogue-font);letter-spacing:-1px}.book-promise>p{font-size:15px;line-height:1.9}.book-facts{display:flex;justify-content:center;gap:20px;margin-top:28px}.book-facts span{border:1px solid #9e7760;border-radius:50%;width:120px;height:120px;display:flex;flex-direction:column;justify-content:center;font-size:12px}.book-facts b{display:block;font-size:32px;margin-bottom:6px}
.illustrated-offer{background:linear-gradient(#e6c9b5,#eedbc9 22%,#783f43 80%);padding:30px 18px 35px;text-align:center}
.offer-heading small{font-size:18px;font-weight:700;color:#703941}
.offer-heading h2{font:900 34px/1.5 var(--dialogue-font);color:#572e36;letter-spacing:-2px;margin:8px 0}
.offer-heading p{font-size:13px;color:#6a4940;margin-bottom:30px}
.offer-paper{position:relative;isolation:isolate;text-align:left;border-radius:16px;background:#fff;overflow:hidden;padding:24px 20px 16px;box-shadow:0 12px 35px #3b162b30}
.offer-paper h3{position:relative;z-index:1;font:800 23px/1.5 var(--dialogue-font);margin:0 0 20px;color:#27211e}
.offer-character{position:absolute;right:-35px;top:82px;width:57%;height:280px;background:url('assets/photos-20261010/saju-traditional-portrait-v1.webp') center 15%/cover;mask-image:linear-gradient(#000 80%,transparent);z-index:0}
.offer-paper ul{position:relative;z-index:1;list-style:none;padding:0;margin:0 0 25px}
.offer-paper li{font-size:13px;font-weight:700;line-height:2.5;color:#302824;text-shadow:0 0 6px #fff,0 0 4px #fff}
.offer-paper li span{display:inline-grid;place-items:center;width:15px;height:15px;background:#8b4350;color:#fff;border-radius:50%;font-size:10px;margin-right:7px;text-shadow:none}
.offer-total{position:relative;background:#fff;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd;padding:20px 0;color:#2d2521}
.offer-total span{font-size:14px;font-weight:700}.offer-total strong{font-size:31px;letter-spacing:-1px}
.offer-paper .btn{position:relative;font-size:15px}
.offer-demo-note{text-align:center;font-size:11px;color:#806d64;margin:13px 0 0}
.offer-contents{display:block;color:#fff3e8;font-size:13px;padding-top:22px}
@media(max-width:390px){.personal-webtoon .toon-dialogue p,.personal-webtoon .spoken-prose .toon-dialogue p{font-size:18px}.hook-dialogue p{font-size:16px}.hook-copy h2{font-size:24px}.offer-heading h2{font-size:30px}.offer-paper{padding:22px 16px 16px}.offer-paper li{font-size:12px}.offer-paper h3{font-size:21px}}
@media(max-width:340px){.hook-copy{padding-inline:18px}.hook-dialogue{padding:18px 12px;width:72%}.hook-dialogue p{font-size:14px}.conversion-prologue h2{font-size:25px}.offer-character{opacity:.65;right:-45px}.offer-paper li{font-size:11px}.offer-heading h2{font-size:27px}.reveal-sheet{padding:22px 16px}.reveal-sheet h3{font-size:19px}}

/* 2026-09-26: visible excerpt and matching chapter promises */
.personal-webtoon .toon-dialogue{min-height:0;padding:24px 22px;margin-bottom:28px}
.relationship-sample{background:#faf6ed}
.sample-scene{position:relative;margin:0}
.sample-scene img{display:block;width:100%;mask-image:linear-gradient(#000 90%,transparent)}
.sample-caption{position:absolute;left:5%;top:7%;max-width:70%;background:#fffdf8;border:1.5px solid #5c3c37;border-radius:24px;padding:18px 22px;font-size:clamp(17px,4.5vw,21px);line-height:1.7;font-weight:700;color:#352322;box-shadow:0 5px 0 #52322a10}
.sample-reading{padding:24px;color:#362a25}.sample-reading>small{color:#8b3e4c;font-weight:700}.sample-reading h3{font-size:24px;line-height:1.5;margin:14px 0}.sample-reading p{font-size:18px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
.sample-action{margin:26px 0;padding:22px;background:#fff;border-left:4px solid #964452;border-radius:0 15px 15px 0}.sample-action span{font-size:13px;color:#90444d;font-weight:800}.sample-action p{margin:10px 0 0}.sample-reading .sample-basis{font-size:13px;color:#73655e;line-height:1.7}
.next-chapters{padding:38px 24px;background:#efe2d6}.next-chapters>small{color:#85404a;font-weight:700}.next-chapters>h2{font-size:27px;line-height:1.55;margin:16px 0}.next-chapters>p{font-size:16px;line-height:1.85;word-break:keep-all}.chapter-promise{margin-top:28px}.chapter-promise summary{cursor:pointer;font-size:17px;font-weight:800;padding:15px 0}.chapter-promise ol{list-style:none;padding:0;margin:0}.chapter-promise li{display:grid;grid-template-columns:25px 1fr;gap:8px 12px;padding:20px 0;border-top:1px solid #d5c0b0}.chapter-promise li>span{font-size:13px;color:#90525a;padding-top:5px}.chapter-promise h3{font-size:18px;margin:0;line-height:1.6}.chapter-promise p{font-size:14px;line-height:1.8;margin:6px 0;color:#635148}.chapter-promise li>small{grid-column:2;color:#88414d;font-size:12px}.next-chapters .scope-note{font-size:12px;line-height:1.8;color:#6f5c51}.offer-scope{font-size:15px;line-height:1.9;color:#59483f}.book-facts span:last-child b{font-size:23px}
@media(max-width:360px){.sample-reading,.next-chapters{padding-inline:18px}.sample-caption{padding:14px 16px;font-size:16px}.sample-reading h3{font-size:22px}.next-chapters>h2{font-size:24px}}

/* Keep a speaker in view when explanatory dialogue continues. */
.personal-webtoon .illustrated-dialogue{position:relative;margin:12px 0 32px;isolation:isolate;padding-bottom:1px}
.personal-webtoon .illustrated-dialogue .consultation-fragment{margin:0;width:100%;mask-image:linear-gradient(#000 88%,transparent)}
.personal-webtoon .illustrated-dialogue .toon-dialogue{position:relative;margin-top:-38px;margin-bottom:12px;z-index:2}
.personal-webtoon .spoken-prose>h3{padding:12px 24px;margin:0!important;text-align:center;font-size:19px;line-height:1.6;word-break:keep-all}
.annual-page{max-width:480px;margin:auto;background:#faf6ef;color:#332a29}.annual-page>section{padding:32px 24px}.annual-art{margin:0;position:relative}.annual-art img{display:block;width:100%;max-height:510px;object-fit:cover;object-position:top}.annual-art figcaption{padding:18px 24px;background:#8b3e4b;color:white;font-size:19px;font-weight:700}.annual-page h1{font-size:29px;line-height:1.6}.annual-page h2{font-size:23px;line-height:1.6}.annual-page p{font-size:17px;line-height:1.9;word-break:keep-all}.annual-page small{color:#925961}.annual-letter{padding:20px;background:white;border-left:3px solid #984b57;margin:24px 0}.annual-note{font-size:13px;margin:20px 0;color:#75635c}.annual-note p{font-size:13px}.annual-next,.annual-chapter:nth-child(even){background:#eee2d5}.annual-next li{padding:9px}.annual-months{display:grid;grid-template-columns:1fr 1fr;gap:12px}.annual-months article{background:#fff;padding:16px;border-radius:10px}.annual-months p{font-size:14px}.annual-chapter{border-top:1px solid #dfcbbd}
/* Annual reading uses the same illustrated conversation grammar as traditional. */
.annual-page .annual-scene{margin:0 0 24px;padding-bottom:8px}
.annual-page .annual-chapter>.annual-scene{margin-inline:-24px}
.annual-page .annual-scene .toon-dialogue{width:82%;box-sizing:border-box}
.annual-page .annual-scene .toon-dialogue p{font-size:18px;line-height:1.85}
.annual-contents ol{list-style:none;padding:0}.annual-contents li{padding:18px 0;border-bottom:1px solid #decabd}.annual-contents li p,.annual-next li p{font-size:14px;margin:6px 0}
.annual-page .annual-chapter{scroll-margin-top:65px}.annual-page .annual-chapter>small{display:block;text-align:center}.annual-page .annual-chapter>h2{text-align:center;margin-bottom:26px}
.annual-page .story-chapter-nav{position:sticky;top:0;z-index:5;background:#faf6ef;overflow-x:auto;display:flex;gap:8px;padding:12px}.annual-page .story-chapter-nav button{white-space:nowrap}
/* Six original editorial frames and a complete pre-purchase reading sequence. */
.annual-story-frame{margin:0;width:100%;aspect-ratio:1;overflow:hidden;background:#eee1d2}
.annual-story-frame>div{width:100%;height:100%;background-image:url('assets/photos-20261010/baekya-annual-story-scenes-v1.webp');background-size:200% 300%;background-position:var(--scene-x) var(--scene-y);background-repeat:no-repeat}
.annual-new-cover{position:relative;background:#542633;color:#fff8ed}.annual-new-cover>div{padding:26px 25px 30px}.annual-new-cover small{color:#f5c7b0}.annual-new-cover h2{font-size:29px;line-height:1.5;margin:9px 0}.annual-new-cover p{font-size:14px;margin:0;color:#f7ddcc}
.annual-page .annual-scene .annual-story-frame{mask-image:linear-gradient(#000 92%,transparent)}
.annual-page .annual-scene .toon-dialogue{position:relative;z-index:1;margin-top:-22px;margin-bottom:25px;min-height:0}
.annual-conversion{background:#faf6ed}.annual-conversion>section{padding:35px 24px}.annual-turn{padding:40px 24px 26px;text-align:center;background:#efe1d3}.annual-turn small{letter-spacing:1px;color:#8b4853;font-weight:700}.annual-turn h2{font-size:27px;line-height:1.55;margin:15px 0}.annual-turn em{font-style:normal;color:#a73e53}.annual-turn p{font-size:15px}
.annual-excerpt>small,.annual-calendar-sample>small,.annual-delivery>small,.annual-detailed-contents>small{font-size:12px;color:#99495b;font-weight:800}.annual-excerpt h3{font-size:23px;line-height:1.6}.annual-action{background:#fff;padding:20px;border-left:3px solid #a74a58;margin-top:24px}.annual-action p{margin:10px 0 0}.annual-page p.annual-basis{font-size:12px;line-height:1.8;color:#79665c}
.annual-topic-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 16px;background:#efe1d3}.annual-topic-pair article{background:#fff9f1;overflow:hidden;border-radius:12px}.annual-topic-pair article>small{display:block;margin:14px 12px 0;font-size:11px}.annual-topic-pair h3{font-size:17px;line-height:1.6;margin:8px 12px}.annual-topic-pair article>p{font-size:12px;line-height:1.7;margin:8px 12px 18px}
.annual-unlock{text-align:center;border-top:1px solid #e4cab7;background:#efe1d3}.annual-outline-label{font-size:12px;border:1px solid #ac7780;border-radius:20px;padding:7px 12px;color:#824350}.annual-unlock h3{font-size:25px;line-height:1.6}.annual-unlock p{font-size:15px}.annual-unlock>small{display:block;font-size:11px;margin-top:14px}
.annual-calendar-sample{text-align:center}.annual-calendar-sample>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.annual-calendar-sample article{background:#fff;border:1px solid #e1c8b6;border-radius:7px;padding:14px 0}.annual-calendar-sample b{display:block;font-size:25px;color:#974b58}.annual-calendar-sample span{font-size:12px}.annual-calendar-sample>p{font-size:12px;color:#79665c}
.annual-delivery{background:#382b30;color:#fff6e9}.annual-delivery>small{color:#f1bcb5}.annual-delivery ol{list-style:none;padding:0}.annual-delivery li{padding:20px 0;border-bottom:1px solid #685358;display:grid;gap:7px}.annual-delivery li b{font-size:18px}.annual-delivery li span{font-size:14px;color:#dfccc5}
.annual-detailed-contents details{border-bottom:1px solid #ddcbbb;padding:18px 0}.annual-detailed-contents summary{font-size:17px;font-weight:750;cursor:pointer}.annual-detailed-contents summary>span{margin-right:12px;color:#a25d64;font-size:13px}.annual-detailed-contents details p{font-size:15px}.annual-detailed-contents details small{font-size:12px}
.annual-final-offer{background:#532e3a;text-align:center;color:#fff8ed}.annual-final-offer>small{color:#efc9c0}.annual-final-offer h2{font-size:27px}.annual-final-offer>p{font-size:15px}.annual-final-offer>div{display:flex;justify-content:space-between;align-items:center;padding:25px 0}.annual-final-offer strong{font-size:31px}.annual-final-offer .btn{background:#fff4e3;color:#572e3a}.annual-final-offer p.annual-basis{color:#dfc2bc}.annual-final-offer>a:last-child{display:block;font-size:12px;margin-top:22px;color:#f1d7cb}
@media(max-width:360px){.annual-turn h2,.annual-final-offer h2{font-size:23px}.annual-conversion>section{padding:30px 18px}.annual-topic-pair{gap:8px;padding:15px 12px}.annual-topic-pair h3{font-size:15px}}
.reading-doubt{padding:44px 26px;background:#292329;color:#fff7ea;text-align:center}.reading-doubt>small{color:#efb7bb;font-size:12px}.reading-doubt h2{font-size:31px;line-height:1.55;margin:25px 0}.reading-doubt>div{padding:16px 0;margin:25px 0;border-block:1px solid #66555d}.reading-doubt p{font-size:16px;line-height:1.9;color:#e9dcd5}.reading-doubt>div p{margin:14px 0}
.reading-value{padding:40px 24px;background:#fff9f0;color:#392b2e}.reading-value>small{font-size:12px;color:#9a4458;font-weight:800}.reading-value>h2{font-size:28px;line-height:1.6}.reading-value>article{padding:28px 0;border-bottom:1px solid #e2d1c3}.reading-value article>span{font-size:12px;letter-spacing:1px;color:#a24f60;font-weight:800}.reading-value h3{font-size:23px;line-height:1.6;margin:15px 0}.reading-value p{font-size:16px;line-height:1.9;word-break:keep-all}.value-proof{border-left:3px solid #ae5365;background:#f2e6dc;padding:18px;margin:22px 0}.value-proof small,.value-proof b{display:block}.value-proof small{font-size:12px;margin-bottom:10px;color:#805455}.value-proof b{font-size:19px;line-height:1.6}.value-proof p{margin-bottom:0}.value-reading-demo{display:grid;text-align:center;gap:8px;background:#fff;border:1px solid #dfc8ba;border-radius:12px;padding:22px}.value-reading-demo b{font-size:15px}.value-reading-demo i{color:#a55c6d}.value-scope{margin-top:26px}.value-scope summary{font-size:13px;color:#79585b;cursor:pointer}.value-scope p{font-size:13px}
/* Traditional conversion and matching full-book detail blocks. */
.traditional-funnel{background:#faf5ed;color:#332b24}.tf-heading{padding:44px 26px 20px;text-align:left}.tf-heading small,.tf-paper>small{font-size:11px;color:#8b4d45;letter-spacing:1px}.tf-heading h2{font-size:29px;line-height:1.5;letter-spacing:-1px}.tf-heading p{font-size:15px;line-height:1.9;color:#736252}.tf-art{margin:0}.tf-art img{display:block;width:100%;height:auto}.tf-paper{margin:20px;padding:25px;background:#fffdf8;border:1px solid #e3d5c4;border-radius:5px}.tf-paper h3{font-size:23px;line-height:1.5;margin:12px 0 20px}.tf-paper p,.tf-faq p{font-size:16px;line-height:1.95;word-break:keep-all}.tf-paper details{font-size:13px;border-top:1px solid #ddd0be;padding-top:15px;margin-top:22px}.tf-paper details p{font-size:13px}.tf-question{background:#f1e7db;border-left:3px solid #ae8352;padding:18px;margin-top:20px}.tf-questions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px}.tf-questions article{padding:20px 16px;background:#ede3d5}.tf-questions article:nth-child(2){background:#e3e8df}.tf-questions article:nth-child(3){background:#eddddd}.tf-questions article:nth-child(4){background:#e3e5ed}.tf-questions h3{font-size:20px;line-height:1.5}.tf-questions p{font-size:14px;line-height:1.8}.tf-sealed{margin:26px 20px;padding:30px 24px!important;border:1px solid #bfa37c;background:#f2e7d7;text-align:center}.tf-sealed h2{font-size:25px;line-height:1.5}.tf-two>div{padding:18px;margin-top:10px;background:#e9eee5}.tf-two>div+div{background:#f0e3dc}.tf-product{padding:0!important;background:#263a32;color:#fff2db;margin:20px}.tf-product img{width:100%;display:block}.tf-product>div{padding:26px}.tf-product h2{font-size:27px;line-height:1.5}.tf-product p{line-height:1.8}.tf-product small{display:block;line-height:1.8;margin:16px 0;font-size:12px;color:#e4d4b9}.traditional-funnel .btn{background:#742c3d;color:white;border-color:#742c3d}.traditional-funnel .btn.outline{background:transparent;color:#742c3d}.tf-product .btn{background:#ead1a5;color:#30251e;border-color:#ead1a5}.tf-access{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.tf-access p{font-size:13px}.tf-toc,.tf-faq{padding:0 24px}.tf-toc details,.tf-faq details{padding:20px 0;border-bottom:1px solid #d6c6b1}.tf-toc summary,.tf-faq summary{cursor:pointer;font-weight:700;line-height:1.6}.tf-toc summary span{margin-right:16px;color:#9a774c}.tf-toc li{font-size:14px;line-height:1.8;margin:10px 0}.tf-final{padding:36px 24px 130px!important;text-align:center}.tf-final h2{font-size:28px;line-height:1.5}.tf-final p{font-size:12px;line-height:1.9}.td-depth{padding:0 20px 30px!important;background:#faf5ed}.td-depth article{border-top:1px solid #d9c7af;padding:28px 10px}.td-depth article small{font-size:11px;color:#9a774c}.td-depth h3{font-size:23px;line-height:1.5}.td-depth p{font-size:16px;line-height:2;word-break:keep-all}.tf-toc,.td-depth{scroll-margin-top:75px}