/* editorial · 포레스트 — primary #2D4A3E / secondary #8BA888 / accent #E9C46A / bg #F6F7F1 / text #1C2A24 */
:root{--primary:#2D4A3E;--secondary:#8BA888;--accent:#E9C46A;--bg:#F6F7F1;--text:#1C2A24}
/* 제목 폰트: F1 Pretendard 800 */
:root{--font-display:'Pretendard Variable','Pretendard',sans-serif;--font-display-weight:800}
html{-webkit-text-size-adjust:100%}
body{background:#F6F7F1;color:#1C2A24;line-height:1.7;word-break:keep-all;overflow-wrap:break-word;font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.serif,.display-text,h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-display-weight)}
h1{line-height:1.1;letter-spacing:-.02em}
h2,h3,.serif,.display-text{letter-spacing:-.02em}
h4,h5,h6{font-family:'Pretendard Variable','Pretendard',sans-serif}
h1,h2,h3{text-wrap:balance;line-height:1.35}
.prose-p{max-width:68ch;line-height:1.85}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.24em;color:#2D4A3E;font-weight:700}
.eyebrow::before{content:"";width:28px;height:2px;background:#E9C46A}
details.faq-item summary{cursor:pointer;list-style:none}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item[open] .faq-icon{transform:rotate(45deg)}
.lightbox{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.lightbox.open{display:flex}
.lb-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:960px;width:100%}
.lb-pair figure{margin:0;position:relative}
.lb-pair img{width:100%;max-height:82vh;object-fit:contain;border-radius:2px;background:#000}
.lb-pair figcaption{position:absolute;top:8px;left:8px;padding:2px 10px;font-size:12px;font-weight:700;color:#fff;background:rgba(28,42,36,.8);border-radius:2px}
/* 히어로 글씨: 사진을 덮지 않고 그림자로 가독성 확보 */
.hero-txt{text-shadow:0 2px 10px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.4)}
.hero-fade{background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,0) 55%)}
.blk-body>:first-child{margin-top:0!important}
/* 모바일: 표를 항목 카드형으로 */
@media (max-width:639px){
.rtable thead{display:none}
.rtable,.rtable tbody{display:block}
.rtable tr{display:block;padding:14px 0}
.rtable td{display:block;padding:2px 0!important}
.rtable td::before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.06em;color:#6B7280;font-weight:700}
.rtable td:first-child{font-size:16px}
.rtable td:first-child::before{display:none}
}