@font-face{font-family:DeoksuBrush;src:url('/main/bongi/deoksu-brush.ttf') format('truetype');font-display:swap;font-weight:400}
.d-site-header,.d-site-header *{box-sizing:border-box}
.d-site-header{position:relative;z-index:50;width:100%;height:94px;margin:0;padding:0;background:#1b2420;border-bottom:1px solid #eee3c725;color:#f2ead6}
.d-site-inner{display:flex;align-items:center;gap:32px;width:calc(100% - 96px);max-width:1440px;height:100%;margin:auto}
.d-site-header a{color:#f2ead6!important;text-decoration:none!important}
.d-site-brand{display:flex;align-items:center;gap:15px;flex-shrink:0;white-space:nowrap}
.d-site-header .d-site-word{display:block;margin:0;padding:0;font:400 48px/1 DeoksuBrush,serif!important;letter-spacing:-1px!important;transform:rotate(-3deg)}
.d-site-header .d-site-tag{font:500 11px/1.5 Pretendard,sans-serif!important;letter-spacing:3px!important;border-left:1px solid #d6c9aa8c;padding-left:15px;color:#c9c0aa}
.d-site-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.d-site-header .d-site-nav a,.d-site-header .d-site-account{font:500 15px/1.5 Pretendard,sans-serif!important}
.d-site-account{flex-shrink:0;padding-left:24px;border-left:1px solid #d6c9aa50}.d-site-nav a:hover,.d-site-account:hover{opacity:.75}
.d-site-menu{display:none}.d-site-header :is(a,summary):focus-visible{outline:2px solid #ddc38c;outline-offset:7px}
.b-homepage .d-site-header{position:absolute;inset:0 0 auto;background:linear-gradient(#151a19c9,#151a1970)}
@media(max-width:760px){.d-site-header{height:82px}.d-site-inner{width:calc(100% - 38px);gap:22px}.d-site-brand{gap:10px}.d-site-header .d-site-word{font-size:41px!important}.d-site-header .d-site-tag{font-size:9px!important;letter-spacing:2px!important;padding-left:10px}.d-site-nav{display:none}.d-site-header .d-site-account{margin-left:auto;border:0;padding:0;font-size:12px!important}.d-site-menu{display:block}.d-site-menu summary{list-style:none;cursor:pointer;color:#f2ead6;font-size:25px;line-height:1}.d-site-menu summary::-webkit-details-marker{display:none}.d-site-menu nav{position:absolute;top:81px;left:0;right:0;display:grid;gap:0;padding:12px 20px 20px;background:#202c25;border-bottom:1px solid #d6c9aa30}.d-site-menu nav a{padding:13px 0;font:15px/1.5 Pretendard,sans-serif!important}}
@media(max-width:359px){.d-site-inner{gap:15px}.d-site-header .d-site-word{font-size:37px!important}.d-site-header .d-site-tag{letter-spacing:1px!important}}

/* 2026-09-27: serif branding and an uncropped hero portrait. */
.d-site-header .d-site-word{
  font:600 34px/1.3 var(--serif, 'Noto Serif KR', serif)!important;
  letter-spacing:-.06em!important;
  transform:none;
}
.b-harbor .b-brand-word{
  font:600 30px/1.4 var(--serif);
  letter-spacing:-.06em;
  transform:none;
}
.b-homepage .b-harbor-copy h1{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(42px,4.7vw,78px);
  line-height:1.43;
  letter-spacing:-.055em;
  white-space:normal;
  word-break:keep-all;
  margin-bottom:24px;
}
.b-homepage .b-harbor-person{
  top:104px;
  bottom:-6%;
  height:auto;
  mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 84%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 6%,#000 85%,transparent 100%);
}
.b-homepage .b-harbor-person img{object-position:center top}
@media(max-width:760px){
  .d-site-header .d-site-word{font-size:27px!important}
  .b-harbor .b-brand-word{font-size:27px}
  .b-homepage .b-harbor-copy h1{font-size:clamp(32px,7.8vw,52px);line-height:1.5;letter-spacing:-.055em}
  .b-homepage .b-harbor-person{top:auto;bottom:0;height:480px}
}
@media(max-width:359px){
  .d-site-header .d-site-word{font-size:25px!important}
}

/* Match the brand to the hero text and open up the brand story. */
.b-harbor{--home-copy-inset:max(6.5vw,calc((100vw - 1350px)/2))}
.b-harbor .d-site-inner{width:auto;max-width:none;margin-left:var(--home-copy-inset);margin-right:max(48px,calc((100% - 1440px)/2))}
.b-story-open{background:#eee7d6;color:#2b3027;padding:100px 0 80px}
.b-story-inner{width:min(1180px,calc(100% - 80px));margin:auto}
.b-story-heading{display:grid;grid-template-columns:1fr 2fr;gap:70px;align-items:start;padding-bottom:52px;border-bottom:1px solid #b8ae954d}
.b-story-heading .b-eyebrow{color:#766c51;font-size:12px;margin-bottom:24px}
.b-story-date{font:400 62px/1 Georgia,serif;color:#968365;letter-spacing:-2px}
.b-story-date span{display:block;margin-top:16px;font:13px/1.8 Pretendard,sans-serif;letter-spacing:.03em;color:#827965}
.b-story-heading h2{font:500 clamp(28px,2.8vw,43px)/1.6 var(--serif);letter-spacing:-.06em}
.b-story-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:46px}
.b-story-scenes article>span{font-size:12px;color:#887653;letter-spacing:.05em}
.b-story-scenes h3{font:600 20px/1.7 var(--serif);letter-spacing:-.04em;margin:17px 0 14px}
.b-story-scenes p{font-size:16px;line-height:1.95;color:#67685d}
.b-story-fiction{margin-top:42px;font-size:12px;color:#84816f;line-height:1.8}
.b-access-mode{margin:28px 0;background:#f6f0e2}
.b-access-mode h2{margin-bottom:16px}
.b-access-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 25px}
.b-access-options label{display:flex;align-items:flex-start;gap:12px;border:1px solid #cbbd9e;padding:22px;cursor:pointer;background:#fffaf0}
.b-access-options input{margin-top:7px;accent-color:#586440}
.b-access-options strong,.b-access-options small{display:block}
.b-access-options small{font-size:13px;line-height:1.8;color:#777566;margin-top:7px}
.b-access-mode>.b-small{margin-top:18px}
@media(max-width:1050px){.b-harbor{--home-copy-inset:5%}.b-story-heading{gap:36px}.b-story-scenes{gap:28px}}
@media(max-width:760px){.b-harbor{--home-copy-inset:25px}.b-harbor .d-site-inner{margin-right:19px}.b-story-open{padding:60px 0 48px}.b-story-inner{width:calc(100% - 48px)}.b-story-heading{display:block;padding-bottom:30px}.b-story-heading .b-eyebrow{margin-bottom:15px}.b-story-date{font-size:40px;display:flex;gap:18px;align-items:center;margin-bottom:28px}.b-story-date span{margin:0;font-size:11px;letter-spacing:0}.b-story-heading h2{font-size:27px}.b-story-scenes{grid-template-columns:1fr;gap:30px;margin-top:30px}.b-story-scenes h3{margin:10px 0;font-size:20px}.b-story-scenes p{font-size:16px}.b-story-fiction{margin-top:30px}.b-access-options{grid-template-columns:1fr}}

/* A full-width, readable preview with three examples. */
.d-reading-preview{background:#1c2923;color:#f2ead9;padding:88px 0 62px;position:relative;isolation:isolate}
.d-preview-inner{width:min(1180px,calc(100% - 96px));margin:auto}
.d-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-bottom:48px}
.d-preview-kicker{font-size:12px;letter-spacing:.1em;color:#c7b486;margin-bottom:20px}
.d-preview-heading h2{font:500 clamp(32px,3.3vw,48px)/1.5 var(--serif);letter-spacing:-.065em;color:#f2ead9}
.d-preview-intro{font-size:16px;line-height:1.95;color:#bfc7bd;padding-bottom:6px;min-width:300px}
.d-preview-tabs{display:flex;gap:38px;border-bottom:1px solid #a8b19f40}
.d-preview-tabs button{position:relative;display:flex;align-items:center;gap:12px;min-height:59px;padding:10px 4px 19px;border:0;background:none;color:#abb8a9;font-size:16px;white-space:nowrap}
.d-preview-tabs button span{font:14px/1 Georgia,serif;color:#a1a88f}
.d-preview-tabs button[aria-selected="true"]{color:#ecd39f}
.d-preview-tabs button[aria-selected="true"]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#d8bb80}
.d-preview-tabs button:hover{color:#f2ead9}
.d-reading-preview :is(button,a):focus-visible{outline:2px solid #e5c686;outline-offset:5px}
.d-preview-page{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:70px;align-items:start;padding:47px 0 43px}
.d-preview-page+.d-preview-page{border-top:1px solid #a8b19f40}
.d-preview-pages.is-interactive .d-preview-page{min-height:362px;border:0}
.d-preview-question{font-size:14px;line-height:1.8;color:#b5c2b3;margin-bottom:23px}
.d-preview-quote h3{font:400 clamp(28px,2.55vw,37px)/1.7 var(--serif);letter-spacing:-.055em;color:#f3ecdc}
.d-preview-quote h3 em{font-style:normal;color:#ddc38e}
.d-preview-byline{display:flex;align-items:center;gap:14px;margin-top:25px;color:#d6c6a6;font:500 15px/1.8 var(--serif)}
.d-preview-byline span{font:12px/1.8 Pretendard,sans-serif;color:#a6b2a2}
.d-preview-answer{border-left:1px solid #a8b19f40;padding-left:42px;padding-top:4px}
.d-preview-answer>p{font-size:17px;line-height:1.95;color:#ccd2c5}
.d-preview-answer>p+p{margin-top:19px}
.d-preview-answer aside{margin-top:28px;padding-top:21px;border-top:1px solid #a8b19f30}
.d-preview-answer aside span{display:block;font-size:12px;line-height:1.8;color:#b0bba8;margin-bottom:8px}
.d-preview-answer aside strong{display:block;font:500 21px/1.7 var(--serif);letter-spacing:-.045em;color:#e4cea0}
.d-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;border-top:1px solid #a8b19f40}
.d-preview-footer p{font-size:12px;line-height:1.85;color:#a9b5a4}
.d-preview-footer a{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:52px;padding:12px 20px;border:1px solid #bfb08d80;color:#eedbb4;font-size:14px;transition:background .2s}
.d-preview-footer a:hover{background:#e3c68d12}
.d-preview-footer a span{font-size:22px}
@media(max-width:1050px){.d-preview-page{gap:42px}.d-preview-answer{padding-left:32px}.d-preview-intro{min-width:260px}.d-preview-pages.is-interactive .d-preview-page{min-height:390px}}
@media(max-width:760px){
 .d-reading-preview{padding:52px 0 42px}.d-preview-inner{width:calc(100% - 48px)}
 .d-preview-heading{display:block;padding-bottom:28px}.d-preview-kicker{font-size:11px;margin-bottom:16px;letter-spacing:.06em}
 .d-preview-heading h2{font-size:32px;line-height:1.55}.d-preview-intro{margin-top:20px;font-size:14px;line-height:1.9;min-width:0;padding:0}.d-preview-intro br{display:none}
 .d-preview-tabs{gap:0;justify-content:space-between}.d-preview-tabs button{gap:8px;min-height:58px;padding:12px 0 16px;font-size:14px}.d-preview-tabs button span{font-size:12px}
 .d-preview-page{grid-template-columns:minmax(0,1fr);gap:28px;padding:31px 0}.d-preview-pages.is-interactive .d-preview-page{min-height:0}
 .d-preview-question{font-size:12px;margin-bottom:17px}.d-preview-quote h3{font-size:clamp(25px,6.8vw,32px);line-height:1.72;letter-spacing:-.06em}
 .d-preview-byline{margin-top:19px;font-size:14px;gap:12px}.d-preview-byline span{font-size:11px}
 .d-preview-answer{border-left:0;padding:0}.d-preview-answer>p{font-size:16px;line-height:1.9}.d-preview-answer>p+p{margin-top:15px}
 .d-preview-answer aside{margin-top:23px;padding-top:19px}.d-preview-answer aside strong{font-size:20px}
 .d-preview-footer{display:flex;flex-direction:column-reverse;align-items:stretch;gap:22px;padding-top:25px}.d-preview-footer a{min-height:54px;font-size:14px}.d-preview-footer p{font-size:11px}
}

/* Reader downloads and optional spoken chapters. */
.b-export-status{background:#f4ecd9;border:1px solid #cbbd9e;padding:13px 18px;font-size:13px;line-height:1.8;margin:12px 0}
.b-audio-card{background:#eae8db;border:1px solid #c6c5b0;padding:24px 25px;margin:18px 0 24px;color:#303b2c}
.b-audio-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.b-audio-title strong{font:600 18px/1.7 var(--serif);letter-spacing:-.035em}
.b-audio-title>span{font-size:10px;white-space:nowrap;border:1px solid #98a18a;padding:2px 7px;color:#5f7150}
.b-audio-card>p{font-size:13px;line-height:1.8;color:#68745e;margin-top:8px}
.b-audio-actions{display:flex;gap:10px;align-items:flex-end;margin-top:18px}
.b-audio-actions label{flex:1;min-width:0;font-size:12px;color:#657558}
.b-audio-actions select{display:block;width:100%;min-width:0;margin-top:6px;min-height:46px;border:1px solid #afb79e;background:#fffdf3;padding:9px;color:#303b2c;font-size:13px}
.b-audio-actions button{min-height:46px;border:1px solid #4d6143;background:#35462e;color:#fff9e9;padding:10px 13px;font-size:13px;white-space:nowrap}
.b-audio-actions [data-b-audio-stop]{background:transparent;color:#4c5d40}
.b-audio-card audio{width:100%;margin-top:18px}
.b-audio-card [data-b-audio-status]{font-size:12px;margin-top:13px}
@media(max-width:760px){.b-audio-card{padding:20px 17px}.b-audio-title{align-items:flex-start;gap:10px}.b-audio-title strong{font-size:17px}.b-audio-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}.b-audio-actions label{grid-column:1/-1}.b-audio-actions select{font-size:14px}.b-audio-actions button{font-size:13px;min-height:46px}.b-audio-actions [data-b-audio-start]{grid-column:1}.b-audio-card>p{font-size:12px}}
@media print{body.bongi-body.b-harbor{background:white!important;color:#222!important}.d-site-header,.b-audio-card,.b-export-status,.b-policy-dialog,.b-report-meta,.b-reader-end{display:none!important}.b-harbor .b-reader-layout{display:block;margin:0;padding:0;max-width:none}.b-harbor .b-reading-page{border:0;background:white!important;box-shadow:none;padding:0;color:#222}.b-harbor .b-chapter{break-inside:auto}.b-chapter h2,.b-basis summary{break-after:avoid}.b-basis,.b-chart{display:block!important;color:#444!important}.b-basis p{display:block!important;font-size:10pt;line-height:1.6}.b-reader-intro img{display:none}.b-harbor .b-reader-intro{background:none!important;color:#222!important}.b-reader-intro h1,.b-reader-intro p{color:#222!important}.b-basis summary::marker,.b-chart summary::marker{content:''}}

/* Keep explanation and the invitation in one continuous reading flow. */
.d-reading-method{background:#f0eadc;color:#2d352d;padding:96px 0 0}
.d-method-inner,.d-method-bridge{width:min(1180px,calc(100% - 80px));margin:auto}
.d-method-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}
.d-method-kicker{font-size:12px;letter-spacing:.09em;color:#7b6d50;margin-bottom:25px}
.d-reading-method h2{font:500 clamp(30px,3vw,44px)/1.55 var(--serif);letter-spacing:-.055em;margin:0}
.d-reading-method h2 em{font-style:normal;color:#687053}
.d-method-intro{margin-top:27px;color:#6b6c60;font-size:16px;line-height:1.95}
.d-method-steps{margin:0;padding:0;list-style:none}
.d-method-steps li{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:0 0 30px;position:relative}
.d-method-steps li+li{padding-top:28px;border-top:1px solid #c8bfaa80}
.d-method-number{font:italic 25px/1.3 Georgia,serif;color:#9a8561;padding-top:1px}
.d-method-label{font-size:11px;letter-spacing:.07em;color:#82755b}
.d-method-steps h3{font:600 23px/1.6 var(--serif);letter-spacing:-.05em;margin:9px 0 12px}
.d-method-steps p{font-size:16px;line-height:1.9;color:#65685c;word-break:keep-all;max-width:465px}
.d-method-bridge{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:48px;padding:30px 0;border-top:1px solid #bcb39e80;border-bottom:1px solid #bcb39e80}
.d-method-bridge>span{font:500 20px/1.7 var(--serif);letter-spacing:-.04em}
.d-method-bridge a{font-size:14px;font-weight:600;color:#526047!important;white-space:nowrap}.d-method-bridge a span{margin-left:20px}
.b-harbor .b-home>.b-price-section{background:#f0eadc!important;color:#2d352d;padding:76px 0 96px;margin:0}
.b-harbor .b-price-layout{width:min(1180px,calc(100% - 80px));max-width:none;padding:0;background:transparent!important}
.b-harbor .b-price-layout>div>.b-eyebrow{color:#7b6d50}.b-harbor .b-price-layout>div>p:last-child{color:#65685c}
.b-harbor .b-price-card{background:#faf7ef;color:#2d352d;border:1px solid #c8bfaa;border-radius:0;box-shadow:none}
@media(max-width:960px){.d-method-inner{gap:48px;grid-template-columns:1fr 1.3fr}}
@media(max-width:760px){.d-reading-method{padding-top:56px}.d-method-inner,.d-method-bridge,.b-harbor .b-price-layout{width:calc(100% - 48px)}.d-method-inner{grid-template-columns:1fr;gap:40px}.d-reading-method h2{font-size:30px}.d-method-kicker{font-size:11px;margin-bottom:20px}.d-method-intro{margin-top:22px;font-size:15px}.d-method-steps li{grid-template-columns:30px 1fr;gap:13px;padding-bottom:24px}.d-method-steps li+li{padding-top:24px}.d-method-steps h3{font-size:20px}.d-method-steps p{font-size:15px}.d-method-number{font-size:22px}.d-method-bridge{display:block;margin-top:14px;padding:25px 0}.d-method-bridge>span{font-size:18px}.d-method-bridge a{display:block;margin-top:14px}.b-harbor .b-home>.b-price-section{padding:48px 0 58px}}

/* Shared fixed header; keep reader tools and anchor targets below it. */
:root{--deoksu-header-height:94px}
body.bongi-body:not(.b-homepage){padding-top:var(--deoksu-header-height)}
body .d-site-header,body.b-homepage .d-site-header{position:fixed;inset:0 0 auto;height:var(--deoksu-header-height);background:rgba(27,36,32,.96);backdrop-filter:blur(14px);box-shadow:0 5px 20px #08120e12}
html{scroll-padding-top:calc(var(--deoksu-header-height) + 22px)}
.b-toc{top:calc(var(--deoksu-header-height) + 28px)}
.b-reader-tools{top:var(--deoksu-header-height)}
.b-reading-progress{top:calc(var(--deoksu-header-height) + 65px)}
.b-chapter{scroll-margin-top:calc(var(--deoksu-header-height) + 105px)}
.d-site-menu nav{top:calc(var(--deoksu-header-height) - 1px);max-height:calc(100dvh - var(--deoksu-header-height));overflow-y:auto}
@media(max-width:760px){:root{--deoksu-header-height:82px}}
@media print{body.bongi-body:not(.b-homepage){padding-top:0}}

.b-reading-pending{padding:16px 22px;border:1px solid #b9c3aa;background:#eaf0df;color:#42543c;font-size:14px;line-height:1.75;margin:18px 0}.b-reading-pending[hidden]{display:none}@media(max-width:760px){.b-reading-pending{padding:14px 17px;font-size:13px}}

/* A quiet, equal-weight mobile navigation bar. */
@media(max-width:760px){
 .b-harbor .b-mobile-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:stretch;box-sizing:border-box;height:calc(45px + env(safe-area-inset-bottom,0px));padding:0 14px env(safe-area-inset-bottom,0px);background:rgba(252,250,244,.98);color:#888b7f;border-top:1px solid #dadbce;box-shadow:0 -3px 16px #172a1e06;backdrop-filter:blur(14px)}
 .b-harbor .b-mobile-bottom a,.b-harbor .b-mobile-bottom a.b-nav-main{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;margin:0;padding:0 4px;background:none;border:0;border-radius:0;color:#687264;font:500 12px/1.35 Pretendard,sans-serif;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
 .b-harbor .b-mobile-bottom svg{display:block;width:18px;height:18px;flex:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .b-harbor .b-mobile-bottom a.active{color:#294d38;font-weight:700}
 .b-harbor .b-mobile-bottom a.active:before{content:'';position:absolute;top:0;left:50%;width:22px;height:2px;background:#506e50;border-radius:0 0 2px 2px;transform:translateX(-50%)}
 .b-harbor .b-mobile-bottom a:focus-visible{outline:2px solid #617d57;outline-offset:-5px;border-radius:8px}
 .b-harbor .b-mobile-bottom a:active{background:#e9ede3;border-radius:8px}
 body.bongi-body .b-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* Keep the new portrait centered on the face in compact reading avatars. */
.b-reader-intro img,.b-avatar,.b-loader img,.b-form-intro img,.b-first-head img{object-position:50% 26%;transform:scaleX(-1)}