/* The preview continues each character's illustrated room. Payment owns no new theme. */
@font-face{font-family:PPStory;src:url('assets/fonts/GowunBatang-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.pp-surface{--pp-paper:#f5efe5;--pp-ink:#382d32;--pp-muted:#75616b;--pp-accent:#815351;--pp-line:#d7c7b6;--pp-note:#fffaf1;--pp-outer:#17151d;--pp-button-ink:#fffaf2;--pp-width:680px;--pp-gutter:28px;--pp-night:var(--pp-paper);--pp-gold:var(--pp-accent);--rp-ink:var(--pp-ink);--rp-muted:var(--pp-muted);--rp-accent:var(--pp-accent);--rp-paper:var(--pp-paper);--rp-line:var(--pp-line);color:var(--pp-ink);background:var(--pp-paper);font:14px/1.8 SUIT,sans-serif;color-scheme:light;box-sizing:border-box}
.pp-surface[data-pp-persona=yeonhwa]{--pp-paper:#fbf2e8;--pp-ink:#442b38;--pp-muted:#836b75;--pp-accent:#914b69;--pp-line:#dfcbd0;--pp-note:#fffaf6;--pp-outer:#241c25}
.pp-surface[data-pp-persona=noa]{--pp-paper:#131e30;--pp-ink:#eee9de;--pp-muted:#b7bac3;--pp-accent:#d3b784;--pp-line:#46556d;--pp-note:#1c2b43;--pp-outer:#0c121e;--pp-button-ink:#192237;color-scheme:dark}
.pp-surface[data-pp-persona=saebom]{--pp-paper:#f5efe4;--pp-ink:#46382f;--pp-muted:#817367;--pp-accent:#9b4435;--pp-line:#d6c8b3;--pp-note:#fff9ed;--pp-outer:#ede6dc}
.pp-surface[data-pp-persona=siheon]{--pp-paper:#192523;--pp-ink:#eee8db;--pp-muted:#b3b7ae;--pp-accent:#c5a473;--pp-line:#57635b;--pp-note:#243a36;--pp-outer:#14201f;--pp-button-ink:#192523;color-scheme:dark}
.pp-surface[data-pp-persona=sodam]{--pp-paper:#f8f1e5;--pp-ink:#47362d;--pp-muted:#857366;--pp-accent:#a54336;--pp-line:#d9c8b2;--pp-note:#fffaf2;--pp-outer:#2c2522}
.pp-surface *,.pp-surface *::before,.pp-surface *::after{box-sizing:border-box}
.pp-surface [hidden]{display:none!important}
.pp-surface :is(h1,h2,h3,p,figure,blockquote,dl){margin:0}
.pp-surface :is(h1,h2,h3){font-family:PPStory,serif;font-weight:400;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.025em}
.pp-surface .pp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pp-surface .pp-opening{padding:0;margin:0 0 28px}
.pp-surface .pp-scene{margin:0 calc(-1 * var(--pp-gutter));position:relative}
.pp-surface .pp-scene-art{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:0;border-radius:0}
.pp-surface .pp-scene-interlude{margin-top:55px;margin-bottom:40px}
.pp-surface .pp-narration{padding:17px 28px 0;color:var(--pp-muted);font:12px/1.8 PPStory,serif;text-align:center;word-break:keep-all}
.pp-surface .pp-speech{position:relative;margin:24px 0 0;padding:0;text-align:center;color:var(--pp-ink)}
.pp-surface .pp-speaker{display:block;font:11px/1.8 SUIT,sans-serif;color:var(--pp-accent);letter-spacing:.13em;margin-bottom:10px}
.pp-surface .pp-spoken{font:400 18px/1.9 PPStory,serif;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line}
.pp-surface .pp-greeting{margin-top:19px}
.pp-surface .pp-greeting .pp-speaker{margin-bottom:7px}
.pp-surface .pp-noticed{position:relative;margin:25px 0 0;padding:22px 8px 8px;text-align:center}
.pp-surface .pp-noticed::before{content:'';position:absolute;top:0;left:calc(50% - 17px);width:34px;height:1px;background:var(--pp-line)}
.pp-surface .pp-eyebrow{font:500 11px/1.8 SUIT,sans-serif;color:var(--pp-accent);letter-spacing:.035em;margin-bottom:9px}
.pp-surface .pp-hook-line{font:400 21px/1.8 PPStory,serif;word-break:keep-all;overflow-wrap:anywhere}
.pp-surface .pp-text{font:400 16px/1.95 PPStory,serif;text-align:left;word-break:keep-all;overflow-wrap:anywhere;white-space:normal}
.pp-surface .pp-text :is(.pp-short,.pp-full){font:inherit;color:inherit;line-height:inherit;white-space:pre-line;margin:0}
.pp-surface .pp-copy{margin:0;padding:0;border:0;background:transparent;font:inherit}
.pp-surface .pp-copy>summary{display:block;list-style:none;padding:0;color:inherit;font:inherit;cursor:pointer}
.pp-surface .pp-copy>summary::-webkit-details-marker{display:none}
.pp-surface .pp-excerpt{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.pp-surface .pp-more,.pp-surface .pp-less{display:block;font:12px/1.8 SUIT,sans-serif;color:var(--pp-accent);text-decoration:underline;text-underline-offset:5px;margin-top:12px}
.pp-surface .pp-less{display:none}
.pp-surface .pp-copy[open] :is(.pp-excerpt,.pp-more){display:none}
.pp-surface .pp-copy[open] .pp-less{display:block;margin:0 0 12px}
.pp-surface .pp-chapter{margin:50px 0;min-width:0}
.pp-surface .pp-heading{font:400 21px/1.6 PPStory,serif;color:var(--pp-ink);margin-bottom:24px;white-space:normal}
.pp-surface .pp-bridge{margin:50px 0 44px}
.pp-surface .pp-hooks>.pp-heading{font:12px/1.8 SUIT,sans-serif;color:var(--pp-muted);margin-bottom:5px}
.pp-surface .pp-hook-grid{display:block}
.pp-surface .pp-locked-card{padding:29px 0;border-bottom:1px solid var(--pp-line);background:none;min-width:0}
.pp-surface .pp-locked-card:last-child{border-bottom:0;padding-bottom:0}
.pp-surface .pp-locked-card h3{font:400 23px/1.65 PPStory,serif;margin:8px 0 17px;color:var(--pp-ink)}
.pp-surface .pp-lock{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;vertical-align:-1px;margin-right:6px}
.pp-surface .pp-lock-note{display:block;margin-top:15px;color:var(--pp-muted);font:11px/1.8 SUIT,sans-serif}
.pp-surface .pp-reason-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--pp-line)}
.pp-surface .pp-reason-list>li{padding:8px 0 18px 20px}
.pp-surface .pp-reason-list>li:last-child{padding-bottom:4px}
.pp-surface .pp-reason-list h3{font:400 18px/1.8 PPStory,serif;margin:0}
.pp-surface .pp-reason-count{font:11px/1.8 SUIT,sans-serif;color:var(--pp-muted);margin:5px 0 0}
.pp-surface .pp-sample{position:relative;padding:30px 25px 34px;background:var(--pp-note);box-shadow:0 7px 22px #30201b08;border-top:1px solid var(--pp-line);border-bottom:1px solid var(--pp-line)}
.pp-surface .pp-sample>.pp-heading{font:12px/1.8 SUIT,sans-serif;color:var(--pp-accent);margin-bottom:26px}
.pp-surface .pp-sample h3{font-size:22px;line-height:1.7;margin-bottom:23px}
.pp-surface[data-pp-persona=yeonhwa] .pp-sample{transform:rotate(-.5deg);padding:33px 28px;border:0;border-bottom:2px solid #dbb9c5;box-shadow:2px 8px 22px #60435a0c}
.pp-surface[data-pp-persona=yeonhwa] .pp-sample::before{content:'';position:absolute;top:10px;bottom:10px;left:10px;width:1px;background:#e8d7de}
.pp-surface[data-pp-persona=yuran] .pp-sample{border-left:3px double var(--pp-line);border-radius:0 2px 2px 0}
.pp-surface[data-pp-persona=noa] .pp-sample{border-left:1px solid var(--pp-line);background:linear-gradient(90deg,#d3b78407,transparent 25%),var(--pp-note)}
.pp-surface[data-pp-persona=saebom] .pp-sample{border-top:3px double var(--pp-accent)}
.pp-surface[data-pp-persona=siheon] .pp-sample{background:none;border-block:1px solid var(--pp-line);padding-inline:5px;box-shadow:none}
.pp-surface .pp-contents-intro{font:12px/1.8 SUIT,sans-serif;color:var(--pp-muted);margin:-12px 0 22px}
.pp-surface .pp-contents-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--pp-line)}
.pp-surface .pp-contents-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;padding:22px 0;border-bottom:1px solid var(--pp-line);break-inside:avoid}
.pp-surface .pp-contents-number{font:13px/2 PPStory,serif;color:var(--pp-accent);padding-top:2px}
.pp-surface .pp-contents-item h3{font:400 18px/1.7 PPStory,serif;color:var(--pp-ink);margin:0 0 7px;word-break:keep-all;overflow-wrap:anywhere}
.pp-surface .pp-contents-description{font:13px/1.9 SUIT,sans-serif;color:var(--pp-muted);margin:0;word-break:keep-all;overflow-wrap:anywhere}
.pp-surface .pp-user-question{padding-left:16px;border-left:1px solid var(--pp-accent);margin-bottom:22px}
.pp-surface .pp-question>.pp-heading{font:12px/1.8 SUIT,sans-serif;color:var(--pp-accent)}
.pp-surface .pp-closing{display:block;margin:65px 0 30px}
.pp-surface .pp-last-words{margin:30px 0}
.pp-surface .pp-card{padding:22px 0;margin:22px 0;border:0;border-bottom:1px solid var(--pp-line);background:transparent;border-radius:0;min-width:0}
.pp-surface .pp-card h3{font-size:20px;line-height:1.8;margin-bottom:14px}
.pp-surface .pp-records{margin:28px 0;padding:0;border-block:1px solid var(--pp-line);color:var(--pp-muted);font-size:12px}
.pp-surface .pp-records>summary{cursor:pointer;min-height:52px;padding:16px 0;color:var(--pp-accent)}
.pp-surface .pp-records[open]>summary{margin-bottom:10px}
.pp-surface .pp-paybar{position:fixed;z-index:100;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,var(--pp-width));margin:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--pp-paper);border-top:1px solid var(--pp-line);box-shadow:0 -4px 16px #15121809;text-align:left;color:var(--pp-ink)}
.pp-surface .pp-pay-order{display:flex;align-items:center;gap:16px}
.pp-surface .pp-pay-meta{min-width:0;flex:0 1 28%;color:var(--pp-ink)}
.pp-surface .pp-pay-meta p{font:10px/1.5 SUIT,sans-serif;color:var(--pp-muted);margin:0 0 2px;word-break:keep-all}
.pp-surface .pp-pay-meta strong,.pp-surface .pp-pay-meta .product-price{display:block;font:400 20px/1.4 PPStory,serif;color:var(--pp-ink);margin:0}
.pp-surface .pp-pay-button{position:static!important;transform:none!important;display:block;flex:1;min-width:0;width:auto;min-height:49px;padding:12px 13px;margin:0!important;border:1px solid var(--pp-accent);border-radius:3px;background:var(--pp-accent);color:var(--pp-button-ink);font:500 14px/1.6 SUIT,sans-serif;text-align:center;word-break:keep-all;overflow-wrap:anywhere;box-shadow:none}
.pp-surface .pp-pay-button::after{content:none}
.pp-surface .pp-pay-button:disabled{opacity:.55;cursor:wait}
.pp-surface .pp-paybar>[role=status],.pp-surface .pp-paybar>p,.pp-surface .pp-paybar>a{font:12px/1.6 SUIT,sans-serif;margin:6px 0 0;color:var(--pp-accent);white-space:normal}
.pp-surface .pp-paybar>:empty{display:none}
.pp-surface :is(button,a,summary,[tabindex]):focus-visible{outline:2px solid var(--pp-accent);outline-offset:4px}
/* Existing modal gates and their payment handlers stay intact. */
dialog.reading-preview:has(.pp-surface){max-width:none;width:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--rp-outer)}
.reading-preview:has(.pp-surface) .reading-preview-top{max-width:680px;min-height:52px;padding:4px 20px;background:var(--rp-paper);color:var(--rp-ink);border-color:var(--rp-line)}
.reading-preview:has(.pp-surface) .reading-preview-brand{font-family:PPStory,serif;color:var(--rp-ink)}
.reading-preview:has(.pp-surface) :is(.reading-preview-back,.character-home-link){color:var(--rp-ink)}
.reading-preview:has(.pp-surface) .reading-preview-content{max-width:680px;background:var(--rp-paper)}
.reading-preview:has([data-pp-persona=yeonhwa]){--rp-paper:#fbf2e8}
.reading-preview:has([data-pp-persona=noa]){--rp-paper:#131e30}
.reading-preview-story.pp-surface{padding:0 var(--pp-gutter) 150px;max-width:var(--pp-width);margin:auto;min-height:100dvh}
.pp-surface .reading-preview-section{padding:22px 0;margin:0;border-bottom:1px solid var(--pp-line);background:transparent}
.pp-surface .reading-preview-heading{font:400 20px/1.7 PPStory,serif;margin:0 0 19px!important;white-space:normal}
.pp-surface :is(.reading-preview-aside,.reading-preview-note){font:12px/1.8 SUIT,sans-serif;margin:8px 0!important;color:var(--pp-muted)}
.pp-surface .pp-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pp-surface .pp-pillar{padding:12px 3px;text-align:center;border:1px solid var(--pp-line);background:var(--pp-note);min-width:0}
.pp-surface .pp-pillar.is-day{border-color:var(--pp-accent);color:var(--pp-accent)}
.pp-surface .pp-pillar-glyphs{font:400 27px/1.4 PPStory,serif;display:flex;flex-direction:column}
.pp-surface .pp-pillar>span,.pp-surface .pp-pillar>p{font-size:11px}
.pp-surface .pp-pillar h3{font:500 12px/1.6 SUIT,sans-serif;margin-bottom:6px}
.pp-surface .pp-native-details{margin:15px 0 0;color:var(--pp-muted);font-size:12px}
.pp-surface .pp-native-details summary{padding:7px 0;cursor:pointer}
.pp-surface .reading-preview-pillars{width:100%;font-size:11px;margin-top:12px;color:var(--pp-ink)}
.pp-surface .reading-preview-pillars :is(th,td){padding:8px 2px;border-color:var(--pp-line)}
.pp-surface .reading-preview-pillars .reading-preview-glyph{font-size:22px}
.pp-surface .reading-preview-pillars .is-day{background:var(--pp-note)}
.pp-surface .reading-preview-elements{margin:0;display:grid;gap:12px}
.pp-surface .reading-preview-element{padding:0;grid-template-columns:54px minmax(0,1fr) 42px 25px;gap:8px;font-size:12px}
.pp-surface .reading-preview-bar{height:9px;background:var(--pp-line);border-radius:3px;overflow:hidden}
.pp-surface .reading-preview-bar i{border-radius:3px;background:#7c9667}
.pp-surface [data-element=fire] .reading-preview-bar i{background:#b87761}
.pp-surface [data-element=earth] .reading-preview-bar i{background:#aa8649}
.pp-surface [data-element=metal] .reading-preview-bar i{background:#aa9b89}
.pp-surface [data-element=water] .reading-preview-bar i{background:#64859c}
.pp-surface .reading-preview-strength{gap:4px;margin-top:15px}
.pp-surface .reading-preview-strength li{font-size:10px;padding:12px 0 9px;color:var(--pp-muted);border-color:var(--pp-line)}
.pp-surface .reading-preview-strength .is-selected{background:var(--pp-accent);color:var(--pp-button-ink);border-color:var(--pp-accent)}
.pp-surface .reading-preview-cycles{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;margin:0;padding:0 0 8px;list-style:none}
.pp-surface .reading-preview-cycle{flex:0 0 92px;min-width:0;padding:12px 6px;text-align:center;border:1px solid var(--pp-line);background:var(--pp-note);scroll-snap-align:start}
.pp-surface .reading-preview-cycle.is-current{border-color:var(--pp-accent)}
.pp-surface .reading-preview-cycle strong{font-size:22px;color:var(--pp-ink)}
.pp-surface .reading-preview-cycle-flag{font-size:10px}
.pp-surface .reading-preview-sky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pp-surface .reading-preview-star{margin:0;padding:12px 6px;min-width:0;border:0;background:none;text-align:center}
.pp-surface .reading-preview-star-symbol{position:static;display:block;font-size:36px;color:var(--pp-accent);margin-bottom:10px}
.pp-surface .reading-preview-star h3{font:12px/1.5 SUIT,sans-serif;margin-bottom:5px}
.pp-surface .reading-preview-star strong{font:400 17px/1.6 PPStory,serif;color:var(--pp-ink)}
.pp-surface .reading-preview-star p{font:11px/1.6 SUIT,sans-serif;margin-top:5px;color:var(--pp-muted)}
.pp-surface .reading-preview-sky-element{grid-template-columns:60px minmax(0,1fr) 40px}
.pp-surface .reading-preview-years{font-size:13px;line-height:1.7;margin:0;padding-left:18px}
.pp-surface .reading-preview-years>li{margin:8px 0}
/* Sodam: two slips from an open name ledger. */
dialog.naming-preview.pp-surface{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--pp-outer)}
.naming-preview.pp-surface .naming-preview-shell{max-width:var(--pp-width);background:var(--pp-paper);color:var(--pp-ink)}
.naming-preview.pp-surface .naming-preview-top{min-height:52px;padding:4px 20px;background:var(--pp-paper);border-color:var(--pp-line);color:var(--pp-ink);z-index:20}
.naming-preview.pp-surface .naming-preview-top :is(button,a){color:var(--pp-ink)}
.naming-preview.pp-surface .naming-preview-paper{padding:0 var(--pp-gutter) 150px;margin:0}
.naming-preview.pp-surface .naming-preview-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:40px 0 25px}
.naming-preview.pp-surface .naming-preview-name{margin:0;padding:25px 15px;border:0;border-top:2px solid var(--pp-accent);background:var(--pp-note);color:var(--pp-ink);border-radius:0;min-width:0;box-shadow:2px 6px 12px #4629130b}
.naming-preview.pp-surface .naming-preview-name h2{font:400 29px/1.5 PPStory,serif;margin:14px 0}
.naming-preview.pp-surface .naming-preview-name-number{font:10px/1.8 SUIT,sans-serif;color:var(--pp-accent)}
.naming-preview.pp-surface .naming-preview-meaning-label{font-size:12px;color:var(--pp-accent);margin:15px 0 8px}
.naming-preview.pp-surface .naming-preview-hanja{font:16px/1.8 PPStory,serif;color:var(--pp-muted);margin:6px 0}
.naming-preview.pp-surface .naming-preview-name .pp-text{font-size:14px}
.naming-preview.pp-surface :is(.naming-preview-edit,.naming-preview-criteria,.naming-preview-notices){font:13px/1.8 SUIT,sans-serif;margin:18px 0;color:var(--pp-muted);border-color:var(--pp-line)}
.naming-preview.pp-surface .naming-preview-remainder{padding:25px 0;margin:15px 0;text-align:center}
.naming-preview.pp-surface .naming-preview-remainder h2{font:22px/1.8 PPStory,serif;margin-top:12px}
/* Siheon: the actual five cards occupy the velvet table. */
body:has(#tarot-preview.pp-surface:not([hidden])){background:#14201f}
#tarot-preview.pp-surface{width:min(100%,var(--pp-width));max-width:var(--pp-width);margin:auto;padding:66px var(--pp-gutter) 155px;background:var(--pp-paper);color:var(--pp-ink);min-height:100dvh}
#tarot-preview.pp-surface .pp-tarot-table{margin:40px 0}
#tarot-preview.pp-surface .pp-tarot-spread{display:flex;width:100%;gap:18px;overflow-x:auto;padding:0 0 18px;margin:20px 0;list-style:none;scroll-snap-type:x mandatory}
#tarot-preview.pp-surface .preview-card{flex:0 0 156px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;scroll-snap-align:start;text-align:left;display:block}
#tarot-preview.pp-surface .preview-card figure{transform:none;padding:0;aspect-ratio:2/3;overflow:hidden;border-radius:3px;background:#101b1a;box-shadow:0 6px 14px #0003}
#tarot-preview.pp-surface .preview-card-place h2{font:500 13px/1.5 SUIT,sans-serif;margin:0}
#tarot-preview.pp-surface .preview-card-place{display:flex;align-items:baseline;gap:6px}
.pp-surface .pp-visual-title{font:400 22px/1.6 PPStory,serif;margin:8px 0}
.pp-surface .pp-track-hint{font:12px/1.7 SUIT,sans-serif;color:var(--pp-muted);margin-bottom:14px}
#tarot-preview.pp-surface .preview-card img{width:100%;height:100%;object-fit:contain;display:block}
#tarot-preview.pp-surface .preview-card header{padding:0 0 9px;font:11px/1.6 SUIT,sans-serif;color:var(--pp-accent);margin:0}
#tarot-preview.pp-surface .preview-card h3{font:400 18px/1.5 PPStory,serif;margin:12px 0 5px}
#tarot-preview.pp-surface .preview-card :is(p,summary){font:12px/1.7 SUIT,sans-serif;color:var(--pp-muted)}
/* Saebom: an almanac in the same warm room as the story. */
body[data-stage=preview]:has(#preview.pp-surface){background:#ede6dc;color:#46382f}
body[data-stage=preview]:has(#preview.pp-surface) .topbar{background:#f5efe4;color:#46382f;border-color:#d6c8b3}
body[data-stage=preview]:has(#preview.pp-surface) .topbar :is(a,button){color:inherit}
body[data-stage=preview]:has(#preview.pp-surface) .story{background:transparent}
#preview.pp-surface{width:min(100%,var(--pp-width));margin:auto;padding:0 var(--pp-gutter) 150px;min-height:100dvh}
#preview.pp-surface:focus{outline:none}
#preview.pp-surface .year-summary{padding:26px 0;margin:24px 0;text-align:center;border-block:1px solid var(--pp-line)}
#preview.pp-surface .year-summary h2{font:400 27px/1.6 PPStory,serif;margin:12px 0}
#preview.pp-surface #summary-name{font-size:12px;color:var(--pp-muted)}
#preview.pp-surface .pouches{gap:5px;margin:20px auto 0;max-width:350px}
#preview.pp-surface .pouches img{width:calc((100% - 20px)/5);max-width:65px;height:75px;animation:none;object-fit:contain}
#preview.pp-surface .domain-stars{display:grid;grid-template-columns:1fr;gap:0;margin:0}
#preview.pp-surface .domain-stars>div{grid-column:auto;padding:12px 0;border-color:var(--pp-line)}
#preview.pp-surface .domain-stars dt{font-size:14px}
#preview.pp-surface .domain-stars dd{gap:12px;color:var(--pp-accent)}
#preview.pp-surface .stars-number{font-size:11px;color:var(--pp-muted)}
#preview.pp-surface .preview-pages{padding:0;margin:50px 0}
#preview.pp-surface .preview-pages>h3{font:400 23px/1.6 PPStory,serif;margin-bottom:24px}
#preview.pp-surface .month-leaves{display:grid;grid-template-columns:1fr;gap:22px}
#preview.pp-surface .month-leaves>article{position:relative;padding:25px;background:var(--pp-note);color:var(--pp-ink);border:0;border-top:2px solid var(--pp-accent);border-radius:0;min-width:0;box-shadow:0 5px 13px #3d271008}
#preview.pp-surface .month-leaves h4{font:400 23px/1.55 PPStory,serif;margin:0 0 18px}
#preview.pp-surface .month-meta{display:block;font:11px/1.6 SUIT,sans-serif;color:var(--pp-muted);margin-top:5px}
#preview.pp-surface .month-leaves .pp-text{font-size:16px}
#preview.pp-surface .highlights>article{padding:22px 0;border:0;border-bottom:1px solid var(--pp-line);background:transparent;margin:12px 0}
#preview.pp-surface .highlights h4{font:400 21px/1.6 PPStory,serif;margin:0 0 10px}
#preview.pp-surface .highlights .month-tone{font-size:11px;color:var(--pp-accent);margin-bottom:7px}
#preview.pp-surface .quiet,#preview.pp-surface .calendar-note,#preview.pp-surface #check-payment{font:12px/1.8 SUIT,sans-serif;color:var(--pp-muted);margin:16px 0}
@media(min-width:650px){.pp-surface{--pp-gutter:65px}.pp-surface .pp-spoken{font-size:23px;line-height:1.95}.pp-surface .pp-greeting{margin-top:32px}.pp-surface .pp-narration{padding-top:23px;font-size:14px}.pp-surface .pp-noticed{margin-top:38px;padding-top:32px}.pp-surface .pp-hook-line{font-size:27px}.pp-surface .pp-chapter{margin-block:70px}.pp-surface .pp-locked-card{padding-block:34px}.pp-surface .pp-locked-card h3{font-size:27px}.pp-surface .pp-text{font-size:19px;line-height:2.05}.pp-surface .pp-sample{padding:35px}.pp-surface .pp-paybar{padding-inline:28px}}
@media(max-width:359px){.pp-surface{--pp-gutter:21px}.pp-surface .pp-spoken{font-size:17px}.pp-surface .pp-hook-line{font-size:20px}.pp-surface .pp-paybar{padding-inline:12px}.pp-surface .pp-pay-order{gap:9px}.pp-surface .pp-pay-button{font-size:12px}.pp-surface .pp-pay-meta{flex-basis:27%}.pp-surface .reading-preview-strength li{font-size:9px}.naming-preview.pp-surface .naming-preview-names{gap:12px}.naming-preview.pp-surface .naming-preview-name{padding-inline:12px}.naming-preview.pp-surface .naming-preview-name h2{font-size:26px}}