/* 충현디지털역사관 본관 — 시안 B(모던 미니멀)+C(따뜻한 스토리텔링) 하이브리드 */
:root{--ch-bg:#faf7f0;--ch-card:#fff;--ch-ink:#26221b;--ch-sub:#8a8172;--ch-line:#eae3d5;--ch-blue:#2447c9;--ch-blue-soft:#eef2ff;--ch-terra:#c2571b;--ch-terra-soft:#f7e7d9;--ch-r:18px;--ch-shadow:0 1px 2px rgba(38,34,27,.05),0 10px 30px rgba(38,34,27,.07)}
body{background:var(--ch-bg)!important;color:var(--ch-ink);font-family:'Pretendard Variable',Pretendard,-apple-system,'Segoe UI',Roboto,'Noto Sans KR',sans-serif!important;letter-spacing:-.015em}
#content{padding-top:0}
header nav a{color:#4b453a;font-weight:600}
header nav a:hover{color:var(--ch-terra)}
.site-title{font-weight:800;letter-spacing:-.02em}
.site-title:hover{text-decoration:none}
a{color:var(--ch-terra)}

/* 공통 섹션 */
.ch-eyebrow{display:inline-block;color:var(--ch-terra);background:var(--ch-terra-soft);font-size:12.5px;font-weight:700;letter-spacing:.14em;padding:7px 16px;border-radius:999px;margin-bottom:18px}
.ch-sec{max-width:1140px;margin:88px auto 0;padding:0 24px}
.ch-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}
.ch-sec-head h3{font-size:27px;font-weight:800;margin:6px 0 0;letter-spacing:-.02em}
.ch-more{font-size:14px;font-weight:600;color:var(--ch-sub);white-space:nowrap}
.ch-more:hover{color:var(--ch-terra)}

/* 히어로 */
.ch-hero{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(180deg,#f6f0e4 0%,var(--ch-bg) 100%);padding:72px 0 64px}
.ch-hero-in{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ch-h1{font-size:clamp(30px,3.6vw,46px);line-height:1.32;font-weight:800;letter-spacing:-.025em;margin:0 0 16px}
.ch-lead{font-size:16.5px;line-height:1.85;color:#6d6455;margin:0 0 28px;max-width:34em}
.ch-search{display:flex;max-width:560px;background:var(--ch-card);border:1.5px solid var(--ch-line);border-radius:999px;overflow:hidden;box-shadow:var(--ch-shadow);transition:border-color .2s}
.ch-search:focus-within{border-color:var(--ch-terra)}
.ch-search input{flex:1;border:0!important;outline:0;padding:16px 24px;font-size:15.5px;background:transparent;color:var(--ch-ink)}
.ch-search button{border:0;background:var(--ch-terra);color:#fff;font-size:15px;font-weight:700;padding:0 30px;margin:5px;border-radius:999px;cursor:pointer;transition:background .2s}
.ch-search button:hover{background:#a84812}
.ch-tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.ch-tags a{font-size:13px;font-weight:600;color:#6d6455;background:var(--ch-card);border:1px solid var(--ch-line);padding:7px 14px;border-radius:999px;transition:.2s}
.ch-tags a:hover{color:var(--ch-terra);border-color:var(--ch-terra);transform:translateY(-1px)}

/* 콜라주 */
.ch-collage{position:relative;height:430px}
.ch-p{position:absolute;background:#fff;padding:10px 10px 38px;border-radius:4px;box-shadow:0 12px 32px rgba(38,34,27,.18);margin:0;transition:transform .35s ease}
.ch-p:hover{transform:scale(1.04) rotate(0deg)!important;z-index:9}
.ch-p img{display:block;object-fit:cover;border-radius:2px}
.ch-p figcaption{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:12.5px;color:#7d7466}
.ch-p1{top:0;left:4%;transform:rotate(-5deg);z-index:1}.ch-p1 img{width:250px;height:180px}
.ch-p2{top:120px;right:0;transform:rotate(4deg);z-index:2}.ch-p2 img{width:260px;height:190px}
.ch-p3{bottom:0;left:14%;transform:rotate(-2deg);z-index:3}.ch-p3 img{width:230px;height:165px}

/* 통계 */
.ch-stats{max-width:1140px;margin:56px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ch-stats>div{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-r);padding:26px 24px;text-align:center;box-shadow:var(--ch-shadow)}
.ch-stats b{display:block;font-size:32px;font-weight:800;color:var(--ch-terra);letter-spacing:-.02em}
.ch-stats span{font-size:13.5px;color:var(--ch-sub);font-weight:600}

/* 컴렉션 카드 */
.ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ch-card{display:block;background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-r);overflow:hidden;box-shadow:var(--ch-shadow);transition:transform .25s,box-shadow .25s}
.ch-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(38,34,27,.13)}
.ch-th{display:block;aspect-ratio:16/10;overflow:hidden}
.ch-th img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ch-card:hover .ch-th img{transform:scale(1.05)}
.ch-bd{display:block;padding:18px 20px 20px}
.ch-bd small{color:var(--ch-terra);font-weight:700;font-size:12px;letter-spacing:.08em}
.ch-bd b{display:block;font-size:18px;font-weight:800;margin-top:4px;color:var(--ch-ink)}
.ch-bd i{display:block;font-style:normal;font-size:13.5px;color:var(--ch-sub);margin-top:6px;line-height:1.6}

/* 최근 기록 (Browse preview 블록) */
.preview-block{max-width:1140px;margin:88px auto 0;padding:0 24px}
.preview-block h2,.preview-block h3{font-size:27px;font-weight:800;letter-spacing:-.02em;margin-bottom:24px}
.preview-block .resource-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.preview-block .resource-list .resource{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-r);overflow:hidden;box-shadow:var(--ch-shadow);padding:0;margin:0;transition:transform .25s}
.preview-block .resource-list .resource:hover{transform:translateY(-4px)}
.preview-block .resource-list .resource img{width:100%;height:170px;object-fit:cover;display:block}
.preview-block .resource-list .resource h4{font-size:14px;font-weight:600;line-height:1.5;margin:0;padding:12px 14px 16px}
.preview-block .resource-list .resource h4 a{color:var(--ch-ink)}
.preview-block>a:last-child{display:inline-block;margin-top:20px;font-weight:600;color:var(--ch-sub)}

/* 스토리 카드(콘텐츠) */
.ch-story{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
.ch-story-card{position:relative;display:block;border-radius:var(--ch-r);overflow:hidden;min-height:300px;box-shadow:var(--ch-shadow)}
.ch-story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ch-story-card:hover img{transform:scale(1.05)}
.ch-story-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(20,16,10,.82) 100%)}
.ch-story-txt{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}
.ch-story-txt small{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);padding:5px 12px;border-radius:999px;margin-bottom:10px}
.ch-story-txt b{display:block;font-size:20px;font-weight:800;line-height:1.35}
.ch-story-txt i{display:block;font-style:normal;font-size:13px;opacity:.85;margin-top:6px;line-height:1.6}

/* 기증 CTA */
.ch-donate{max-width:1140px;margin:88px auto 96px;padding:0 24px}
.ch-donate-in{background:linear-gradient(115deg,#b34e14,#c2571b 55%,#d97a3d);border-radius:26px;color:#fff;padding:56px 48px;text-align:center;box-shadow:0 20px 50px rgba(194,87,27,.25)}
.ch-donate-in h3{font-size:26px;font-weight:800;margin:0 0 12px;color:#fff}
.ch-donate-in p{font-size:15.5px;line-height:1.85;opacity:.92;margin:0 0 24px}
.ch-donate-in a{display:inline-block;background:#fff;color:var(--ch-terra);font-weight:800;font-size:15px;padding:15px 36px;border-radius:999px;transition:transform .2s}
.ch-donate-in a:hover{transform:translateY(-2px);text-decoration:none}

/* 반응형 */
@media(max-width:900px){.ch-hero-in{grid-template-columns:1fr}.ch-collage{display:none}.ch-stats{grid-template-columns:repeat(2,1fr)}.ch-grid{grid-template-columns:1fr 1fr}.ch-story{grid-template-columns:1fr}.preview-block .resource-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ch-grid{grid-template-columns:1fr}.preview-block .resource-list{grid-template-columns:1fr}}

/* ===== 헤더 한 줄 정렬 (로고 좌 / 메뉴 우) ===== */
header{max-width:1140px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ch-line);background:transparent}
h1.site-title{margin:0;font-size:21px}
h1.site-title a{color:var(--ch-ink)}
nav#top-nav{display:flex;align-items:center;margin-left:auto}
nav#top-nav ul.navigation{display:flex;gap:26px;margin:0;padding:0;list-style:none}
nav#top-nav ul.navigation li{margin:0;padding:0}
nav#top-nav ul.navigation a{font-size:15px;font-weight:600;color:#4b453a}
nav#top-nav ul.navigation a:hover{color:var(--ch-terra);text-decoration:none}
#mobile-nav-toggle{display:none}
@media(max-width:760px){#mobile-nav-toggle{display:block}}
/* 상단 기본 검색창 숨김(히어로·기록찾기에 검색 있음) */
#search,#search-form{display:none!important}

/* ===== 푸터 ===== */
footer{width:100vw;margin-left:calc(50% - 50vw);margin-top:0;background:#2b2620;color:#b7ac99;text-align:center;padding:44px 24px 52px;font-size:0}
footer *{display:none!important}
footer::before{content:'충현디지털역사관';display:block;font-size:18px;font-weight:800;color:#f3ead9;letter-spacing:-.01em;margin-bottom:10px}
footer::after{content:'(06136) 서울특별시 강남구 테헤란로27길 40 충현교회 · TEL (02) 552-8200 · archive@choonghyunchurch.or.kr';display:block;font-size:13.5px;line-height:2}


/* ===== 콘텐츠 영역 공통 ===== */
#content{max-width:1140px;margin:0 auto;padding:36px 24px 72px}
#content>h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:8px 0 20px}

/* 검색 필터 칩 */
.search-filters{margin-bottom:18px}
.search-filters .filter{display:inline-flex;align-items:center;gap:8px;background:var(--ch-terra-soft);border:1px solid #eccfb4;border-radius:999px;padding:7px 16px;font-size:13.5px}
.search-filters .filter-label{color:var(--ch-terra);font-weight:700}
.search-filters .filter-value{color:var(--ch-ink);font-weight:600}

/* 목록 컨트롤 바 */
.browse-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(--ch-card);border:1px solid var(--ch-line);border-radius:14px;padding:12px 16px;margin-bottom:22px;font-size:14px}
.browse-controls .pagination{display:flex;align-items:center;gap:10px;margin:0}
.browse-controls input.page-input-top,.browse-controls .pagination input[type=text]{width:52px;text-align:center;border:1px solid var(--ch-line);border-radius:8px;padding:7px 6px;background:#fbf8f2}
.pagination-buttons .button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--ch-line);background:#fff;color:var(--ch-ink)}
.pagination-buttons .button:hover{border-color:var(--ch-terra);color:var(--ch-terra);text-decoration:none}
.pagination-buttons .inactive{opacity:.35}
.browse-controls .advanced-search{margin-left:auto;font-weight:600;color:var(--ch-sub)}
.browse-controls .advanced-search:hover{color:var(--ch-terra)}
.browse-controls form.sorting{display:flex;align-items:center;gap:8px;margin:0}
.browse-controls select,.browse-controls button{border:1px solid var(--ch-line);border-radius:10px;padding:8px 12px;background:#fff;font-size:13.5px;color:var(--ch-ink)}
.browse-controls form.sorting button{background:var(--ch-ink);color:#fff;border-color:var(--ch-ink);font-weight:600;cursor:pointer}

/* 목록 카드 그리드 */
ul.resource-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
ul.resource-list .resource{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-r);overflow:hidden;box-shadow:var(--ch-shadow);transition:transform .22s,box-shadow .22s;margin:0;padding:0}
ul.resource-list .resource:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(38,34,27,.12)}
ul.resource-list .resource-link{display:flex;flex-direction:column;height:100%;color:var(--ch-ink)}
ul.resource-list .resource-link:hover{text-decoration:none}
ul.resource-list .resource-link img{width:100%;height:185px;object-fit:cover;display:block;background:#efe8da}
ul.resource-list .resource-name{display:block;padding:13px 15px 17px;font-size:14px;font-weight:600;line-height:1.55;color:var(--ch-ink)}
/* 썸네일 없는 기록 카드 */
ul.resource-list .resource-link:not(:has(img))::before{content:'📄';display:flex;align-items:center;justify-content:center;height:185px;font-size:40px;background:linear-gradient(160deg,#f4eee1,#eae1cd)}

/* ===== 아이템 상세 ===== */
body.item.resource.show #content{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
body.item.resource.show #content>h2{grid-column:1/-1;margin-bottom:0}
body.item.resource.show #content>h3{grid-column:1/-1;font-size:12px;letter-spacing:.22em;color:var(--ch-terra);font-weight:700;margin:-6px 0 8px}
.media-embeds{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-r);padding:18px;box-shadow:var(--ch-shadow)}
.media-embeds img{width:100%;height:auto;border-radius:10px;display:block}
.media-embeds .media-render+.media-render{margin-top:14px}
#content dl{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-r);padding:10px 22px;box-shadow:var(--ch-shadow);margin:0}
#content dl .property{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #f2ecdf;margin:0}
#content dl .property:last-child{border-bottom:0}
#content dl dt{font-size:13px;font-weight:700;color:var(--ch-sub);margin:0}
#content dl dd{margin:0;font-size:14.5px;line-height:1.7;color:var(--ch-ink)}

/* ===== 기록 찾기(패싯) ===== */
#container{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start}
#section-sidebar{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-r);padding:20px;box-shadow:var(--ch-shadow)}
.facets-container{border:0;padding:0;margin:0}
#section-sidebar legend,#section-sidebar h3{font-size:15px;font-weight:800;margin:18px 0 8px}
#section-sidebar label{display:flex;align-items:center;gap:8px;font-size:14px;padding:5px 0;color:#4b453a;cursor:pointer}
#section-sidebar label:hover{color:var(--ch-terra)}
#section-sidebar input[type=text],#section-sidebar input[type=search]{width:100%;border:1.5px solid var(--ch-line);border-radius:10px;padding:10px 14px;background:#fbf8f2}
#section-sidebar input[type=radio],#section-sidebar input[type=checkbox]{accent-color:var(--ch-terra)}
#categories-return{margin-bottom:12px;display:inline-block;font-weight:600}
#section-sidebar-modal-toggle{display:none}
@media(max-width:900px){#container{grid-template-columns:1fr}ul.resource-list{grid-template-columns:1fr 1fr}body.item.resource.show #content{display:block}#content dl{margin-top:24px}}
@media(max-width:560px){ul.resource-list{grid-template-columns:1fr}}


/* 패싯 페이지 모듈 CSS 충돌 수정 (퍼센트 폭 무력화) */
#container>*{width:100%!important;float:none!important}
#section-sidebar{width:100%!important;position:static!important;max-width:none!important}
#section-content{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
#section-sidebar .facet{margin:0 0 6px}
ul.resource-list .resource{min-width:0}
ul.resource-list .resource-name{width:100%;word-break:keep-all}
#section-sidebar label{word-break:keep-all;white-space:nowrap}


/* 패싯 페이지 카드 세로 글자 문제 최종 수정 */
ul.resource-list li.resource a.resource-link{display:flex!important;flex-direction:column!important;align-items:stretch!important}
ul.resource-list li.resource a.resource-link img{width:100%!important;max-width:none!important;height:185px!important;object-fit:cover;margin:0!important;float:none!important}
ul.resource-list li.resource .resource-name{width:100%!important;min-width:0!important;flex:1 1 auto!important}