@font-face{font-family:Pretendard;src:url('assets/Pretendard-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Pretendard;src:url('assets/Pretendard-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Pretendard;src:url('assets/Pretendard-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--font-reading:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--project-nav-height:64px;--reading-body:16px;--reading-small:13px}
body{font-family:var(--font-reading);letter-spacing:0}
html{scroll-padding-top:0}
code,kbd,samp{font-family:var(--font-reading)}
#jangbumi .jb-copy h4{font-family:var(--font-reading)}
button,input,select,textarea{font-family:inherit}
.project-navigation{position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:8px;min-height:64px;background:var(--paper);border-top:1px solid #adb7a6;border-bottom:1px solid #c4cbbd;padding:8px 0;margin-bottom:0}
.project-navigation>span{font-size:13px;color:#677661;letter-spacing:.04em;margin-right:auto}
.project-navigation a{display:flex;align-items:center;gap:8px;justify-content:center;min-height:44px;padding:8px 18px;font-size:14px;font-weight:500;border-radius:4px;border-bottom:2px solid transparent}
.project-navigation a small{font-size:13px;color:#687a61}
.project-navigation a[aria-current]{background:#e0e6d8;border-bottom-color:#526a48;font-weight:600}
.project-navigation a:hover{background:#e9ecdf}
article.project{border:0;padding:48px 0 0;scroll-margin-top:calc(var(--project-nav-height) + 20px)}
article.project+article.project{margin-top:112px;border-top:1px solid #aab59f}
.project-header{margin-bottom:30px}
.project-header .project-meta{font-size:13px;letter-spacing:.02em;margin-bottom:22px;align-items:center;gap:16px}
.project-header .project-meta>span{padding:5px 10px;background:#e4e9dc;border-radius:3px;color:#506448}
.project .project-header h3{font-size:40px;line-height:1.3;font-weight:600;letter-spacing:-.03em;margin:0}
.project .project-header h3 span{display:block;font-size:16px;font-weight:400;letter-spacing:0;margin-top:10px;color:#65705f}
.project .project-header .project-grid{display:block}
.project .project-header .project-grid>div{display:block}
.project .project-header .project-lead{font-size:16px;margin:16px 0 0;color:#42533d;text-align:left}
.project>details{border-bottom:0;margin-top:26px}
.project>details>summary{font-size:14px;font-weight:500;padding:20px 0;min-height:56px;scroll-margin-top:calc(var(--project-nav-height) + 20px)}
.disclosure-mark:before{content:'+';font-size:24px;font-weight:400;line-height:1}
.project>details[open]>summary .disclosure-mark:before{content:'−'}
.close-project-detail{display:block;margin:30px auto 20px;padding:12px 20px;border:1px solid #b5c0ac;border-radius:4px;background:transparent;font-size:14px;min-height:44px}
.close-project-detail:hover{background:#e4e9dc}
.project [id],#jangbumi .jb-copy h4,#about{scroll-margin-top:calc(var(--project-nav-height) + 20px)}
.project .case-copy p,.project .detail-body,.project .case-intro>p:not(.case-kicker),.about p{font-size:16px;line-height:1.8}
.project .case-copy h4,.project .case-intro h4,#jangbumi .jb-copy h4{font-size:24px;line-height:1.45;font-weight:600}
.project .step-index,.project .case-kicker,.project .role-strip span,.project .tags span,.project .video-caption,.project .architecture-caption,.project .evidence-image>span,.project .decision-note,.project .footnote,.project .role-boundary,.project .case-disclosure{font-size:13px;line-height:1.65;letter-spacing:0}
.project .tags,.project .role-strip{gap:8px}
.project .media-tabs button{font-size:14px;font-weight:500}
.project .case-step{padding-top:48px;padding-bottom:48px}
.project table,.project .jb-evaluation,.project .jb-benchmark{font-variant-numeric:tabular-nums}
.shared-diagram{padding:32px;background:#eee9d9;border:1px solid #cbd2c4;border-radius:6px;min-width:0}
.shared-diagram.contribution-diagram{background:#e7eadf}
.shared-diagram .diagram-eyebrow{font-size:13px;color:#607158;letter-spacing:.02em;margin:0 0 12px}
.shared-diagram h4{font-size:24px;line-height:1.45;margin:0 0 12px;color:#314237}
.shared-diagram>p:not(.diagram-eyebrow):not(.shared-diagram-result){font-size:14px;color:#64705e;margin:0 0 24px}
.shared-diagram-flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;counter-reset:stage}
.shared-diagram-flow li{position:relative;min-width:0;background:#f4f3eb;border:1px solid #c3cdba;border-radius:7px;padding:18px 14px;counter-increment:stage}
.shared-diagram-flow li:before{content:'0' counter(stage);display:block;font-size:13px;color:#687b60;margin-bottom:14px}
.shared-diagram-flow li+li:after{content:'→';position:absolute;left:-23px;top:50%;transform:translateY(-50%);font-size:20px;color:#6a8060}
.shared-diagram-flow li:nth-child(3){background:#dce5d7}.shared-diagram-flow li:last-child{background:#e8dfc5}
.shared-diagram-flow strong{font-size:16px;line-height:1.5;display:block;overflow-wrap:anywhere;color:#304136}
.shared-diagram-flow p{font-size:13px;line-height:1.65;margin:12px 0 0;overflow-wrap:anywhere}
.shared-diagram-flow small{display:block;font-size:13px;line-height:1.65;border-top:1px solid #cbd2c4;margin-top:16px;padding-top:14px}
.shared-diagram-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.shared-diagram-notes>div{padding:16px;border:1px solid #d0d2c5;border-radius:5px;background:#f4f2e9}
.shared-diagram-notes b,.shared-diagram-notes span{display:block;font-size:13px}.shared-diagram-notes span{margin-top:8px}
.shared-diagram-result{padding:18px;background:#f4f3eb;border:1px solid #cbd2c4;border-radius:5px;margin:24px 0 0;display:flex;gap:24px;align-items:center;font-size:13px}
.shared-diagram-result b{white-space:nowrap;font-size:16px}
@media(max-width:1000px){.shared-diagram-flow{grid-template-columns:1fr;gap:32px}.shared-diagram-flow li+li:after{content:'↓';left:50%;top:-32px;transform:translateX(-50%)}.shared-diagram-flow li{display:grid;grid-template-columns:30px 1fr;column-gap:14px}.shared-diagram-flow li:before{grid-row:1/4;margin:0}.shared-diagram-flow p,.shared-diagram-flow small{grid-column:2}.shared-diagram-notes{grid-template-columns:1fr}}
@media(max-width:720px){:root{--project-nav-height:60px}.project-navigation{min-height:60px;gap:4px}.project-navigation>span{display:none}.project-navigation a{flex:1;padding:8px 6px;gap:5px;white-space:nowrap;font-size:14px}.project-navigation small{font-size:12px}article.project{padding-top:32px}article.project+article.project{margin-top:72px}.project-header .project-meta{flex-wrap:wrap;font-size:13px;gap:10px;margin-bottom:18px}.project .project-header h3{font-size:30px}.project .project-header .project-lead{font-size:15px;line-height:1.7}.project .case-copy h4,.project .case-intro h4,#jangbumi .jb-copy h4{font-size:21px}.project .case-step{padding:32px 0}.shared-diagram{padding:22px 18px}.shared-diagram h4{font-size:21px}.shared-diagram-result{display:block}.shared-diagram-result span{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-arrow{animation:none!important}.project a,.project button{transition:none}}