/* 평생운세 책: 화면은 한 쪽씩 넘기는 큰 글자, 인쇄(PDF)는 A5 한 장씩 */
#pb .pg{position:relative;background:#f4f0e6;color:#22201c;word-break:keep-all}
#pb .serif{font-family:var(--serif)}
#pb .num{font-variant-numeric:tabular-nums}
#pb .seal{border:2.5px solid #b8402a;border-radius:10px;color:#b8402a;font-family:var(--serif);font-weight:900;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.02;transform:rotate(-5deg)}
#pb .ch{display:flex;align-items:center;gap:14px;margin-bottom:20px}
#pb .ch .seal{width:48px;height:48px;font-size:22px;flex:none}
#pb .ch .no{font-size:13px;color:#b8402a;font-weight:700;letter-spacing:.5px}
#pb .ch h2{font-family:var(--serif);font-weight:900;font-size:26px;line-height:1.25;margin:2px 0 0}
#pb p{font-size:16.5px;line-height:1.85;margin:0 0 14px}
#pb p b{font-weight:800}
#pb p em{font-style:normal;font-family:var(--serif);font-weight:900;color:#b8402a}
#pb .lead{font-family:var(--serif);font-size:19px;line-height:1.7;font-weight:700;margin-bottom:18px}
#pb .verse{border-left:3px solid #b8402a;padding:4px 0 4px 14px;margin:16px 0 18px;font-family:var(--serif);font-size:17.5px;line-height:1.7;font-weight:700}
#pb .nb{display:flex;gap:12px;margin:16px 0 20px}
#pb .nb div{flex:1;border-top:2px solid #22201c;padding-top:8px;font-size:13px;color:#6f675a;line-height:1.45}
#pb .nb b{display:block;font-family:var(--serif);font-weight:900;font-size:26px;color:#22201c;margin-bottom:2px;letter-spacing:-.5px}
#pb .list{margin:6px 0 16px}
#pb .list div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px dashed #c9bfac;padding:9px 0;font-size:16px}
#pb .list b{font-family:var(--serif);font-weight:900;font-size:20px;white-space:nowrap}
#pb .src{font-size:12.5px;color:#8a8070;line-height:1.6;margin-top:6px}
#pb .fol{display:flex;justify-content:space-between;font-size:12px;color:#9a907f;margin-top:22px;padding-top:10px;border-top:1px solid #e1d8c7}
#pb .cover{text-align:center;display:flex;flex-direction:column;align-items:center}
#pb .cover .k{font-size:13px;letter-spacing:2px;color:#8a8070;margin-top:30px}
#pb .cover h1{font-family:var(--serif);font-weight:900;font-size:38px;line-height:1.25;margin:16px 0 0}
#pb .cover .seal{width:150px;height:150px;font-size:46px;border-width:4px;margin-top:40px}
#pb .cover .nm{font-family:var(--serif);font-weight:900;font-size:26px;margin-top:36px}
#pb .cover .who{font-size:14.5px;color:#6f675a;margin-top:10px;line-height:1.6}
#pb .cover .bt{font-size:12.5px;color:#8a8070;line-height:1.6;margin-top:48px}
#pb .toc div{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid #ddd3c2;font-size:16.5px;cursor:pointer}
#pb .toc i{font-style:normal;font-family:var(--serif);font-weight:900;color:#b8402a;width:36px}
#pb .toc span{flex:1}
#pb .toc em{font-style:normal;color:#8a8070;font-size:13px}
#pb .toc .wish span:after{content:"고른 소망";font-size:11.5px;color:#b8402a;border:1px solid #b8402a;border-radius:4px;padding:1px 5px;margin-left:8px;vertical-align:2px}
#pb .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 16px}
#pb .gh{text-align:center;font-size:12px;color:#8a8070;line-height:1.3}
#pb .gh b{display:block;font-family:var(--serif);font-size:17px;color:#22201c}
#pb .cell{height:54px;border:1px solid #cdbfa8;border-radius:7px;background:#fbf9f3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 2px}
#pb .cell small{font-size:11px;color:#8a8070}
#pb .cell strong{font-size:15px;font-weight:800;line-height:1.2}
#pb .cell.me{border:2px solid #22201c}
#pb .cell.sp{background:#f6e7e1;border-color:#e2bfb3}
#pb .cell .off{color:#b0a796;font-weight:600}
#pb .bars{margin:8px 0 16px;border:0;border-radius:0;padding:0;background:none}
#pb .src{border-top:0;padding-top:0}
#pb .cell{border-style:solid;font-family:var(--sans)}
#pb .br{display:flex;align-items:center;gap:10px;height:28px}
#pb .br .n{width:62px;font-size:14px;font-weight:700}
#pb .br .tr{flex:1;height:9px;background:#e6dfd0;border-radius:5px;position:relative}
#pb .br .f{position:absolute;left:0;top:0;bottom:0;border-radius:5px}
#pb .br .mid{position:absolute;left:50%;top:-5px;bottom:-5px;width:2px;background:#22201c;opacity:.45}
#pb .br .v{width:40px;text-align:right;font-size:14px;font-weight:700}
#pb .br .v.na{color:#9a907f;font-weight:500}
#pb .tl{position:relative;margin:14px 0 6px 8px;border-left:2px solid #b8402a}
#pb .tl div{position:relative;padding:0 0 13px 18px;font-size:15.5px;line-height:1.5}
#pb .tl div:before{content:"";position:absolute;left:-7px;top:5px;width:10px;height:10px;border-radius:50%;background:#f4f0e6;border:2px solid #b8402a}
#pb .tl div.k:before{background:#b8402a}
#pb .tl b{font-family:var(--serif);font-weight:900;font-size:18px;display:inline-block;min-width:58px}
#pb .tl span{color:#6f675a;font-size:13px}
#pb .tb{width:100%;border-collapse:collapse;font-size:12.5px;line-height:1.5;margin-top:8px}
#pb .tb th{text-align:left;border-bottom:2px solid #22201c;padding:6px 4px;font-weight:700}
#pb .tb td{border-bottom:1px solid #d8cebd;padding:6px 4px;vertical-align:top}
#pb .tb td:first-child{width:28%;font-weight:700}
#pb .apx{background:#efe9dc}
#pb .short + .short{margin-top:26px;padding-top:20px;border-top:1px solid #d9cfbd}
#pb .short .ch{margin-bottom:12px}
#pb .short .ch .seal{width:40px;height:40px;font-size:18px}
#pb .short .ch h2{font-size:21px}
#pb .wtp{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
#pb .wtp button{font:inherit;font-size:15px;padding:10px 14px;border-radius:999px;border:1.5px solid #22201c;background:none;color:#22201c;cursor:pointer}
#pb .wtp button.on{background:#22201c;color:#f4f0e6}

@media screen{
  #pb .pg{display:none;padding:26px 22px 22px;border-radius:6px;border:1px solid #e3dac9;min-height:calc(100vh - 150px)}
  #pb .pg.cur{display:block}
  .pbnav{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0 calc(10px + env(safe-area-inset-bottom));background:var(--paper)}
  .pbnav button{flex:1}
  .pbtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
  .pbtop .pc{font-size:13px;color:var(--ink3)}
}
@media print{
  @page{size:148mm 210mm;margin:0}
  html,body{background:#f4f0e6 !important}
  body *{visibility:hidden}
  #pb, #pb *{visibility:visible}
  #s-pbook{display:block !important}
  .pbnav,.pbtop,.toast{display:none !important}
  .wrap{max-width:none;padding:0;margin:0}
  #pb{position:absolute;left:0;top:0;width:148mm}
  #pb .pg{display:block !important;width:148mm;height:210mm;overflow:hidden;padding:17mm 15mm 16mm;page-break-after:always;break-after:page;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:0;border-radius:0}
  #pb .ch{gap:4mm;margin-bottom:6mm}
  #pb .ch .seal{width:13mm;height:13mm;font-size:15pt;border-width:2pt;border-radius:2.2mm}
  #pb .ch .no{font-size:8pt}
  #pb .ch h2{font-size:19pt}
  #pb p{font-size:9.6pt;line-height:1.85;margin-bottom:3.2mm;text-align:justify}
  #pb .lead{font-size:11.5pt;margin-bottom:5mm}
  #pb .verse{font-size:10.5pt;margin:4mm 0 5mm;padding-left:4mm;border-left-width:2pt}
  #pb .nb{gap:3mm;margin:4mm 0 5mm}
  #pb .nb div{font-size:7.8pt;padding-top:2mm;border-top-width:1.2pt}
  #pb .nb b{font-size:17pt}
  #pb .list div{font-size:9.3pt;padding:1.6mm 0}
  #pb .list b{font-size:12pt}
  #pb .src{font-size:7.3pt}
  #pb .fol{position:absolute;bottom:8mm;left:15mm;right:15mm;margin:0;padding:0;border:0;font-size:7.5pt}
  #pb .cover .k{font-size:8.5pt;margin-top:13mm}
  #pb .cover h1{font-size:30pt;margin-top:6mm}
  #pb .cover .seal{width:46mm;height:46mm;font-size:34pt;border-width:3.5pt;margin-top:16mm}
  #pb .cover .nm{font-size:19pt;margin-top:14mm}
  #pb .cover .who{font-size:9pt;margin-top:3mm}
  #pb .cover .bt{position:absolute;bottom:16mm;left:0;right:0;font-size:8pt}
  #pb .toc div{font-size:10pt;padding:2.1mm 0}
  #pb .toc i{width:9mm}
  #pb .toc em{font-size:9pt}
  #pb .grid{gap:1.6mm;margin:3mm 0 4mm}
  #pb .gh{font-size:7.5pt}
  #pb .gh b{font-size:11pt}
  #pb .cell{height:13mm;border-radius:1.6mm}
  #pb .cell small{font-size:6.5pt}
  #pb .cell strong{font-size:10pt}
  #pb .br{height:6mm;gap:2.5mm}
  #pb .br .n{width:15mm;font-size:8.6pt}
  #pb .br .tr{height:2.2mm}
  #pb .br .v{width:10mm;font-size:8.6pt}
  #pb .tl{margin:4mm 0 2mm 6mm}
  #pb .tl div{font-size:9.2pt;padding:0 0 3.2mm 6mm}
  #pb .tl div:before{left:-1.6mm;top:1.2mm;width:2.4mm;height:2.4mm;border-width:1pt}
  #pb .tl b{font-size:11pt;min-width:15mm}
  #pb .tl span{font-size:8pt}
  #pb .tb{font-size:7.4pt}
  #pb .tb th,#pb .tb td{padding:1.4mm 1mm}
  #pb .short + .short{margin-top:6mm;padding-top:5mm}
  #pb .short .ch .seal{width:10mm;height:10mm;font-size:12pt}
  #pb .short .ch h2{font-size:15pt}
  #pb .wtp button{font-size:9pt;padding:1.5mm 3mm}
}