/* Clean editorial dress for the reading (#readingDemo.rp-theme-clean), 2026-10-01. Ideas taken from several sites: poster covers (Hellobot, Forceteller), editorial serif quotes and do/don't columns (Co-Star), big bold statements and quiet cards (Toss). Brand colours stay wine-berry and gold; the teller's room photo carries the mood. Reading sizes stay: body 24px (PC) / 22px (mobile), labels 14px and up only for small caps. */ #readingDemo.rp-theme-clean{ --cl-ink:#1d1a20;--cl-text:#2b2630;--cl-muted:#6a6270;--cl-line:#ece5e0;--cl-paper:#fffdf9; --cl-berry:#8e2453;--cl-berry-2:#b8417a;--cl-plum:#4a1838;--cl-night:#1a0812; --cl-gold:#b8862a;--cl-gold-2:#f2c45a;--cl-gold-ink:#7a4d00; --cl-tint:#f8f1f4;--cl-tint-2:#f4f0f8;--cl-warm:#fff6e6; --cl-green:#2e8b57;--cl-green-tint:#eef8f1;--cl-coral:#d9573f;--cl-coral-tint:#fdf0eb; --cl-display:"Noto Serif KR","Batang","바탕","AppleMyungjo",serif; --cl-shadow:0 12px 32px #4a183812; --cl-i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.6l4.4 4.4L19 7.4' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --cl-i-alert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M10.4 4h3.2l-.6 10.4h-2z'/%3E%3Ccircle cx='12' cy='18.6' r='1.9' fill='white'/%3E%3C/svg%3E"); --cl-i-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.2 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E"); --cl-i-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.8c.9 5.4 3 7.6 8.6 8.6-5.6 1-7.7 3.2-8.6 8.6-.9-5.4-3-7.6-8.6-8.6 5.6-1 7.7-3.2 8.6-8.6z'/%3E%3C/svg%3E"); isolation:isolate;border:0;border-radius:28px;padding:36px 36px 26px;background:var(--cl-paper);color:var(--cl-text);box-shadow:0 30px 90px #0a020699 } #readingDemo.rp-theme-clean::before,#readingDemo.rp-theme-clean::after{content:none} .room.is-clean-reading{background:radial-gradient(ellipse 60% 34% at 50% 30%,#8e245333,#8e245300 70%),linear-gradient(180deg,#1d0f16 0,#2a0f1e 45%,#13070d 100%)} /* Masthead: small caps line, a big serif title, and the teller's red seal like a stamp on a printed book */ #readingDemo.rp-theme-clean .rp-header{position:relative;inset:auto;flex-wrap:nowrap;align-items:flex-end;gap:16px;padding:0 0 20px;border:0;border-bottom:2px solid var(--cl-ink);border-radius:0;background:none;box-shadow:none} #readingDemo.rp-theme-clean .rp-header .rp-eyebrow{margin:0 0 8px;padding:0;background:none;color:var(--cl-berry);font:800 15px/1.5 var(--sans);letter-spacing:.14em} #readingDemo.rp-theme-clean .rp-header h2{font:900 38px/1.3 var(--cl-display);letter-spacing:-.02em;color:var(--cl-ink)} #readingDemo.rp-theme-clean .rp-header h2::after{content:none} #readingDemo.rp-theme-clean .rp-seal{display:grid;place-items:center;flex:none;width:66px;height:66px;padding:4px;border:3px solid #b3261e;border-radius:6px;background:#fff;color:#b3261e;font:900 21px/1.05 var(--cl-display);white-space:pre-line;transform:rotate(-6deg);box-shadow:none} #readingDemo.rp-theme-clean .rp-demo-label{display:inline-flex;align-items:center;gap:8px;margin:18px 0 8px;padding:7px 16px;border:0;border-radius:999px;background:var(--cl-tint);color:var(--cl-berry);font:800 16px/1.5 var(--sans)} #readingDemo.rp-theme-clean .rp-demo-label.is-paid::before{content:"";width:20px;height:20px;border-radius:50%;background:var(--cl-i-check) center/12px no-repeat,var(--cl-berry)} #readingDemo.rp-theme-clean .rp-demo-label.is-free{background:var(--cl-warm);color:var(--cl-gold-ink)} #readingDemo.rp-theme-clean .rp-disclosure{color:var(--cl-muted)} /* The reader's question, as a quotation */ #readingDemo.rp-theme-clean .rp-question{position:relative;margin:4px 0 26px;padding:18px 20px 18px 62px;border:0;border-radius:18px;background:var(--cl-tint)} #readingDemo.rp-theme-clean .rp-question::before{content:"“";position:absolute;left:18px;top:8px;font:900 58px/1 var(--cl-display);color:var(--cl-berry-2)} #readingDemo.rp-theme-clean .rp-question>span{color:var(--cl-berry);font:800 15px/1.5 var(--sans);letter-spacing:.06em} #readingDemo.rp-theme-clean .rp-question p{margin:4px 0 0;font:700 23px/1.6 var(--cl-display);color:var(--cl-ink)} /* Chapter list and paging */ #readingDemo.rp-theme-clean .rp-navigation>p{color:var(--cl-ink)} #readingDemo.rp-theme-clean .rp-tabs button{border:0;border-radius:16px;background:var(--cl-tint);color:var(--cl-text);box-shadow:none} #readingDemo.rp-theme-clean .rp-tabs button>span{color:var(--cl-berry);font-family:var(--cl-display)} #readingDemo.rp-theme-clean .rp-tabs button:hover{background:#f1e4ec;color:var(--cl-ink)} #readingDemo.rp-theme-clean .rp-tabs button[aria-selected=true]{border:0;background:var(--cl-plum);color:#fff;box-shadow:0 8px 20px #4a183833} #readingDemo.rp-theme-clean .rp-tabs button[aria-selected=true]>span{color:var(--cl-gold-2)} #readingDemo.rp-theme-clean .rp-tabs button.is-locked{border:0;background:var(--cl-warm)} #readingDemo.rp-theme-clean .rp-tab-lock{border-radius:999px;background:var(--cl-berry)} #readingDemo.rp-theme-clean .rp-panel{border-left:0;counter-reset:cl-section} #readingDemo.rp-theme-clean .rp-pagination{border-top:1px solid var(--cl-line)} #readingDemo.rp-theme-clean .rp-pagination button{border:2px solid var(--cl-line);border-radius:999px;background:#fff;color:var(--cl-plum);font-weight:800} #readingDemo.rp-theme-clean .rp-pagination button[data-rp-next]{border-color:transparent;background:var(--cl-plum);color:#fff;box-shadow:0 8px 18px #4a183833} #readingDemo.rp-theme-clean .rp-pagination button:disabled{box-shadow:none} #readingDemo.rp-theme-clean .rp-page-count{color:var(--cl-muted)} #readingDemo.rp-theme-clean .rp-bottom{border-top:1px solid var(--cl-line)} #readingDemo.rp-theme-clean #closeReadingPreview,#readingDemo.rp-theme-clean .rp-secondary{border:2px solid var(--cl-line);border-radius:999px;background:#fff;color:var(--cl-plum)} /* Page opening band: a part of the teller's room photo (varies by page), darkened, with the serif title on it */ #readingDemo.rp-theme-clean .rp-sheet-head{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;margin:0 0 28px;padding:22px 24px 22px;border-radius:24px;background:var(--cl-night);color:#fff} #readingDemo.rp-theme-clean .rp-sheet-head::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--band-photo,none) 50% 55%/cover no-repeat} /* Which photo: the teller's room for the letter and the paywall, a still life for the conclusion and each chapter (no repeats within one report), a plain colour with a faint character for pages of tables and lists. */ #readingDemo.rp-theme-clean .rp-sheet-head[data-band="room"]::before{background:var(--room-image,none) 50% 22%/170% auto no-repeat} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="desk"]{--band-photo:url('/media/bands/desk.webp')} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="window"]{--band-photo:url('/media/bands/window.webp')} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="screen"]{--band-photo:url('/media/bands/screen.webp')} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="tea"]{--band-photo:url('/media/bands/tea.webp')} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="brush"]{--band-photo:url('/media/bands/brush.webp')} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="bowl"]{--band-photo:url('/media/bands/bowl.webp')} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="night"]{--band-photo:url('/media/bands/night.webp')} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="thread"]{--band-photo:url('/media/bands/thread.webp')} #readingDemo.rp-theme-clean .rp-sheet-head[data-band^="plain"]{min-height:160px} #readingDemo.rp-theme-clean .rp-sheet-head[data-band^="plain"]::after{background:none} #readingDemo.rp-theme-clean .rp-sheet-head[data-band^="plain"]::before{inset:auto -6px -34px auto;width:auto;height:auto;background:none;font:900 170px/1 var(--cl-display);color:#ffffff12} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-indigo"]{background:radial-gradient(circle at 88% 0%,#6f7bea44,#6f7bea00 46%),linear-gradient(140deg,#2a2f6b,#13122e)} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-indigo"]::before{content:"氣"} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-teal"]{background:radial-gradient(circle at 88% 0%,#4fb3a944,#4fb3a900 46%),linear-gradient(140deg,#14514f,#0b2427)} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-teal"]::before{content:"時"} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-amber"]{background:radial-gradient(circle at 88% 0%,#f2c45a44,#f2c45a00 46%),linear-gradient(140deg,#6b4512,#2a1a08)} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-amber"]::before{content:"道"} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-plum"]{background:radial-gradient(circle at 88% 0%,#d0708e44,#d0708e00 46%),linear-gradient(140deg,#5a1a44,#1a0812)} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-plum"]::before{content:"本"} #readingDemo.rp-theme-clean .rp-sheet-head::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1a081218 0%,#1a081266 40%,#1a0812e8 100%)} #readingDemo.rp-theme-clean .rp-sheet-head>.rp-eyebrow{align-self:flex-start;margin:0 0 10px;padding:5px 14px;border:0;border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:800 14px/1.5 var(--sans);letter-spacing:.12em} #readingDemo.rp-theme-clean .rp-sheet-head>.rp-eyebrow::before,#readingDemo.rp-theme-clean .rp-sheet-head>.rp-eyebrow::after{content:none} #readingDemo.rp-theme-clean .rp-sheet-head>.rp-eyebrow:empty{display:none} #readingDemo.rp-theme-clean .rp-sheet-head h3{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:900 32px/1.32 var(--cl-display);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 14px #0007} #readingDemo.rp-theme-clean .rp-sheet-head h3::after{content:"";display:block;width:52px;height:4px;margin-top:12px;border-radius:4px;background:var(--cl-gold-2)} #readingDemo.rp-theme-clean .rp-sheet-head .rp-lead{margin-top:12px;color:#ffffffd9;font-size:20px;line-height:1.7} /* Cover: a poster of the teller's room, the title and verdict on the dark lower half */ #readingDemo.rp-theme-clean .pr-cover{--cover-photo:clamp(300px,82vw,500px);position:relative;overflow:hidden;isolation:isolate;margin:0 0 8px;padding:0;border-radius:28px;background:var(--cl-night);box-shadow:0 24px 60px #1a081255} #readingDemo.rp-theme-clean .pr-cover::before,#readingDemo.rp-theme-clean .pr-cover::after{content:"";position:absolute;inset:0 0 auto 0;height:var(--cover-photo)} #readingDemo.rp-theme-clean .pr-cover::before{z-index:-2;background:var(--room-image,none) 50% 20%/cover no-repeat} #readingDemo.rp-theme-clean .pr-cover::after{z-index:-1;background:linear-gradient(180deg,#1a081200 0%,#1a081200 45%,#1a0812b8 78%,#1a0812 100%)} #readingDemo.rp-theme-clean .pr-cover-frame{padding:calc(var(--cover-photo) - 96px) 26px 30px;border:0;border-radius:0;background:none;box-shadow:none} #readingDemo.rp-theme-clean .pr-cover-frame::before,#readingDemo.rp-theme-clean .pr-cover-frame::after{content:none} #readingDemo.rp-theme-clean .pr-cover-kicker{position:absolute;top:18px;left:50%;transform:translateX(-50%);margin:0;padding:6px 16px;border-radius:999px;background:#1a081266;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:800 14px/1.5 var(--sans);letter-spacing:.16em;white-space:nowrap} #readingDemo.rp-theme-clean .pr-medallion{display:none} #readingDemo.rp-theme-clean .pr-cover-title{margin:0 0 18px;color:#fff;font:900 36px/1.3 var(--cl-display);letter-spacing:-.02em;text-shadow:0 2px 18px #000b} #readingDemo.rp-theme-clean .pr-cover-topic{display:block;margin:0 0 6px;color:var(--cl-gold-2);font:800 20px/1.4 var(--sans);letter-spacing:.12em} #readingDemo.rp-theme-clean .pr-cover-sep{display:none} #readingDemo.rp-theme-clean .pr-cover-name{display:block} #readingDemo.rp-theme-clean .pr-cover-verdict{margin:0 auto 24px;padding:18px 20px;border:0;border-radius:18px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff26;color:#fff;font:800 21px/1.7 var(--sans)} #readingDemo.rp-theme-clean .pr-cover-pillar{border:0;border-radius:16px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f} #readingDemo.rp-theme-clean .pr-cover-pillar.is-me{background:#ffffff26;box-shadow:inset 0 0 0 2px var(--cl-gold-2)} #readingDemo.rp-theme-clean .pr-cover-pillar>span{color:var(--cl-gold-2)} #readingDemo.rp-theme-clean .pr-cover-pillar small{color:#ffffffd9} #readingDemo.rp-theme-clean .pr-cover-pillar .pr-ch{border-radius:12px;font-family:var(--cl-display)} #readingDemo.rp-theme-clean .pr-cover-meta li{border:0;background:#ffffff1f;color:#fff} /* Conclusion page: the verdict as a big serif statement, three quiet cards, the answer, Toss-like number tiles */ #readingDemo.rp-theme-clean .pr-verdict{position:relative;overflow:hidden;margin:0 0 26px;padding:28px 26px;border:0;border-radius:24px;background:linear-gradient(150deg,#5a1a44,var(--cl-night));box-shadow:0 18px 40px #4a183838} #readingDemo.rp-theme-clean .pr-verdict::after{content:"”";position:absolute;right:14px;bottom:-40px;font:900 170px/1 var(--cl-display);color:#ffffff12;pointer-events:none} #readingDemo.rp-theme-clean .pr-verdict span{display:inline-block;margin:0 0 12px;padding:0;border-radius:0;background:none;color:var(--cl-gold-2);font:800 15px/1.5 var(--sans);letter-spacing:.14em} #readingDemo.rp-theme-clean .pr-verdict p{position:relative;color:#fff;font:900 28px/1.55 var(--cl-display);letter-spacing:-.02em} #readingDemo.rp-theme-clean .pr-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 28px} #readingDemo.rp-theme-clean .pr-card{padding:22px 20px 18px;border:0;border-radius:22px;box-shadow:none} #readingDemo.rp-theme-clean .pr-card h4{gap:10px;font:900 21px/1.4 var(--sans)} #readingDemo.rp-theme-clean .pr-card-icon{width:38px;height:38px;color:transparent;font-size:0;box-shadow:none} #readingDemo.rp-theme-clean .pr-card-strength{background:var(--cl-tint-2)}#readingDemo.rp-theme-clean .pr-card-strength h4{color:#4a2fae} #readingDemo.rp-theme-clean .pr-card-strength .pr-card-icon{background:var(--cl-i-star) center/20px no-repeat,#6a4bd1} #readingDemo.rp-theme-clean .pr-card-caution{background:var(--cl-coral-tint)}#readingDemo.rp-theme-clean .pr-card-caution h4{color:#a8361f} #readingDemo.rp-theme-clean .pr-card-caution .pr-card-icon{background:var(--cl-i-alert) center/20px no-repeat,var(--cl-coral)} #readingDemo.rp-theme-clean .pr-card-chance{background:var(--cl-warm)}#readingDemo.rp-theme-clean .pr-card-chance h4{color:var(--cl-gold-ink)} #readingDemo.rp-theme-clean .pr-card-chance .pr-card-icon{background:var(--cl-i-spark) center/20px no-repeat,#e09a1d} #readingDemo.rp-theme-clean .pr-card ul{padding-left:20px} #readingDemo.rp-theme-clean .pr-card li{color:var(--cl-text);font:600 20px/1.7 var(--sans)} #readingDemo.rp-theme-clean .pr-answer{margin:0 0 30px;padding:26px 24px;border:0;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 2px var(--cl-line),var(--cl-shadow)} #readingDemo.rp-theme-clean .pr-answer-label{display:inline-block;margin:0 0 8px;color:var(--cl-berry);font:800 15px/1.6 var(--sans);letter-spacing:.12em} #readingDemo.rp-theme-clean .pr-answer-q{color:var(--cl-muted);font:700 20px/1.6 var(--sans)} #readingDemo.rp-theme-clean .pr-answer h4{color:var(--cl-ink);font:900 27px/1.45 var(--cl-display);letter-spacing:-.02em} #readingDemo.rp-theme-clean .pr-answer p:not(.pr-answer-label):not(.pr-answer-q){color:var(--cl-text)} #readingDemo.rp-theme-clean .pr-answer p:not(.pr-answer-label):not(.pr-answer-q):first-of-type{color:var(--cl-ink);font-weight:800} #readingDemo.rp-theme-clean .pr-stats{gap:12px;margin:-10px 0 28px} #readingDemo.rp-theme-clean .pr-stat{align-items:center;gap:2px;padding:22px 16px;border:0;border-radius:22px;background:#faf6f2;text-align:center;box-shadow:none} #readingDemo.rp-theme-clean .pr-stat span{color:var(--cl-muted);font:700 16px/1.5 var(--sans)} #readingDemo.rp-theme-clean .pr-stat strong{color:var(--cl-ink);font:900 30px/1.35 var(--cl-display);letter-spacing:-.01em} #readingDemo.rp-theme-clean .pr-stat small{color:var(--cl-muted);font:600 16px/1.5 var(--sans)} #readingDemo.rp-theme-clean .pr-lucky-chips li{border:0;border-radius:18px;background:var(--cl-warm)} /* Key points: an editorial list with big serif numerals */ #readingDemo.rp-theme-clean .pr-keypoints{margin:0 0 30px;padding:0;border:0;border-radius:0;background:none;box-shadow:none} #readingDemo.rp-theme-clean .pr-keypoints h4{display:block;margin:0 0 6px;color:var(--cl-berry);font:800 15px/1.5 var(--sans);letter-spacing:.14em} #readingDemo.rp-theme-clean .pr-keypoints h4::after{content:none} #readingDemo.rp-theme-clean .pr-keypoints ul{display:block;border-top:2px solid var(--cl-ink);counter-reset:cl-point} #readingDemo.rp-theme-clean .pr-keypoints li{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:4px;padding:16px 0;border-bottom:1px solid var(--cl-line);color:var(--cl-ink);font:800 22px/1.6 var(--sans);counter-increment:cl-point} #readingDemo.rp-theme-clean .pr-keypoints li::before{content:counter(cl-point,decimal-leading-zero);position:static;display:block;width:auto;height:auto;border-radius:0;background:none;color:var(--cl-berry-2);font:900 30px/1 var(--cl-display);box-shadow:none} /* The chapter's key line, said by the teller: a centred serif quotation with her or his face and name */ #readingDemo.rp-theme-clean .rp-emphasis{display:flex;flex-direction:column;align-items:center;margin:0 0 32px;padding:26px 8px 24px;border:0;border-radius:0;background:none;box-shadow:none;text-align:center} #readingDemo.rp-theme-clean .rp-emphasis::before{content:"“";display:block;margin:0 0 -6px;font:900 66px/1 var(--cl-display);color:var(--cl-gold)} #readingDemo.rp-theme-clean .rp-emphasis p{order:1;margin:0;padding:0;border-radius:0;background:none;color:var(--cl-ink);font:700 25px/1.65 var(--cl-display);letter-spacing:-.01em} /* The teller's face already closes every chapter (the closing card), so the quotation carries only the name. */ #readingDemo.rp-theme-clean .pr-say-face{display:none} #readingDemo.rp-theme-clean .rp-emphasis[data-by]::after{content:"— " attr(data-by);order:3;margin-top:14px;color:var(--cl-muted);font:700 16px/1.5 var(--sans);letter-spacing:.06em} /* Sections: number, serif title, the conclusion with a highlighter stroke, the evidence chip */ #readingDemo.rp-theme-clean .pr-section{margin:0;padding:6px 0 18px;counter-increment:cl-section} #readingDemo.rp-theme-clean .pr-section+.pr-section{border-top:1px solid var(--cl-line);padding-top:10px} #readingDemo.rp-theme-clean .pr-section+.pr-section::before{content:none} #readingDemo.rp-theme-clean .pr-section h4{position:relative;margin:22px 0 14px;padding:0;border:0;background:none;font:900 26px/1.45 var(--cl-display);color:var(--cl-ink)} #readingDemo.rp-theme-clean .pr-section h4::before{content:counter(cl-section,decimal-leading-zero);position:static;display:block;margin:0 0 4px;color:var(--cl-berry-2);font:800 15px/1.4 var(--sans);letter-spacing:.14em} #readingDemo.rp-theme-clean .pr-section .rp-body-copy{color:var(--cl-text)} #readingDemo.rp-theme-clean .pr-section .pr-lead{color:var(--cl-ink);font-weight:800;background:linear-gradient(transparent 64%,#ffe39a99 64%);-webkit-box-decoration-break:clone;box-decoration-break:clone} #readingDemo.rp-theme-clean .pr-basis{display:flex;align-items:baseline;gap:10px;margin:-6px 0 6px;padding:12px 16px;border-radius:14px;background:#f7f3ef;color:var(--cl-muted);font:600 17px/1.65 var(--sans)} #readingDemo.rp-theme-clean .pr-basis b{flex:none;margin:0;padding:2px 10px;border-radius:999px;background:#fff;color:var(--cl-berry);font:800 14px/1.6 var(--sans);letter-spacing:.02em;box-shadow:0 1px 0 var(--cl-line)} /* Good / caution: two columns like a do and don't list */ #readingDemo.rp-theme-clean .pr-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin:22px 0 28px;padding-top:4px;border-top:2px solid var(--cl-ink)} #readingDemo.rp-theme-clean .pr-duo section{overflow:visible;padding:16px 0 0;border:0;border-radius:0;background:none;box-shadow:none} #readingDemo.rp-theme-clean .pr-duo section::before{content:none} #readingDemo.rp-theme-clean .pr-duo h4{display:flex;align-items:center;gap:10px;margin:0 0 4px;font:900 20px/1.4 var(--sans);letter-spacing:.02em} #readingDemo.rp-theme-clean .pr-duo h4::before{content:"";flex:none;width:30px;height:30px;border-radius:50%} #readingDemo.rp-theme-clean .pr-good h4{color:#1f6b42}#readingDemo.rp-theme-clean .pr-good h4::before{background:var(--cl-i-check) center/16px no-repeat,var(--cl-green)} #readingDemo.rp-theme-clean .pr-caution h4{color:#a8361f}#readingDemo.rp-theme-clean .pr-caution h4::before{background:var(--cl-i-alert) center/17px no-repeat,var(--cl-coral)} #readingDemo.rp-theme-clean .pr-duo ul{margin:0;padding:0;list-style:none;gap:0} #readingDemo.rp-theme-clean .pr-duo li{padding:12px 0;border-bottom:1px solid var(--cl-line);color:var(--cl-text);font:600 20px/1.7 var(--sans)} /* Charts and figures: white cards */ #readingDemo.rp-theme-clean .rp-chart{position:relative;margin:0 0 28px;padding:26px 24px;border:1px solid var(--cl-line);border-radius:24px;background:#fff;box-shadow:var(--cl-shadow)} #readingDemo.rp-theme-clean .rp-chart::before{content:none} #readingDemo.rp-theme-clean .rp-chart figcaption{color:var(--cl-ink);font:900 24px/1.45 var(--cl-display)} #readingDemo.rp-theme-clean .rp-chart figcaption>span{color:var(--cl-muted);font:600 17px/1.6 var(--sans)} #readingDemo.rp-theme-clean .rp-chart-note{color:var(--cl-muted)} #readingDemo.rp-theme-clean .rp-bar-track{background:#f1ecf0;border-radius:999px}#readingDemo.rp-theme-clean .rp-bar-track i{border-radius:999px} #readingDemo.rp-theme-clean .rp-pillar-grid{gap:10px} #readingDemo.rp-theme-clean .rp-pillar{border:0;border-radius:18px;background:#faf6f2;box-shadow:inset 0 0 0 1px var(--cl-line)} #readingDemo.rp-theme-clean .rp-pillar-label{background:var(--cl-plum);color:#fff;font-weight:800} #readingDemo.rp-theme-clean .rp-pillar strong{color:var(--cl-ink);font-family:var(--cl-display)} #readingDemo.rp-theme-clean .rp-pillar small{color:var(--cl-muted)} /* Things to do: a to-do list with numbered rings */ #readingDemo.rp-theme-clean .rp-advice{gap:0;margin-top:12px} #readingDemo.rp-theme-clean .rp-advice>div{grid-template-columns:46px minmax(0,1fr);min-height:0;gap:6px 14px;padding:14px 0;border:0;border-bottom:1px solid var(--cl-line);border-radius:0;background:none;box-shadow:none} #readingDemo.rp-theme-clean .rp-advice>div:last-child{border-bottom:0} #readingDemo.rp-theme-clean .rp-advice strong{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--cl-berry);border-radius:50%;background:#fff;color:var(--cl-berry);font:900 14px/1 var(--sans);box-shadow:none} #readingDemo.rp-theme-clean .rp-advice small{color:var(--cl-ink);font:700 21px/1.65 var(--sans)} #readingDemo.rp-theme-clean .rp-map>div{border:0;border-radius:20px;background:var(--cl-tint)} #readingDemo.rp-theme-clean .rp-map strong{color:var(--cl-berry)} /* The teller's closing word */ #readingDemo.rp-theme-clean .pr-quip{position:relative;gap:14px;margin:8px 0 8px;padding:18px 20px;border:0;border-radius:22px;background:linear-gradient(135deg,#4a1838,#7a2350);box-shadow:0 14px 30px #4a183833} #readingDemo.rp-theme-clean .pr-quip::after{content:none} #readingDemo.rp-theme-clean .pr-quip-face{width:64px;border:0;box-shadow:0 0 0 3px #ffffff,0 0 0 5px var(--cl-gold-2)} #readingDemo.rp-theme-clean .pr-quip p{color:#fff;font:700 22px/1.65 var(--cl-display)} #readingDemo.rp-theme-clean .pr-quip b{color:var(--cl-gold-2);font:800 15px/1.6 var(--sans);letter-spacing:.08em} /* Each chapter's closing card takes the colour of its opening photo, so the same card never looks the same twice. */ #readingDemo.rp-theme-clean .rp-panel[data-band="window"] .pr-quip{background:linear-gradient(135deg,#1f2453,#3d3477)} #readingDemo.rp-theme-clean .rp-panel[data-band="screen"] .pr-quip{background:linear-gradient(135deg,#0f3a3f,#1f5c5a)} #readingDemo.rp-theme-clean .rp-panel[data-band="tea"] .pr-quip{background:linear-gradient(135deg,#1d3a2e,#2f5c47)} #readingDemo.rp-theme-clean .rp-panel[data-band="brush"] .pr-quip{background:linear-gradient(135deg,#1c1b22,#3d3746)} #readingDemo.rp-theme-clean .rp-panel[data-band="bowl"] .pr-quip{background:linear-gradient(135deg,#4a3112,#71501f)} #readingDemo.rp-theme-clean .rp-panel[data-band="night"] .pr-quip{background:linear-gradient(135deg,#0f1838,#25336a)} #readingDemo.rp-theme-clean .rp-panel[data-band="thread"] .pr-quip{background:linear-gradient(135deg,#5a0f1f,#8e2433)} /* Timing, months, roadmap */ #readingDemo.rp-theme-clean .pr-cycles li,#readingDemo.rp-theme-clean .pr-month,#readingDemo.rp-theme-clean .pr-roadmap>li{border:0;border-radius:20px;background:#faf6f2;box-shadow:none} #readingDemo.rp-theme-clean .pr-cycles li.is-now{background:linear-gradient(150deg,#5a1a44,var(--cl-night));box-shadow:0 12px 28px #4a183833} #readingDemo.rp-theme-clean .pr-cycle-age{border-radius:14px;background:#fff;color:var(--cl-berry)} #readingDemo.rp-theme-clean .pr-cycles strong{font-family:var(--cl-display)} #readingDemo.rp-theme-clean .pr-cycles li.is-now .pr-cycle-age{background:var(--cl-gold-2);color:#4a2a00} #readingDemo.rp-theme-clean .pr-cycle-theme,#readingDemo.rp-theme-clean .pr-month-keyword{color:var(--cl-berry)} #readingDemo.rp-theme-clean .pr-month-keyword{font-family:var(--cl-display)} #readingDemo.rp-theme-clean .pr-month{border-top:0} /* Chosen months: a green or amber ring on the card, quiet tinted boxes for the two lists */ #readingDemo.rp-theme-clean .pr-month.is-best{background:var(--cl-green-tint);box-shadow:inset 0 0 0 2px var(--cl-green)} #readingDemo.rp-theme-clean .pr-month.is-rest{background:var(--cl-warm);box-shadow:inset 0 0 0 2px #e0a93b} #readingDemo.rp-theme-clean .pr-picks-strip{border:0;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 2px var(--cl-line),var(--cl-shadow)} #readingDemo.rp-theme-clean .pr-pick-group{border-radius:20px} #readingDemo.rp-theme-clean .pr-pick-group h4{font-family:var(--cl-display)} #readingDemo.rp-theme-clean .pr-pick-group strong{color:var(--cl-ink);font-family:var(--cl-display)} #readingDemo.rp-theme-clean .pr-pick-group small{color:var(--cl-muted)} #readingDemo.rp-theme-clean .pr-pick-group li p{color:var(--cl-text)} #readingDemo.rp-theme-clean .pr-month-group{border-radius:999px} #readingDemo.rp-theme-clean .pr-step-no{border:0;background:var(--cl-plum);color:#fff;font-family:var(--cl-display)} #readingDemo.rp-theme-clean .pr-roadmap h4{color:var(--cl-ink);font-family:var(--cl-display)} /* Letter */ #readingDemo.rp-theme-clean .rp-letter{border-radius:22px;background:#fffaf2;box-shadow:inset 0 0 0 1px #f0e2c9;font-family:var(--cl-display)} /* Free reading pieces */ #readingDemo.rp-theme-clean .rp-keywords li{border:0;border-radius:999px;padding:6px 16px;background:var(--cl-tint);color:var(--cl-berry);font-weight:800} #readingDemo.rp-theme-clean .rp-detail{border:0;border-radius:18px;background:#faf6f2} #readingDemo.rp-theme-clean .rp-summary-link{border-radius:18px;background:var(--cl-warm)} #readingDemo.rp-theme-clean .rp-notice{border:0;border-radius:18px;background:var(--cl-coral-tint);color:#7a2a1a} #readingDemo.rp-theme-clean .rp-subhead{margin:34px 0 0;padding:0;border:0;background:none;color:var(--cl-ink);font:900 26px/1.45 var(--cl-display)} #readingDemo.rp-theme-clean .rp-soft-box{border:0;border-radius:18px;background:var(--cl-tint);color:var(--cl-text)} /* Paywall: locked chapters, what is included, the price and the button */ #readingDemo.rp-theme-clean .rp-locked-list li{border:0;border-radius:20px;background:#faf6f2;box-shadow:inset 0 0 0 1px var(--cl-line)} #readingDemo.rp-theme-clean .rp-locked-num{color:var(--cl-berry-2);font-family:var(--cl-display);font-weight:900} #readingDemo.rp-theme-clean .rp-locked-list strong{color:var(--cl-ink)} #readingDemo.rp-theme-clean .rp-locked-list p{color:var(--cl-muted)} #readingDemo.rp-theme-clean .rp-locked-mark{border:0;border-radius:999px;background:var(--cl-tint);color:var(--cl-berry);font-weight:800} #readingDemo.rp-theme-clean .rp-includes li{padding-left:42px} #readingDemo.rp-theme-clean .rp-includes li::before{content:"";left:0;top:6px;width:28px;height:28px;border-radius:50%;background:var(--cl-i-check) center/15px no-repeat,var(--cl-berry)} #readingDemo.rp-theme-clean .rp-buy{padding:28px 26px;border:0;border-radius:26px;background:#fff;box-shadow:inset 0 0 0 2px #f1e3ec,0 18px 44px #4a18381c} #readingDemo.rp-theme-clean .rp-price strong{color:var(--cl-ink);font-family:var(--cl-display);font-weight:900} #readingDemo.rp-theme-clean .rp-offer{background:var(--cl-gold-2);color:#4a2a00;font-weight:900} #readingDemo.rp-theme-clean .rp-offer-applied{border-radius:14px;background:var(--cl-warm);color:var(--cl-gold-ink)} #readingDemo.rp-theme-clean .rp-cta{min-height:76px;border:0;border-radius:999px;background:linear-gradient(135deg,#b23a6e,#8e2453 45%,#4a1838);color:#fff;font:900 24px/1.4 var(--sans);box-shadow:0 14px 30px #8e245355,inset 0 2px 0 #ffffff33} #readingDemo.rp-theme-clean .rp-cta:hover{background:linear-gradient(135deg,#c2457f,#9b2a5c 45%,#55193f)} #readingDemo.rp-theme-clean .rp-checkout{border:0;border-radius:22px;background:#faf6f2} #readingDemo.rp-theme-clean .rp-checkout-title{color:var(--cl-ink);font-family:var(--cl-display);font-weight:900} #readingDemo.rp-theme-clean .rp-ack{border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--cl-line)} #readingDemo.rp-theme-clean .rp-ack input{accent-color:var(--cl-berry)} #readingDemo.rp-theme-clean .rp-terms-links a{color:var(--cl-berry)} /* The small cover holds its own "별하 심층 풀이 기록서" chip (it is placed from the top of the nearest positioned box, which used to be the whole figure, so the chip sat on the figure's title). */ #readingDemo.rp-theme-clean .pr-preview-cover{position:relative;padding-top:64px;border:0;border-radius:22px;background:linear-gradient(180deg,#1a081255,#1a0812ee),var(--room-image,none) 50% 15%/cover,var(--cl-night)} #readingDemo.rp-theme-clean .pr-preview-locked,#readingDemo.rp-theme-clean .pr-preview-months li{border:0;border-radius:18px;background:#faf6f2;box-shadow:inset 0 0 0 1px var(--cl-line)} #readingDemo.rp-theme-clean .pr-preview-card{border-radius:14px;background:#fff} #readingDemo.rp-theme-clean .pr-preview-card b,#readingDemo.rp-theme-clean .pr-preview-months span{color:var(--cl-berry)} #readingDemo.rp-theme-clean .pr-lock-badge{border:0;background:var(--cl-plum);box-shadow:0 10px 24px #4a183855} /* Review box under a paid report */ #readingDemo.rp-theme-clean .rp-review{border:0;border-radius:22px;background:#faf6f2;box-shadow:inset 0 0 0 1px var(--cl-line)} #readingDemo.rp-theme-clean .rp-review-title{color:var(--cl-ink);font-family:var(--cl-display);font-weight:900} #readingDemo.rp-theme-clean .rp-review-lead{color:var(--cl-muted)} #readingDemo.rp-theme-clean .rp-review-star{border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--cl-line);color:#d9cfdd} #readingDemo.rp-theme-clean .rp-review-star.is-on{background:var(--cl-warm);color:#e09a1d;box-shadow:inset 0 0 0 2px var(--cl-gold-2)} #readingDemo.rp-theme-clean .rp-review-text,#readingDemo.rp-theme-clean .rp-review-age{border:2px solid var(--cl-line);border-radius:14px} #readingDemo.rp-theme-clean .rp-review.is-folded{background:none;box-shadow:none} /* 질문 하나 풀이: a quieter box and button than the full report's */ #readingDemo.rp-theme-clean .rp-mini-buy{background:var(--cl-tint);box-shadow:none} #readingDemo.rp-theme-clean .rp-mini-kicker{color:var(--cl-berry)} #readingDemo.rp-theme-clean .rp-mini-buy .rp-price span{color:var(--cl-ink);font-family:var(--cl-display)} #readingDemo.rp-theme-clean :is(.rp-mini-asked,.rp-mini-note){color:var(--cl-muted)} #readingDemo.rp-theme-clean .rp-mini-cta{background:var(--cl-plum);box-shadow:0 10px 22px #4a183833} #readingDemo.rp-theme-clean .rp-mini-cta:hover{background:var(--cl-night)} /* What earlier customers said, above the price */ #readingDemo.rp-theme-clean .rp-proof{border:0;border-radius:22px;background:var(--cl-warm)} #readingDemo.rp-theme-clean .rp-proof-head{color:var(--cl-ink);font-family:var(--cl-display);font-weight:900} #readingDemo.rp-theme-clean .rp-proof-item{border-radius:16px} #readingDemo.rp-theme-clean .rp-proof-item blockquote{color:var(--cl-ink)} #readingDemo.rp-theme-clean :is(.rp-proof-item figcaption,.rp-proof-note){color:var(--cl-muted)} /* Line breaks: titles and short statements share their words evenly between lines (no single word left alone on the last line), and paragraphs avoid a lone last word where the browser can. Phones and PCs still break at different places because their widths differ. */ #readingDemo.rp-theme-clean :is(h2,h3,h4,.pr-cover-name,.pr-cover-verdict,.pr-verdict p,.rp-emphasis p,.pr-quip p,.pr-keypoints li,.rp-question p,.pr-answer h4){text-wrap:balance} #readingDemo.rp-theme-clean :is(p,li){text-wrap:pretty} /* Each teller's own dress (2026-10-02; the user: "도사마다 결과가 조금 특색있었음… 디자인도 좀 차이를"). The colours, the seal and a small motif change with the teller; the brand wine stays only where no teller is set. 청운 mountain teal · 월하 moonlit violet · 별동 starry navy · 소담 blossom pink · 무진 ink and vermilion · 연화 jade lotus */ #readingDemo.rp-theme-clean[data-teller="cheongun"]{--cl-berry:#1f5f6e;--cl-berry-2:#2f7f90;--cl-plum:#163f4a;--cl-night:#0b1d22;--cl-tint:#edf5f6;--cl-tint-2:#eef3f6;--teller-ink:#1f5f6e; --teller-motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f2c45a' d='M1 20l6.5-10 3.6 5.2L15.5 7 23 20z'/%3E%3Cpath fill='%23f2c45a' opacity='.6' d='M5 6.5a2.6 2.6 0 0 1 4.9-1.2A2.2 2.2 0 0 1 13 7.4H5.6A1.2 1.2 0 0 1 5 6.5z'/%3E%3C/svg%3E")} #readingDemo.rp-theme-clean[data-teller="wolha"]{--cl-berry:#5f3f94;--cl-berry-2:#8566b8;--cl-plum:#2e2147;--cl-night:#130d22;--cl-tint:#f3effa;--cl-tint-2:#f1eef9;--teller-ink:#5f3f94; --teller-motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f2c45a' d='M15.5 2.5a9.5 9.5 0 1 0 6 16.6A8 8 0 0 1 15.5 2.5z'/%3E%3C/svg%3E")} #readingDemo.rp-theme-clean[data-teller="byeoldong"]{--cl-berry:#2c4a8c;--cl-berry-2:#3d63b0;--cl-plum:#1b2a55;--cl-night:#0c142e;--cl-tint:#eef3fc;--cl-tint-2:#fff7e0;--teller-ink:#2c4a8c; --teller-motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f2c45a' d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.2 1.2-6.5-4.8-4.6 6.6-.9z'/%3E%3C/svg%3E")} #readingDemo.rp-theme-clean[data-teller="sodam"]{--cl-berry:#a8436a;--cl-berry-2:#c95f86;--cl-plum:#5a2340;--cl-night:#2a0f1e;--cl-tint:#fdf1f5;--cl-tint-2:#fbeff4;--teller-ink:#a8436a; --teller-motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23f2c45a'%3E%3Ccircle cx='12' cy='6' r='4'/%3E%3Ccircle cx='17.7' cy='10.2' r='4'/%3E%3Ccircle cx='15.5' cy='16.9' r='4'/%3E%3Ccircle cx='8.5' cy='16.9' r='4'/%3E%3Ccircle cx='6.3' cy='10.2' r='4'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='2.6' fill='%23fff3c4'/%3E%3C/svg%3E")} #readingDemo.rp-theme-clean[data-teller="mujin"]{--cl-berry:#9e3426;--cl-berry-2:#b8483a;--cl-plum:#1e2b25;--cl-night:#0e1512;--cl-tint:#f4f2ee;--cl-tint-2:#f1f1ec;--teller-ink:#9e3426; --teller-motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f2c45a' d='M20.6 2.2l1.2 1.2-12 12.6-1.9-1.9z'/%3E%3Cpath fill='%23f2c45a' d='M6.2 13.6l4.2 4.2-1.6 1.6-1.3-1.3-2.9 2.9-1.4-1.4 2.9-2.9-1.5-1.5z'/%3E%3C/svg%3E")} #readingDemo.rp-theme-clean[data-teller="yeonhwa"]{--cl-berry:#2f6f4f;--cl-berry-2:#4a8f6b;--cl-plum:#1c3a2b;--cl-night:#0d1d15;--cl-tint:#eef6f1;--cl-tint-2:#fbf1f4;--teller-ink:#2f6f4f; --teller-motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23f2c45a'%3E%3Cpath d='M12 3c2.4 2.6 3.2 6 2.2 9.8L12 15l-2.2-2.2C8.8 9 9.6 5.6 12 3z'/%3E%3Cpath opacity='.75' d='M3 9.5c3.5-.2 6.4 1.6 8.2 5L12 16.8c-3.6.6-7-1.4-9-7.3zM21 9.5c-3.5-.2-6.4 1.6-8.2 5L12 16.8c3.6.6 7-1.4 9-7.3z'/%3E%3Cpath opacity='.55' d='M4 18.5h16c-1.6 1.6-4.6 2.6-8 2.6s-6.4-1-8-2.6z'/%3E%3C/g%3E%3C/svg%3E")} /* Dark statement cards follow the teller's colours */ #readingDemo.rp-theme-clean[data-teller] .pr-verdict,#readingDemo.rp-theme-clean[data-teller] .pr-cycles li.is-now{background:linear-gradient(150deg,var(--cl-plum),var(--cl-night))} #readingDemo.rp-theme-clean[data-teller] .rp-tabs button:hover{background:var(--cl-tint-2)} /* The seal: each teller stamps in their own colour and shape */ #readingDemo.rp-theme-clean[data-teller] .rp-seal{border-color:var(--teller-ink);color:var(--teller-ink)} #readingDemo.rp-theme-clean[data-teller="mujin"] .rp-seal{border-color:#b3261e;color:#b3261e} #readingDemo.rp-theme-clean:is([data-teller="wolha"],[data-teller="sodam"],[data-teller="byeoldong"]) .rp-seal{border-radius:50%;transform:rotate(-4deg)} #readingDemo.rp-theme-clean[data-teller="byeoldong"] .rp-seal{border-color:#c48a12;background:#fff8e1;color:#9a6a00} #readingDemo.rp-theme-clean[data-teller="yeonhwa"] .rp-seal{border-radius:18px} /* The motif in front of the cover's topic line */ #readingDemo.rp-theme-clean[data-teller] .pr-cover-topic::before{content:"";display:inline-block;width:22px;height:22px;margin-right:8px;vertical-align:-4px;background:var(--teller-motif) center/contain no-repeat} /* The teller's own page gets a band in the teller's colours with the first letter of their name */ #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-teller"]{background:radial-gradient(circle at 86% 4%,#f2c45a33,#f2c45a00 44%),linear-gradient(140deg,var(--cl-plum),var(--cl-night))} #readingDemo.rp-theme-clean .rp-sheet-head[data-band="plain-teller"]::before{content:var(--teller-glyph,"本")} #readingDemo.rp-theme-clean .rp-panel[data-band="plain-teller"] .pr-quip{background:linear-gradient(135deg,var(--cl-plum),var(--cl-berry))} /* The teller's own page (.pr-sig): one board, a different shape for each teller */ #readingDemo.rp-theme-clean .pr-sig{display:grid;gap:14px;margin:0 0 22px} #readingDemo.rp-theme-clean .pr-sig-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 14px;padding:20px 22px;border-radius:22px;background:var(--cl-tint)} #readingDemo.rp-theme-clean .pr-sig-no{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cl-plum);color:#fff;font:900 18px/1 var(--cl-display)} #readingDemo.rp-theme-clean .pr-sig-label{margin:0;color:var(--cl-berry);font:900 22px/1.45 var(--cl-display)} #readingDemo.rp-theme-clean .pr-sig-text{margin:4px 0 0;color:var(--cl-ink);font:600 21px/1.75 var(--sans)} #readingDemo.rp-theme-clean .pr-sig-sign{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:6px 0 18px;color:var(--cl-muted);font:700 16px/1.5 var(--sans)} #readingDemo.rp-theme-clean .pr-sig-seal{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--teller-ink,#b3261e);border-radius:8px;color:var(--teller-ink,#b3261e);font:900 15px/1.05 var(--cl-display);transform:rotate(-6deg)} /* 청운: a mountain path, stations joined by one line, the last one a dark card of advice */ #readingDemo.rp-theme-clean .pr-sig.is-cheongun{gap:0;padding-left:8px} #readingDemo.rp-theme-clean .pr-sig.is-cheongun .pr-sig-item{padding:6px 0 26px 4px;border-radius:0;background:none} #readingDemo.rp-theme-clean .pr-sig.is-cheongun .pr-sig-item:not(:last-child)::before{content:"";position:absolute;left:23px;top:46px;bottom:0;width:3px;border-radius:3px;background:linear-gradient(var(--cl-berry-2),#cfe3e6)} #readingDemo.rp-theme-clean .pr-sig.is-cheongun .pr-sig-no{background:#fff;color:var(--cl-berry);box-shadow:inset 0 0 0 3px var(--cl-berry-2)} #readingDemo.rp-theme-clean .pr-sig.is-cheongun .pr-sig-item:nth-child(2) .pr-sig-no{background:var(--cl-berry);color:#fff;box-shadow:0 0 0 6px #2f7f9033} #readingDemo.rp-theme-clean .pr-sig.is-cheongun .pr-sig-item:last-child{margin-top:4px;padding:22px 22px;border-radius:22px;background:linear-gradient(150deg,var(--cl-plum),var(--cl-night))} #readingDemo.rp-theme-clean .pr-sig.is-cheongun .pr-sig-item:last-child :is(.pr-sig-label,.pr-sig-text){color:#fff} #readingDemo.rp-theme-clean .pr-sig.is-cheongun .pr-sig-item:last-child .pr-sig-label{color:var(--cl-gold-2)} /* 월하: four cards tied by a red thread, the last line read out like a blessing */ #readingDemo.rp-theme-clean .pr-sig.is-wolha{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} #readingDemo.rp-theme-clean .pr-sig.is-wolha .pr-sig-item{grid-template-columns:minmax(0,1fr);padding:22px 20px 20px;background:#fff;box-shadow:inset 0 0 0 2px #e6dcf3,var(--cl-shadow)} #readingDemo.rp-theme-clean .pr-sig.is-wolha .pr-sig-item::after{content:"";position:absolute;top:-9px;left:22px;width:16px;height:16px;border-radius:50%;background:#c23b4a;box-shadow:0 0 0 4px #fff} #readingDemo.rp-theme-clean .pr-sig.is-wolha .pr-sig-no{display:none} #readingDemo.rp-theme-clean .pr-sig.is-wolha .pr-sig-item:last-child{grid-column:1/-1;background:linear-gradient(150deg,var(--cl-plum),var(--cl-night));text-align:center;box-shadow:none} #readingDemo.rp-theme-clean .pr-sig.is-wolha .pr-sig-item:last-child::after{left:50%;transform:translateX(-50%)} #readingDemo.rp-theme-clean .pr-sig.is-wolha .pr-sig-item:last-child .pr-sig-label{color:#f3a6b0} #readingDemo.rp-theme-clean .pr-sig.is-wolha .pr-sig-item:last-child .pr-sig-text{color:#fff;font:700 23px/1.7 var(--cl-display)} #readingDemo.rp-theme-clean .pr-sig.is-wolha::before{content:"";grid-column:1/-1;order:-1;height:0;margin:0 6px -8px;border-top:2px dashed #c23b4a99} /* 별동: a sticker board, each card wearing a gold star with its number */ #readingDemo.rp-theme-clean .pr-sig.is-byeoldong{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #readingDemo.rp-theme-clean .pr-sig.is-byeoldong .pr-sig-item{grid-template-columns:minmax(0,1fr);padding:30px 20px 20px;background:#fff7e0;box-shadow:inset 0 0 0 2px #f5dd9a} #readingDemo.rp-theme-clean .pr-sig.is-byeoldong .pr-sig-item:nth-child(even){background:var(--cl-tint);box-shadow:inset 0 0 0 2px #cfdcf5} #readingDemo.rp-theme-clean .pr-sig.is-byeoldong .pr-sig-item:nth-child(4n+1){transform:rotate(-1deg)} #readingDemo.rp-theme-clean .pr-sig.is-byeoldong .pr-sig-item:nth-child(4n+4){transform:rotate(1deg)} #readingDemo.rp-theme-clean .pr-sig.is-byeoldong .pr-sig-no{position:absolute;top:-14px;right:16px;width:46px;height:46px;border-radius:0;background:#f2c45a;color:#4a2a00;font-size:16px;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)} /* 소담: a page of a diary, written on ruled lines */ #readingDemo.rp-theme-clean .pr-sig.is-sodam{gap:0;padding:14px 22px 6px;border-radius:22px;background:repeating-linear-gradient(180deg,#fffafb 0 37px,#f3d6df 37px 38px);box-shadow:inset 6px 0 0 #f3c2d0,var(--cl-shadow)} #readingDemo.rp-theme-clean .pr-sig.is-sodam .pr-sig-item{grid-template-columns:minmax(0,1fr);padding:10px 0 16px;border-radius:0;background:none} #readingDemo.rp-theme-clean .pr-sig.is-sodam .pr-sig-no{display:none} #readingDemo.rp-theme-clean .pr-sig.is-sodam .pr-sig-label::before{content:"♥";margin-right:8px;color:var(--cl-berry-2)} #readingDemo.rp-theme-clean .pr-sig.is-sodam .pr-sig-text{font:600 21px/38px var(--cl-display)} #readingDemo.rp-theme-clean .pr-sig.is-sodam .pr-sig-item:last-child .pr-sig-text{color:var(--cl-berry);font-weight:800} /* 무진: a decision table — go, wait, stop, then the rule to judge by */ #readingDemo.rp-theme-clean .pr-sig.is-mujin{gap:0;border-top:3px solid var(--cl-ink)} #readingDemo.rp-theme-clean .pr-sig.is-mujin .pr-sig-item{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:4px 18px;padding:18px 4px;border-radius:0;border-bottom:1px solid var(--cl-line);background:none} #readingDemo.rp-theme-clean .pr-sig.is-mujin .pr-sig-no{display:none} #readingDemo.rp-theme-clean .pr-sig.is-mujin .pr-sig-label{grid-row:span 2;align-self:start;padding:6px 12px;border-radius:10px;background:#e7f3ea;color:#1f6b42;font:900 18px/1.45 var(--sans);text-align:center} #readingDemo.rp-theme-clean .pr-sig.is-mujin .pr-sig-item:nth-child(2) .pr-sig-label{background:#fdf3dc;color:#8a5a00} #readingDemo.rp-theme-clean .pr-sig.is-mujin .pr-sig-item:nth-child(3) .pr-sig-label{background:var(--cl-coral-tint);color:#a8361f} #readingDemo.rp-theme-clean .pr-sig.is-mujin .pr-sig-item:nth-child(4){margin-top:14px;padding:20px 20px;border:0;border-radius:18px;background:linear-gradient(150deg,var(--cl-plum),var(--cl-night))} #readingDemo.rp-theme-clean .pr-sig.is-mujin .pr-sig-item:nth-child(4) .pr-sig-label{background:#ffffff1f;color:var(--cl-gold-2)} #readingDemo.rp-theme-clean .pr-sig.is-mujin .pr-sig-item:nth-child(4) .pr-sig-text{color:#fff;font-weight:800} /* 연화: a household ledger, labels stamped down the margin between double rules */ #readingDemo.rp-theme-clean .pr-sig.is-yeonhwa{gap:0;padding:6px 20px;border-radius:20px;background:#fffdf5;box-shadow:inset 0 0 0 2px #e9dcb8,var(--cl-shadow)} #readingDemo.rp-theme-clean .pr-sig.is-yeonhwa .pr-sig-item{grid-template-columns:130px minmax(0,1fr);align-items:start;gap:4px 16px;padding:18px 0;border-radius:0;border-bottom:3px double #e3d3a6;background:none} #readingDemo.rp-theme-clean .pr-sig.is-yeonhwa .pr-sig-item:last-child{border-bottom:0} #readingDemo.rp-theme-clean .pr-sig.is-yeonhwa .pr-sig-no{display:none} #readingDemo.rp-theme-clean .pr-sig.is-yeonhwa .pr-sig-label{grid-row:span 2;padding:8px 10px;border:2px solid #c9a24a;border-radius:10px;color:#7a5410;font:900 18px/1.45 var(--cl-display);text-align:center} #readingDemo.rp-theme-clean .pr-sig.is-yeonhwa .pr-sig-item:last-child .pr-sig-text{color:var(--cl-berry);font:700 22px/1.7 var(--cl-display)} @media(max-width:720px){ #readingDemo.rp-theme-clean .pr-sig-item{padding:18px 16px} #readingDemo.rp-theme-clean .pr-sig-text{font-size:20px} #readingDemo.rp-theme-clean :is(.pr-sig.is-wolha,.pr-sig.is-byeoldong){grid-template-columns:minmax(0,1fr)} #readingDemo.rp-theme-clean :is(.pr-sig.is-mujin,.pr-sig.is-yeonhwa) .pr-sig-item{grid-template-columns:minmax(0,1fr)} #readingDemo.rp-theme-clean :is(.pr-sig.is-mujin,.pr-sig.is-yeonhwa) .pr-sig-label{grid-row:auto;justify-self:start} #readingDemo.rp-theme-clean .pr-sig.is-sodam{padding:10px 16px 4px} } @media(min-width:1200px){#readingDemo.rp-theme-clean .pr-months{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){ #readingDemo.rp-theme-clean .pr-cards{grid-template-columns:minmax(0,1fr)} } @media(max-width:720px){ #readingDemo.rp-theme-clean{padding:22px 16px 18px;border-radius:22px} #readingDemo.rp-theme-clean .rp-header h2{font-size:29px} #readingDemo.rp-theme-clean .rp-header .rp-eyebrow{font-size:13px;letter-spacing:.1em} #readingDemo.rp-theme-clean .rp-seal{display:grid;width:50px;height:50px;font-size:16px;border-width:2px} #readingDemo.rp-theme-clean .rp-question{padding:16px 16px 16px 54px} #readingDemo.rp-theme-clean .rp-question::before{left:14px;font-size:50px} #readingDemo.rp-theme-clean .rp-question p{font-size:21px} #readingDemo.rp-theme-clean .rp-sheet-head{min-height:190px;padding:18px 18px 18px;border-radius:20px} #readingDemo.rp-theme-clean .rp-sheet-head h3{font-size:27px} #readingDemo.rp-theme-clean .rp-sheet-head .rp-lead{font-size:18px} #readingDemo.rp-theme-clean .pr-cover-frame{padding-left:16px;padding-right:16px;padding-bottom:24px} #readingDemo.rp-theme-clean .pr-cover-title{font-size:29px} #readingDemo.rp-theme-clean .pr-cover-verdict{font-size:19px;padding:14px 14px} #readingDemo.rp-theme-clean .pr-verdict{padding:22px 20px}#readingDemo.rp-theme-clean .pr-verdict p{font-size:24px} #readingDemo.rp-theme-clean .pr-answer{padding:22px 18px}#readingDemo.rp-theme-clean .pr-answer h4{font-size:24px} #readingDemo.rp-theme-clean .pr-stat strong{font-size:26px} #readingDemo.rp-theme-clean .pr-keypoints li{grid-template-columns:46px minmax(0,1fr);font-size:20px;padding:14px 0} #readingDemo.rp-theme-clean .pr-keypoints li::before{font-size:26px} #readingDemo.rp-theme-clean .rp-emphasis p{font-size:22px} #readingDemo.rp-theme-clean .pr-section h4{font-size:24px} #readingDemo.rp-theme-clean .pr-basis{flex-direction:column;gap:6px;font-size:16px} #readingDemo.rp-theme-clean .pr-duo{grid-template-columns:minmax(0,1fr);gap:0} #readingDemo.rp-theme-clean .pr-duo li{font-size:20px} #readingDemo.rp-theme-clean .rp-chart{padding:20px 16px;border-radius:20px} #readingDemo.rp-theme-clean .rp-advice>div{grid-template-columns:40px minmax(0,1fr);gap:6px 12px} #readingDemo.rp-theme-clean .rp-advice strong{width:38px;height:38px;font-size:13px} #readingDemo.rp-theme-clean .rp-advice small{font-size:20px} #readingDemo.rp-theme-clean .rp-navigation.is-collapsible .rp-toc-toggle{border:0;border-radius:16px;background:var(--cl-tint);color:var(--cl-ink)} #readingDemo.rp-theme-clean .rp-toc-toggle b{color:var(--cl-berry)} } @media(prefers-reduced-transparency:reduce){#readingDemo.rp-theme-clean .rp-sheet-head>.rp-eyebrow,#readingDemo.rp-theme-clean .pr-cover-kicker{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a0812cc}}