/* The book, first reading, and quiet policy overlays. */
.b-harbor-gaze{font:400 20px/1.65 var(--serif);color:#f2dfb7;margin:0 0 16px}
.b-harbor-copy{padding-top:155px;padding-bottom:95px}
.b-harbor-copy h1{font-size:clamp(72px,7.2vw,108px);margin-bottom:18px}
.b-harbor-slogan{font-size:17px;margin-bottom:15px}
.b-harbor-intro{font-size:15px;max-width:355px}
.b-harbor-copy .b-harbor-cta{margin-top:24px}
.b-homepage .b-book-grid{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.b-homepage .b-book-grid .b-book-topic{position:relative;min-height:310px;padding:24px 22px 20px;background:#f8f1e2;border:1px solid #cfc0a1;box-shadow:3px 4px 0 #b5a48638;overflow:hidden}
.b-book-topic:after{content:"";position:absolute;inset:6px;border:1px solid #c5b79a55;pointer-events:none}
.b-book-topline{display:flex;align-items:center;justify-content:space-between;color:#77613e}
.b-book-topline>span{font:italic 20px Georgia,serif}
.b-book-topline small{font-size:12px;letter-spacing:.08em}
.b-book-art{display:block;width:95px;height:95px;margin:22px auto 18px;color:#695d43}
.b-homepage .b-book-grid h3{font:600 21px/1.5 var(--serif);letter-spacing:-.8px;margin:0 0 8px;word-break:keep-all}
.b-homepage .b-book-grid p{font-size:14px;line-height:1.8;color:#726d60;margin:0;word-break:keep-all}
.b-book-keywords{border-top:1px solid #cfbea059;padding-top:12px;margin-top:18px;font-size:11px;letter-spacing:.07em;color:#8e7957}
.b-homepage .b-book-grid .b-book-topic:nth-child(4n+2){background:#28352c;border-color:#46533d}
.b-book-topic:nth-child(4n+2) .b-book-topline,.b-book-topic:nth-child(4n+2) .b-book-art{color:#d4bc89}
.b-homepage .b-book-grid .b-book-topic:nth-child(4n+2) h3{color:#f6eedb}
.b-homepage .b-book-grid .b-book-topic:nth-child(4n+2) p{color:#c9cebf}
.b-book-topic:nth-child(4n+2) .b-book-keywords{color:#c2b28e}
.b-time-selects{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:12px}
.b-time-selects .b-field{min-width:0;margin-bottom:0}
.b-time-selects select{width:100%;height:64px;font-size:19px;background-color:#fffdf8;border:1px solid #b9b19b;border-radius:4px;padding:0 14px;color:#2f382d}
.b-time-selects select:disabled{opacity:.4;background:#e7e4d9}
.b-time-example{font-size:13px;color:#807966;margin:14px 0 20px}
.b-time-unknown{padding:18px;background:#eeeadf;border:1px solid #d8cfb9;margin-bottom:28px!important}
.b-time-unknown span{font-size:17px}.b-time-unknown small{display:block;margin-top:5px;font-size:13px;color:#7f7b70}
.b-free-step-note{background:#eae9d9;padding:24px;margin:24px 0}
.b-free-step-note>span{display:block;font-size:12px;color:#6b744e;margin-bottom:8px}.b-free-step-note strong{font-size:20px;line-height:1.6}
.b-free-step-note p{font-size:15px;line-height:1.9;margin:10px 0 0;color:#626655}
.b-first-page{max-width:820px;margin:0 auto;padding:40px 30px 90px;color:#eee5d2}
.b-first-back{font-size:14px;color:#c9b994}.b-first-head{text-align:center;margin:40px 0 34px}
.b-first-head img{width:82px;height:82px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:1px solid #bba47a;padding:4px}
.b-first-head>p{font-size:14px;color:#c7b181;letter-spacing:.08em;margin:20px 0 12px}
.b-first-head h1{font:400 38px/1.5 var(--serif);letter-spacing:-1px;margin:0 0 18px}.b-first-head>span{font-size:12px;color:#ded1b5;border:1px solid #ae9a6c70;padding:7px 14px;border-radius:20px}
.b-first-paper{background:#fbf6e9;color:#2f342a;padding:46px 48px;box-shadow:5px 5px 0 #c2ae8270;margin:0 0 65px}
.b-first-paper h2{font:500 30px/1.65 var(--serif);letter-spacing:-.8px;margin:0 0 26px;word-break:keep-all}
.b-first-paper .b-prose{font-size:21px;line-height:2;word-break:keep-all;overflow-wrap:anywhere}
.b-first-paper .b-prose p{margin:0 0 26px}.b-first-point{padding:23px 25px;background:#e9e0c9;border-left:3px solid #8f774b;margin:32px 0 25px}
.b-first-point span{display:block;color:#85704b;font-size:12px;margin-bottom:8px;letter-spacing:.06em}.b-first-point strong{display:block;font:500 21px/1.8 var(--serif);word-break:keep-all}
.b-first-hook{font:400 20px/1.9 var(--serif);color:#6c5f47;word-break:keep-all}.b-first-footnote{font-size:12px;line-height:1.8;color:#8d897b;margin-top:30px}
.b-first-loading{text-align:center;padding:30px 0}.b-first-loading p{font-size:17px;line-height:1.9;color:#787969}.b-loader-line{height:2px;max-width:180px;margin:32px auto 0;overflow:hidden;background:#dfd8c4}.b-loader-line:after{content:"";display:block;width:40%;height:100%;background:#8c805c;animation:deoksu-loading 2s ease-in-out infinite}
@keyframes deoksu-loading{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}
.b-first-locked>.b-eyebrow,.b-first-unlock>.b-eyebrow{color:#c4a977}.b-first-locked h2,.b-first-unlock h2{font:400 32px/1.6 var(--serif);letter-spacing:-1px;margin:12px 0 20px}
.b-first-sub{color:#c2c6b7;font-size:16px;line-height:1.9}.b-first-locked ol{padding:0;margin:30px 0 55px;list-style:none;border-top:1px solid #abb38f40}
.b-first-locked li{display:flex;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #abb38f40}.b-first-locked li>span:first-child{font:italic 16px Georgia;color:#bba170;min-width:42px}.b-first-locked strong{font:500 20px/1.5 var(--serif)}.b-first-locked li p{font-size:14px;line-height:1.7;color:#aeb5a4;margin:6px 0 0}.b-lock-mark{margin-left:auto;color:#b6b89f;border:1px solid #abb38f40;font-size:11px;padding:5px 8px;white-space:nowrap}
.b-first-unlock{text-align:center;background:#ece2cc;color:#30372a;padding:40px 45px;border:1px solid #cbb789}.b-first-unlock>.b-eyebrow{color:#8b7044}.b-first-unlock>p{font-size:15px}.b-first-price{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0}.b-first-price del{color:#8b8979;font-size:18px}.b-first-price strong{font-size:46px;letter-spacing:-1px}.b-first-price small{font-size:21px;margin-left:3px}.b-first-unlock>.b-button{margin-top:28px}.b-first-unlock .b-button{background:#333e2e;border-radius:0;width:100%;font-size:18px}
.b-first-payment{text-align:left;border-top:1px solid #baac8d;padding-top:28px;margin-top:28px}.b-first-payment .b-small{text-align:center;margin-top:20px;line-height:2}.b-first-payment .b-checkbox{margin:20px 0;font-size:14px}.b-first-payment input[type=tel]{font-size:19px;min-height:58px}
.b-policy-dialog{border:1px solid #ae9b73;padding:0;width:min(820px,calc(100% - 32px));max-width:none;max-height:88dvh;background:#fbf7ee;color:#283026;box-shadow:0 25px 100px #0008}
.b-policy-dialog::backdrop{background:#0a1411b8;backdrop-filter:blur(4px)}
.b-policy-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #dcd1b9;background:#eee5d1}.b-policy-toolbar h2{font:500 22px var(--serif);margin:0}.b-policy-close{border:1px solid #b8ac92;background:transparent;color:#374030;cursor:pointer;padding:8px 13px;font-size:14px}
.b-policy-dialog iframe{display:block;width:100%;height:68dvh;border:0;background:#fbf7ee}.b-policy-loading{padding:0 28px;color:#81755c;font-size:13px}
.b-policy-standalone{font-family:Pretendard,"Malgun Gothic",sans-serif;background:#fbf7ee;margin:0;color:#30382c}.b-policy-standalone .b-info-page{max-width:750px;margin:0 auto;padding:28px 32px}.b-policy-standalone .b-info-content{font-size:16px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}.b-policy-standalone .b-info-content h1{font-size:24px}.b-policy-standalone .b-info-content h2,.b-policy-standalone .b-info-content h3{font-size:20px;margin-top:30px}.b-policy-standalone .b-info-content table{width:100%;border-collapse:collapse}.b-policy-standalone .b-info-content td,.b-policy-standalone .b-info-content th{border:1px solid #d5cbb6;padding:8px}
@media(min-width:1500px){.b-harbor-copy{padding-top:175px}}
@media(max-width:1050px){.b-homepage .b-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.b-harbor-copy{padding-top:124px;padding-bottom:455px}.b-harbor-copy h1{font-size:clamp(64px,18vw,85px)}.b-harbor-gaze{font-size:18px;margin-bottom:15px}.b-harbor-slogan{font-size:14px;margin-bottom:14px}.b-harbor-intro{font-size:14px}.b-harbor-person{height:480px;bottom:0}.b-homepage .b-book-grid{gap:12px}.b-homepage .b-book-grid .b-book-topic{padding:18px 15px;min-height:290px}.b-book-art{width:77px;height:77px;margin:21px auto 15px}.b-homepage .b-book-grid h3{font-size:18px}.b-homepage .b-book-grid p{font-size:13px}.b-book-topline small{font-size:10px}.b-book-keywords{font-size:10px;letter-spacing:0}.b-time-selects{gap:10px}.b-time-selects select{font-size:16px;padding:0 10px;height:59px}.b-time-selects .b-field>span{font-size:14px}.b-free-step-note{padding:20px}.b-free-step-note strong{font-size:18px}.b-step-caption{gap:12px;align-items:flex-start}.b-step-caption>span:last-child{font-size:11px;text-align:right}.b-first-page{padding:28px 16px 50px}.b-first-head h1{font-size:29px}.b-first-paper{padding:30px 24px;margin-bottom:45px}.b-first-paper h2{font-size:25px}.b-first-paper .b-prose{font-size:20px;line-height:1.95}.b-first-point{padding:20px}.b-first-point strong,.b-first-hook{font-size:19px}.b-first-locked{padding-inline:7px}.b-first-locked h2,.b-first-unlock h2{font-size:27px}.b-first-locked li{gap:12px}.b-first-locked li>span:first-child{min-width:36px;font-size:14px}.b-first-locked strong{font-size:18px}.b-first-locked li p{font-size:12px}.b-lock-mark{font-size:10px;padding:4px 6px}.b-first-unlock{padding:30px 22px}.b-first-price strong{font-size:40px}.b-policy-toolbar{padding:17px 19px}.b-policy-toolbar h2{font-size:20px}.b-policy-standalone .b-info-page{padding:18px 22px}.b-policy-standalone .b-info-content{font-size:15px}}
@media(prefers-reduced-motion:reduce){.b-loader-line:after{animation:none;width:100%}}

.b-first-head img{display:block;margin:0 auto}

.b-form-card select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23505b45' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px;background-position:right 18px center;padding-left:18px;padding-right:48px!important}.b-form-card select:focus-visible{outline:2px solid #8c7448;outline-offset:3px}.b-time-selects{column-gap:20px}@media(max-width:760px){.b-time-selects{column-gap:14px}.b-form-card select{padding-left:14px;background-position:right 14px center;padding-right:40px!important}}

/* A continuous reading book against the harbor. */
.b-first-head{background:linear-gradient(145deg,#27392fed,#1b2823f5);border:1px solid #a48d5f66;padding:38px 45px;margin:28px 0 0;color:#f8efdb}.b-first-head img{margin:0 auto;border-color:#c7b185}.b-first-head>p{margin-top:20px;color:#d9c28e}.b-first-head h1{margin-bottom:22px}.b-first-paper{margin:0;padding:46px 48px;box-shadow:none;border-inline:1px solid #cdbb96}.b-first-locked{background:#1d2b24f5;padding:40px 48px;border:1px solid #a48d5f66;border-top:0;color:#f6edda}.b-first-locked>.b-eyebrow{color:#e2c995}.b-first-sub{color:#d4d8c8}.b-first-locked ol{margin:28px 0 0}.b-first-locked li{border-color:#b0b59640;padding:22px 0}.b-first-locked li:last-child{border-bottom:0;padding-bottom:0}.b-first-locked li p{color:#c1c9b9}.b-first-locked li>span:first-child{color:#d4b879}.b-lock-mark{color:#d5cba9;border-color:#b8ac7b66;background:#ffffff06}.b-first-unlock{background:#f4ecd9;border:1px solid #cdbb96;border-top:0;padding:40px 48px;margin:0;box-shadow:0 12px 30px #101a1640}.b-first-unlock .b-button{min-height:62px}.b-first-back{display:inline-block;color:#e0d4b9;margin-left:2px}@media(max-width:760px){.b-first-head{padding:30px 24px;margin-top:24px}.b-first-paper{margin:0;padding:30px 24px}.b-first-locked{padding:30px 24px}.b-first-locked h2{font-size:27px}.b-first-unlock{padding:32px 24px}.b-first-locked li{gap:10px}.b-first-locked li>span:first-child{min-width:30px}.b-first-locked strong{font-size:17px}.b-first-locked .b-lock-mark{font-size:9px;padding:4px}}

@media(max-width:600px){.b-homepage .b-book-grid{grid-template-columns:minmax(0,1fr);gap:16px}.b-homepage .b-book-grid .b-book-topic{display:grid;grid-template-columns:78px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:20px;row-gap:9px;min-height:0;padding:22px 22px 19px}.b-book-topline{grid-column:1/-1;grid-row:1;margin-bottom:8px}.b-book-topline small{font-size:12px;letter-spacing:.04em}.b-book-topline>span{font-size:20px}.b-book-art{grid-column:1;grid-row:2/4;width:78px;height:78px;align-self:center;margin:0}.b-homepage .b-book-grid h3{grid-column:2;grid-row:2;font-size:20px;line-height:1.55;letter-spacing:-.6px;margin:0;align-self:end}.b-homepage .b-book-grid p{grid-column:2;grid-row:3;font-size:14px;line-height:1.75;align-self:start;margin:0}.b-book-keywords{grid-column:1/-1;grid-row:4;margin-top:7px;padding-top:12px;font-size:11px;letter-spacing:.04em}.b-homepage .b-contents .b-section-heading{gap:20px}.b-homepage .b-contents .b-section-heading h2{font-size:27px;line-height:1.65}.b-homepage .b-contents .b-section-heading>p{font-size:15px;line-height:1.9}}