body.gyeol-mobile-ui .product-story{margin:36px 0;background:#f0eee4;border:1px solid var(--design-line);border-radius:var(--design-radius);overflow:hidden}
body.gyeol-mobile-ui :is(.service-value-intro,.service-value-facts,.service-value-eyebrow,.service-value-list span,.purchase-value>span){color:var(--design-muted)}
body.gyeol-mobile-ui #reading-app .service-intro-hero{aspect-ratio:auto;min-height:0;max-height:none;background:#263b30}
body.gyeol-mobile-ui #reading-app .service-intro-hero .lead-art{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0}
body.gyeol-mobile-ui #reading-app .service-intro-hero .service-intro-copy{position:relative;inset:auto;padding:24px 22px;background:#21382ef0}
body.gyeol-mobile-ui #reading-app .service-intro-hero .service-intro-copy h1{font:600 30px/1.5 var(--design-prose);color:#fffdf5;max-width:none}
body.gyeol-mobile-ui #reading-app .service-intro-hero[data-product="new-connection"] .lead-art,body.gyeol-mobile-ui .report-edition-cover[data-product="new-connection"]>img,body.gyeol-mobile-ui .product-story[data-product="new-connection"] img{object-position:center 25%}
.product-story-art{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden}.product-story-art img{width:100%;height:100%;object-fit:cover}.product-story-art figcaption{position:absolute;bottom:0;inset-inline:0;padding:15px 20px;background:#24382dee;color:#fffdf5;font:500 16px/1.7 var(--design-prose)}
.product-story-body{padding:24px 20px}.product-story h2,.report-format h2{font:600 25px/1.55 var(--design-prose);letter-spacing:-.04em;word-break:keep-all}.product-story ol{list-style:none;margin:24px 0 0;padding:0}.product-story li{display:flex;gap:16px;padding:16px 0;border-top:1px solid #d8d9ce;font:14px/1.8 var(--sans)}.product-story li>span:first-child{font:500 13px/1.8 var(--design-prose);color:#4e6457;flex:0 0 23px}
.report-format{margin:38px 0}.report-format-page{position:relative;margin:24px 0;padding:30px 22px;background:#fffdf7;border:1px solid var(--design-line);border-left:4px solid #405747;border-radius:3px 14px 14px 3px}.report-format-page h3{font:600 21px/1.6 var(--design-prose);word-break:keep-all}.report-format-page p{font:14px/1.9 var(--sans);color:#45564b}.format-rule{display:block;width:40px;border-top:1px solid #758473;margin:22px 0}.report-format-page .format-caption{font:11px/1.8 var(--sans);margin-top:24px;color:var(--design-muted)}
body.gyeol-mobile-ui .service-intro-hero{aspect-ratio:4/5;max-height:none;min-height:420px;border-radius:var(--design-radius)}
body.gyeol-mobile-ui .service-intro-hero .lead-art{object-position:38% center}
body.gyeol-mobile-ui .service-intro-hero .service-intro-copy{padding:25px 22px;background:#21382eef;inset:auto 0 0}
body.gyeol-mobile-ui .service-intro-copy h1{font:600 30px/1.5 var(--design-prose);color:#fffdf5}
body.gyeol-mobile-ui .service-intro-copy .eyebrow,body.gyeol-mobile-ui .service-intro-copy .service-intro-description{color:#fffdf5}
body.gyeol-mobile-ui .report-edition-cover{position:relative;overflow:hidden;border-radius:var(--design-radius);border:1px solid var(--design-line);margin:0 0 28px;background:#263b30}
.report-edition-cover>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.report-edition-cover>div{padding:28px 24px 30px;color:#fffdf5}
body.gyeol-mobile-ui #reading-app .report-edition-cover h1{font:600 30px/1.55 var(--design-prose);letter-spacing:-.05em;color:#fffdf5;margin:12px 0 20px;word-break:keep-all}.report-edition-cover .design-eyebrow{color:#e2e6d9}.report-edition-cover p{font:14px/1.8 var(--sans)}.report-edition-cover span{font:12px/1.8 var(--sans);color:#e2e6d9}
body.gyeol-mobile-ui #reading-app .report-section{position:relative;padding:32px 22px;margin:30px 0;border-radius:3px 14px 14px 3px;border-left:3px solid #6a8069;scroll-margin-top:90px}
body.gyeol-mobile-ui #reading-app .report-section .chapter-number{font:400 34px/1.3 var(--design-prose);color:#536d59;display:block;margin-bottom:12px}
body.gyeol-mobile-ui #reading-app .report-section h2{font:600 25px/1.6 var(--design-prose);margin:0 0 24px;letter-spacing:-.045em;word-break:keep-all}
body.gyeol-mobile-ui #reading-app .report-section p{font:400 16px/2 var(--sans);color:#303d34;margin:0 0 22px;overflow-wrap:anywhere;word-break:normal}
body.gyeol-mobile-ui .report-section .report-month{padding-top:26px;margin-top:26px;border-top:1px solid var(--design-line)}
body.gyeol-mobile-ui .report-toc{font-size:14px;line-height:1.8}body.gyeol-mobile-ui .report-toc a{display:block;padding:10px 0;text-underline-offset:4px}
body.gyeol-mobile-ui .report-cards article{background:#f0eee4;border-radius:12px;padding:14px 8px}body.gyeol-mobile-ui .report-cards .role{font-weight:650;color:#3b5745}body.gyeol-mobile-ui .report-cards img{max-width:100%;height:auto;border-radius:8px}
body.gyeol-mobile-ui .report-basis{background:#edf0e7;padding:14px;border-radius:8px}body.gyeol-mobile-ui .report-basis summary{min-height:24px;cursor:pointer;color:#3d5945}

/* Approved long-form landing pages. Existing outlines, examples and actions stay live. */
body.gyeol-app-shell #reading-app .service-intro-hero{display:block;position:relative;height:auto;container-type:inline-size;background:var(--design-paper);border:0;overflow:hidden;border-radius:12px}
body.gyeol-app-shell #reading-app .service-intro-hero .lead-art{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:40% center}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-copy{height:auto;bottom:auto;aspect-ratio:4/5;box-sizing:border-box;padding:20px 18px 24px}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-copy h2{font-size:28px;max-width:100%;margin:0;line-height:1.1}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-copy strong{font-size:17cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-copy .poster-lead{font-size:13cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-saju-detail{padding-top:24px}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-inner-heart strong{font-size:22cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-love-signal strong{font-size:16cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-saju-2027 .poster-lead{font-size:16cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-love-signal strong{font-size:15cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-flirt-to-love strong{font-size:13.5cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-first-message strong{font-size:15cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-career-move strong{font-size:14.5cqw}
body.gyeol-app-shell #reading-app .service-intro-hero>.poster-saju-2025 strong{font-size:15cqw}
body.gyeol-app-shell #reading-app .service-intro-hero .service-intro-copy{background:transparent;color:var(--design-ink);padding:32px 18px 16px}
body.gyeol-app-shell #reading-app .service-intro-hero::after{display:none}
body.gyeol-app-shell #reading-app .service-intro-hero .service-intro-copy h1{font:600 28px/1.55 var(--design-prose);color:var(--design-ink);margin:12px 0 18px}
body.gyeol-app-shell #reading-app .service-intro-hero .service-intro-copy :is(.eyebrow,.service-intro-description){color:var(--design-muted)}
body.gyeol-app-shell #reading-app .service-intro-hero .report-example-anchor{color:#355442;border-color:#b6c0ae;background:#f5f3e9}
body.gyeol-app-shell #reading-app .service-value{border:0;background:transparent;padding:32px 18px;margin:0}
body.gyeol-app-shell #reading-app .service-value-list{display:none}/* Full, real outline follows immediately below. */
body.gyeol-app-shell #reading-app .product-story{margin:8px -18px 0;border:0;border-radius:0;background:#eeeade}
body.gyeol-app-shell #reading-app .product-story-art{aspect-ratio:4/5}
body.gyeol-app-shell #reading-app .product-story-art img{object-position:70% center}
body.gyeol-app-shell #reading-app .product-story-art figcaption{padding:48px 30px 28px;background:linear-gradient(transparent,#24382be8);color:#fff8e7}
body.gyeol-app-shell #reading-app .product-story-art h2{font:500 30px/1.55 var(--design-prose);color:inherit;margin:10px 0 0;word-break:keep-all}
body.gyeol-app-shell #reading-app .product-story-art .design-eyebrow{color:inherit}
body.gyeol-app-shell #reading-app .product-story-body{padding:12px 30px 30px}
body.gyeol-app-shell #reading-app .product-story ol{margin-top:0}
.story-questions{padding:48px 22px 36px;border-bottom:1px solid var(--design-line)}
.story-questions h2{font:600 27px/1.65 var(--design-prose);word-break:keep-all;margin:14px 0 24px}
.story-questions ul{list-style:none;padding:0;margin:0}.story-questions li{padding:18px 0;border-top:1px solid var(--design-line);font:15px/1.9 var(--sans);word-break:keep-all}
.story-questions>p:last-child{font:13px/1.9 var(--sans);color:var(--design-muted)}
.story-questions[data-product="love-signal"],.story-questions[data-product="flirt-to-love"]{color:#633d43}
.story-questions[data-product="career-move"],.story-questions[data-product="saju-detail"]{color:#304c3e}
body.gyeol-app-shell #reading-app .report-format{padding:10px 18px}
/* Report typography and layout do not rewrite generated analysis. */
body.gyeol-app-shell #reading-app .report-edition-cover{container-type:inline-size;min-height:240px;aspect-ratio:auto;border:0;border-radius:12px;background:#273b31;isolation:isolate}
body.gyeol-app-shell #reading-app .report-edition-cover>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:40% center;z-index:-1}
body.gyeol-app-shell #reading-app .report-edition-cover>div{display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;aspect-ratio:auto;width:100%;min-height:240px;padding:24px 22px;background:linear-gradient(180deg,transparent 20%,#1d332b15 36%,#1d332be8 80%,#1d332bf5);color:#fff8e7}
body.gyeol-app-shell #reading-app .report-edition-cover h1{font:500 clamp(26px,8cqw,36px)/1.5 var(--design-prose);margin:12px 0 16px;text-wrap:balance;text-shadow:0 2px 4px #1d332b}
body.gyeol-app-shell #reading-app .report-cover-product{font:500 12px/1.7 var(--sans);padding-top:14px;border-top:1px solid #fbf8f14d;color:#fff8e7}
body.gyeol-app-shell #reading-app .report-edition-cover .design-eyebrow{font-size:9px;letter-spacing:.12em}
body.gyeol-app-shell #reading-app .report-edition-cover p{margin:6px 0}
body.gyeol-app-shell #reading-app .report-section{border:0;border-top:1px solid #c9d0bf;border-radius:0;background:transparent;padding:34px 12px 20px;margin:40px 0 24px}
body.gyeol-app-shell #reading-app .report-section .chapter-number{font:500 14px/1.5 var(--sans);color:#60725b;letter-spacing:.08em;margin-bottom:14px}
body.gyeol-app-shell #reading-app .report-section h2{font:600 27px/1.48 var(--design-prose);text-wrap:balance}
body.gyeol-app-shell #reading-app .report-section p{font-size:16px;line-height:1.8;word-break:normal;overflow-wrap:break-word}
body.gyeol-app-shell #reading-app .report-toc{list-style:none;padding:0;margin:0}
body.gyeol-app-shell #reading-app .report-toc li{border-bottom:1px solid var(--design-line)}
body.gyeol-app-shell #reading-app .report-toc a{min-height:44px;padding:14px 0;text-decoration:none}
body.gyeol-app-shell #reading-app .report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
body.gyeol-app-shell #reading-app .report-card-hint{font:400 12px/1.7 var(--sans);color:#798373;margin:8px 0 20px}
body.gyeol-app-shell #reading-app .report-card-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
body.gyeol-app-shell #reading-app .report-card-art{margin:0;min-width:0}
body.gyeol-app-shell #reading-app .report-card-art figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.gyeol-app-shell #reading-app .report-card-zoom{position:relative;display:block;width:100%;aspect-ratio:3/5;min-height:0;padding:0;border:0;border-image:none;border-radius:5px;background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:none;overflow:hidden;cursor:zoom-in;line-height:0}
body.gyeol-app-shell #reading-app .report-card-zoom img{display:block;width:100%;height:auto;aspect-ratio:3/5;object-fit:contain;border-radius:5px}
body.gyeol-app-shell #reading-app .report-card-picture{position:absolute;inset:0;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;forced-color-adjust:none;pointer-events:none}
body.gyeol-app-shell #reading-app .report-card-zoom:focus-visible{outline:2px solid #526d50;outline-offset:3px}
body.gyeol-app-shell #reading-app .report-card-magnify{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #d9d8c9;border-radius:50%;background:#fbf8f0e8;color:#344b3a;font:400 19px/1 var(--sans)}
body.gyeol-app-shell #reading-app .report-card-art-unavailable{display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center;aspect-ratio:3/5;border:1px solid #d9ded1;color:#65765f;background:#f1f1e7;font:500 16px/1.7 var(--serif)}
body.gyeol-app-shell #reading-app .report-card-art-unavailable small{font:400 11px/1.6 var(--sans)}
body.gyeol-app-shell #reading-app .report-card-gallery+.report-cards{margin:9px 0 22px}
body.gyeol-app-shell #reading-app .report-cards>[role="tab"]{display:block;min-width:0;padding:7px 5px 10px;border:1px solid transparent;border-image:none;border-radius:10px;background:transparent;box-shadow:none;color:var(--design-ink);font:500 13px/1.6 var(--sans)}
body.gyeol-app-shell #reading-app .report-cards>[aria-selected="true"]{border-color:#647a5d;background:#edf1e7}
body.gyeol-app-shell #reading-app .report-cards img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/5;object-fit:contain;border-radius:6px;margin-bottom:9px}
body.gyeol-app-shell #reading-app .report-cards button>span{display:block;overflow-wrap:break-word}
body.gyeol-app-shell #reading-app .report-cards .report-card-position{font:400 12px/1.6 var(--sans);color:#596c55;margin-top:3px}
body.gyeol-app-shell #reading-app .report-card-details{padding:4px 0 24px;border-bottom:1px solid var(--design-line)}
body.gyeol-app-shell #reading-app .report-card-details h3{font:600 16px/1.6 var(--sans);margin:0 0 12px}
body.gyeol-app-shell #reading-app .report-card-details h3>span{font-weight:400;color:#52674d}
body.gyeol-app-shell #reading-app .report-card-details p{font:400 15px/1.85 var(--sans);margin:0 0 14px;word-break:normal;overflow-wrap:break-word}
body.gyeol-app-shell #reading-app .report-card-details .report-card-keywords{font-size:13px;color:#52674d;margin-bottom:14px}
body.gyeol-app-shell #reading-app .report-actions li{padding:12px 0;border-bottom:1px solid var(--design-line);font-size:15px}
body.gyeol-app-shell #reading-app :is(.report-chart,.report-periods){border-color:var(--design-line);max-width:100%}
@media(prefers-reduced-motion:reduce){body.gyeol-app-shell #reading-app *{scroll-behavior:auto!important;animation:none!important}}
@media(max-width:380px){body.gyeol-app-shell #reading-app .product-story{margin-inline:-16px}}

/* Separate scene, information panel and report cover roles. */
body.gyeol-app-shell #reading-app .detail-scene{margin:32px 0;background:#f3efe5;border:1px solid var(--design-line);border-radius:12px;overflow:hidden}
body.gyeol-app-shell #reading-app .detail-scene>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
body.gyeol-app-shell #reading-app .detail-scene>div{padding:24px 22px}
body.gyeol-app-shell #reading-app .detail-scene h2{font:600 25px/1.6 var(--design-prose);letter-spacing:-.035em;margin:10px 0 16px;word-break:keep-all}
body.gyeol-app-shell #reading-app .detail-scene p{font:14px/1.9 var(--sans);color:#405346;overflow-wrap:anywhere}
body.gyeol-app-shell #reading-app .product-outline-header{padding:20px 24px 0}
body.gyeol-app-shell #reading-app .product-outline-header>img{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:contain;margin-bottom:16px}
body.gyeol-app-shell #reading-app .product-outline-header h2{font:600 25px/1.6 var(--design-prose);color:#314f3d;margin:10px 0;word-break:keep-all}
body.gyeol-app-shell #reading-app .product-story-information{background:#f3efe5}

/* Finished editorial information panels: small illustration, complete chapter hierarchy. */
body.gyeol-app-shell #reading-app .detail-scene>div{padding:24px 22px 26px}
body.gyeol-app-shell #reading-app .detail-scene h2{margin:9px 0 12px}
body.gyeol-app-shell #reading-app .detail-scene .detail-scene-description{margin:0;font-size:15px;line-height:1.95;color:#46594c;word-break:keep-all}
body.gyeol-app-shell #reading-app .product-story-information{margin-top:28px;border:1px solid #d4d7c9;border-radius:16px;background:linear-gradient(145deg,#f2eee2,#faf7ee 65%);box-shadow:0 5px 18px #334d3905}
body.gyeol-app-shell #reading-app .product-outline-header{position:relative;isolation:isolate;padding:28px 24px 24px;border-bottom:1px solid #d7d9cb;min-height:0}
body.gyeol-app-shell #reading-app .product-outline-header>img{position:absolute;z-index:-1;right:10px;top:19px;width:106px;height:106px;aspect-ratio:1;object-fit:contain;margin:0;opacity:.9;pointer-events:none}
body.gyeol-app-shell #reading-app .product-outline-header>.design-eyebrow{font-size:10px;letter-spacing:.14em;color:#607260;padding-right:75px}
body.gyeol-app-shell #reading-app .product-outline-header h2{font:600 28px/1.5 var(--design-prose);margin:14px 0 10px;padding-right:68px}
body.gyeol-app-shell #reading-app .product-outline-header .outline-subtitle{font:14px/1.7 var(--sans);color:#536650;margin:0 0 14px;max-width:75%;word-break:keep-all}
body.gyeol-app-shell #reading-app .outline-volume{display:inline-flex;align-items:baseline;gap:5px;font:12px/1.5 var(--sans);color:#62705e;border:1px solid #cfd4c5;border-radius:20px;padding:5px 11px;background:#fbf8ee}
body.gyeol-app-shell #reading-app .outline-volume b{font:600 16px/1.3 var(--design-prose);color:#365540}
body.gyeol-app-shell #reading-app .product-story-information .product-story-body{padding:2px 24px 0}
body.gyeol-app-shell #reading-app .outline-chapter-group{padding:23px 0 10px}
body.gyeol-app-shell #reading-app .outline-chapter-group+section{border-top:1px solid #cfd4c5}
body.gyeol-app-shell #reading-app .outline-chapter-group>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
body.gyeol-app-shell #reading-app .outline-group-mark{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid #b6bfa9;border-radius:50%;color:#52704e;font:13px/1 var(--design-prose)}
body.gyeol-app-shell #reading-app .outline-chapter-group h3{font:600 18px/1.6 var(--design-prose);margin:0;color:#36543d;word-break:keep-all}
body.gyeol-app-shell #reading-app .outline-range{margin-left:auto;white-space:nowrap;color:#7c856e;font:11px/1.5 var(--sans);letter-spacing:.08em}
body.gyeol-app-shell #reading-app .outline-chapter-group ol{margin:0}
body.gyeol-app-shell #reading-app .outline-chapter-group li{gap:12px;padding:12px 0;border-top:1px solid #dedfd3;font:14px/1.8 var(--sans);color:#364c3d;align-items:baseline}
body.gyeol-app-shell #reading-app .outline-chapter-group li:first-child{border-top:0}
body.gyeol-app-shell #reading-app .outline-chapter-group li>span:first-child{color:#7a876f;font-size:12px;flex-basis:23px}
body.gyeol-app-shell #reading-app .outline-endnote{margin:0;padding:17px 24px 23px;border-top:1px solid #d7d9cb;color:#66725d;font:12px/1.9 var(--sans);word-break:keep-all}
@media(max-width:380px){body.gyeol-app-shell #reading-app .product-story-information{margin-inline:0}body.gyeol-app-shell #reading-app .product-outline-header{padding-inline:20px}body.gyeol-app-shell #reading-app .product-story-information .product-story-body{padding-inline:20px}}
/* Continuous painted story: image fades into its own paper, not a separate card. */
body.gyeol-app-shell #reading-app .detail-scene{position:relative;isolation:isolate;border:0;border-radius:0;box-shadow:none;background:var(--scene-paper,#f0ecdf);margin:32px -20px 0;overflow:hidden}
body.gyeol-app-shell #reading-app .detail-scene>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;mask-image:linear-gradient(to bottom,#000 0%,#000 70%,#000b 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,#000b 82%,transparent 100%)}
body.gyeol-app-shell #reading-app .detail-scene>div{position:relative;z-index:1;padding:0 30px 44px;margin-top:-24px;text-align:center;background:none}
body.gyeol-app-shell #reading-app .detail-scene h2{font:500 29px/1.65 var(--design-prose);letter-spacing:-.045em;color:var(--scene-ink,#2f4b3d);margin:0 auto 20px;max-width:13em;word-break:keep-all;text-wrap:balance}
body.gyeol-app-shell #reading-app .detail-scene .detail-scene-description{font:400 15px/2.05 var(--design-prose);color:var(--scene-muted,#536453);margin:0 auto;max-width:23em;word-break:keep-all;text-wrap:pretty}
body.gyeol-app-shell #reading-app .story-questions{padding-top:32px}
@media(max-width:380px){body.gyeol-app-shell #reading-app .detail-scene{margin-inline:-16px}body.gyeol-app-shell #reading-app .detail-scene>div{padding-inline:25px}body.gyeol-app-shell #reading-app .detail-scene h2{font-size:27px}}
/* The contents ornament is a painted still life; typography remains real HTML. */
body.gyeol-app-shell #reading-app .product-outline-header{padding:24px 24px 25px;text-align:center;background:linear-gradient(180deg,#fcfaf3,#f5f1e6)}
body.gyeol-app-shell #reading-app .product-outline-header>img{position:static;z-index:auto;display:block;width:128px;height:128px;margin:0 auto 10px;opacity:1;object-fit:contain}
body.gyeol-app-shell #reading-app .product-outline-header>.design-eyebrow{display:block;padding:0;font-size:10px;letter-spacing:.13em}
body.gyeol-app-shell #reading-app .product-outline-header h2{padding:0;font-size:27px;margin:9px 0 7px}
body.gyeol-app-shell #reading-app .product-outline-header .outline-subtitle{max-width:none;margin:0 0 12px}
body.gyeol-app-shell #reading-app .outline-volume{border:0;border-radius:0;padding:0;background:none;gap:4px}
body.gyeol-app-shell #reading-app .outline-group-mark{border:0;border-radius:0;font-size:18px;color:#6d7d63;width:24px;flex-basis:24px}

/* Approved reading surface: hierarchy and whitespace carry the structure. */
body.gyeol-app-shell #reading-app:has(.report-edition-cover)>.reading-panel{border:0;border-image:none;border-radius:0;background:transparent;box-shadow:none;padding:28px 12px;margin:28px 0}
body.gyeol-app-shell #reading-app:has(.report-edition-cover)>.report-section{border-top:1px solid #c9d0bf;margin:40px 0 24px;padding:34px 12px 20px}
body.gyeol-app-shell #reading-app:has(.report-edition-cover)>.reading-panel>h2{font:600 24px/1.5 var(--design-prose);margin:0 0 22px}
body.gyeol-app-shell #reading-app:has(.report-edition-cover)>.report-section>h2{font-size:27px;line-height:1.48;margin-bottom:24px}
body.gyeol-app-shell #reading-app .reading-summary>p{font:400 16px/1.8 var(--sans);word-break:normal;overflow-wrap:break-word;margin-bottom:22px}
body.gyeol-app-shell #reading-app .reading-summary>p:first-of-type{border-left:2px solid #70866b;padding-left:16px;color:#38533d}
body.gyeol-app-shell #reading-app .report-section .report-date{font:400 13px/1.7 var(--sans)}
body.gyeol-app-shell #reading-app .service-value h2{font:600 25px/1.5 var(--design-prose)}
body.gyeol-app-shell #reading-app .service-value-intro{font:400 15px/1.8 var(--sans);color:#465b49}
body.gyeol-app-shell #reading-app .service-intro-description{font:400 15px/1.8 var(--sans);color:#465b49}
body.gyeol-app-shell #reading-app .service-value-facts{flex-wrap:wrap;font:400 13px/1.7 var(--sans);gap:7px 16px;color:#52674d}
body.gyeol-app-shell #reading-app .purchase-value>span{font-size:14px;color:#465b49}
body.gyeol-app-shell #reading-app .report-edition-cover :is(p,span){font-size:13px}
body.gyeol-app-shell .reading-action .action-caption{font:400 13px/1.5 var(--sans);color:#52674d}
body.gyeol-app-shell:has(.service-intro-start) .reading-footer{text-align:center}
body.gyeol-app-shell:has(.service-intro-start) .reading-footer a{display:inline-block;white-space:nowrap}

/* Results lead with the answer; full-size product posters keep their original ratio. */
body.gyeol-app-shell #reading-app .report-edition-cover>img{object-position:40% 30%}
body.gyeol-app-shell #reading-app .report-edition-cover{margin-bottom:16px}
body.gyeol-app-shell #reading-app:has(.report-edition-cover)>.eyebrow{font:500 13px/1.6 var(--sans);margin:0;color:#52674d}
body.gyeol-app-shell #reading-app:has(.report-edition-cover)>.reading-summary{margin-top:0;padding-top:20px}
body.gyeol-app-shell #reading-app .reading-share{border:0;border-image:none;background:transparent;box-shadow:none;padding:8px 12px;min-height:44px;font:500 13px/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px}
body.gyeol-app-shell #reading-status:not(:empty){padding:14px 18px;border-left:2px solid #6b745b;background:#edf1e7;color:#304d3c;scroll-margin-block:100px;outline-offset:3px}

body.gyeol-app-shell:has(.service-intro-start) .reading-action>:is(a,button){word-break:keep-all;overflow-wrap:normal}
