.book-sample{--wood:#4f7a4a;--fire:#b8492f;--earth:#b08a3e;--metal:#8c8c86;--water:#2f4f78;gap:24px;max-width:720px;margin:0 auto;display:grid}.book-sample .s{max-width:100%;display:inline-block}.book-sample .page{background:var(--color-paper);border-radius:6px;padding:56px 52px;position:relative;box-shadow:0 18px 40px -24px #1e2a4480,0 0 0 1px #00000010}@media (max-width:600px){.book-sample .page{padding:36px 20px}}.book-sample p,.book-sample li{margin:0 0 1.05em;font-size:16.5px;line-height:1.95}.book-sample h1,.book-sample h2,.book-sample h3{font-family:var(--font-display);margin:0;font-weight:400}.book-sample .chap-no{font:600 12px/1 var(--font-ui);letter-spacing:.3em;color:var(--color-moon-deep)}.book-sample .chap-title{margin:14px 0 6px;font-size:32px}.book-sample .chap-sub{color:var(--color-ink-soft);margin-bottom:32px;font-size:15px}.book-sample h3{align-items:baseline;gap:10px;margin:2.2em 0 .8em;font-size:21px;display:flex}.book-sample h3:before{content:"◆";color:var(--color-moon);font-size:12px}.book-sample .pull{border-left:3px solid var(--color-moon);color:var(--color-night);margin:1.6em 0;padding:4px 0 4px 18px;font-size:18px;font-weight:700;line-height:1.8}.book-sample .seosaeng{background:var(--color-paper-deep);border-radius:16px;align-items:flex-start;gap:14px;margin:1.8em 0;padding:16px 18px;display:flex}.book-sample .seosaeng img{border:2px solid var(--color-moon);object-fit:cover;background:#fff;border-radius:50%;flex:none;width:52px;height:52px}.book-sample .seosaeng p{margin:0;font-size:15.5px;line-height:1.8}.book-sample .seosaeng b{font:600 12px/1.6 var(--font-ui);color:var(--color-moon-deep);display:block}.book-sample .survey{border:1px dashed var(--color-moon);font:400 14px/1.7 var(--font-ui);color:var(--color-ink-soft);background:#fff8;border-radius:12px;margin:1.4em 0;padding:12px 16px}.book-sample .survey b{color:var(--color-ink)}.book-sample .cover{background:var(--color-night);color:var(--color-paper);text-align:center;border:10px solid var(--color-night);outline:1px solid var(--color-moon);outline-offset:-22px;flex-direction:column;justify-content:center;align-items:center;min-height:760px;display:flex}.book-sample .cover .to{color:var(--color-moon);letter-spacing:.1em;font-size:17px}.book-sample .cover h1{margin:18px 0 10px;font-size:40px;line-height:1.3}.book-sample .cover .sub{opacity:.8;font-size:16px}.book-sample .cover img{object-fit:cover;width:190px;height:190px;box-shadow:0 0 0 4px var(--color-moon), 0 0 56px 8px #c9a45c73;border-radius:50%;margin:48px 0 36px}.book-sample .cover .hanja{font-family:var(--font-display);letter-spacing:.4em;color:var(--color-moon);margin-right:-.4em;font-size:30px}.book-sample .cover .by{font:500 13px/1.6 var(--font-ui);letter-spacing:.25em;opacity:.7;margin-top:36px}.book-sample .toc ol{margin:24px 0 0;padding:0}.book-sample .toc li{border-bottom:1px dotted var(--color-line);justify-content:space-between;gap:12px;margin:0;padding:10px 0;list-style:none;display:flex}.book-sample .toc span:first-child b{font:600 12px/1 var(--font-ui);color:var(--color-moon-deep);letter-spacing:.1em;margin-right:10px}.book-sample .toc span:last-child{color:var(--color-ink-soft);text-align:right;font-size:14px}.book-sample .myeong{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 10px;display:grid}.book-sample .myeong .col{border:1px solid var(--color-line);background:#fff7;border-radius:14px;padding:10px 4px 12px}.book-sample .myeong .col.me{border:2px solid var(--color-seal)}.book-sample .myeong small{font:500 11px/1.5 var(--font-ui);color:var(--color-ink-soft);display:block}.book-sample .myeong .ch{font-family:var(--font-display);font-size:36px;line-height:1.25}.book-sample .myeong .god{font:500 11.5px/1.4 var(--font-ui);color:var(--color-moon-deep)}.book-sample .wood{color:var(--wood)}.book-sample .fire{color:var(--fire)}.book-sample .earth{color:var(--earth)}.book-sample .metal{color:var(--metal)}.book-sample .water{color:var(--water)}.book-sample .bars{font:500 13px/1 var(--font-ui);gap:8px;margin:24px 0;display:grid}.book-sample .bar{grid-template-columns:56px 1fr 44px;align-items:center;gap:10px;display:grid}.book-sample .bar i{border-radius:99px;height:12px;display:block}.book-sample .bar .track{background:var(--color-paper-deep);border-radius:99px}.book-sample table.daeun{border-collapse:collapse;width:100%;font:400 13.5px/1.5 var(--font-ui);margin:20px 0 28px}.book-sample table.daeun th,.book-sample table.daeun td{border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;padding:9px 6px}.book-sample table.daeun th{color:var(--color-ink-soft);font-size:12px;font-weight:600}.book-sample table.daeun .gz{font-family:var(--font-display);white-space:nowrap;font-size:17px}.book-sample table.daeun tr.now{background:#a8322d0f}.book-sample table.daeun tr.now td:first-child{box-shadow:inset 3px 0 0 var(--color-seal)}.book-sample .tag{white-space:nowrap;border-radius:99px;padding:1px 9px;font-size:11.5px;font-weight:600;display:inline-block}.book-sample .t-up{color:var(--wood);background:#4f7a4a22}.book-sample .t-mid{color:var(--color-moon-deep);background:#c9a45c33}.book-sample .t-care{color:var(--color-seal);background:#a8322d1a}.book-sample .colophon{text-align:center;font:400 13px/1.9 var(--font-ui);color:var(--color-ink-soft)}.book-sample .colophon p{font-size:13px}.book-sample .colophon h2{color:var(--color-ink);margin-bottom:18px;font-size:22px}.book-sample .endmark{text-align:center;color:var(--color-moon);letter-spacing:.6em;margin-top:36px}.book-sample .count{font:500 12px/1.6 var(--font-ui);color:var(--color-ink-soft);text-align:center}@media (max-width:600px){.book-sample .toc li{flex-direction:column;gap:2px}.book-sample .toc span:last-child{text-align:left;padding-left:2px;font-size:13px}}.book-sample .t-move{color:var(--water);background:#2f4f7822}.book-sample .cal{font-family:var(--font-ui);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:16px 0 28px;display:grid}.book-sample .cal .wd{text-align:center;color:var(--color-ink-soft);padding:4px 0;font-size:11px}.book-sample .cal .day{border:1px solid var(--color-line);background:#fff8;border-radius:8px;flex-direction:column;gap:2px;min-height:76px;padding:4px;display:flex;overflow:hidden}.book-sample .cal .day.empty{background:0 0;border:0}.book-sample .cal .day b{font-size:13px}.book-sample .cal .day small{color:var(--color-ink-soft);font-size:10px}.book-sample .cal .day em{color:var(--color-seal);font-size:10px;font-style:normal}.book-sample .cal .tag{width:fit-content;padding:0 5px;font-size:10px;font-style:normal}.book-sample table.days td{font-size:12.5px}@media (max-width:600px){.book-sample .cal{gap:2px}.book-sample .cal .day{min-height:64px;padding:3px 2px}.book-sample .cal .tag{padding:0 3px;font-size:9px}.book-sample table.daeun{font-size:12.5px}}.book-sample ul.mini{border:1px solid var(--color-line);background:#fff8;border-radius:12px;margin:0 0 1.4em;padding:12px 16px;list-style:none}.book-sample ul.mini li{margin:0;font-size:14.5px;line-height:1.8}.book-sample ul.mini b{width:40px;color:var(--color-moon-deep);font:600 12px/1 var(--font-ui);display:inline-block}.book-sample{grid-template-columns:minmax(0,1fr)}.book-sample .page{min-width:0}@media (max-width:600px){.book-sample table.daeun th,.book-sample table.daeun td{padding:7px 4px}.book-sample table.daeun .gz{white-space:normal;font-size:15px}.book-sample .tag{white-space:normal}.book-sample .myeong .ch{font-size:30px}}