/* 하위 페이지(주제별 안내·블로그·글·개인정보·404) 공통 — 첫 화면과 같은 색·글꼴(시안 C) */
:root{--ivory:#F7F2EB;--paper:#FBF8F3;--stone:#E9E1D6;--ink:#211C19;--ink2:#6B6158;--rose:#9A6A66;--rose-l:#E2C3B8;--line:rgba(33,28,25,.14);
  --serif:"Noto Serif KR",serif;--en:"Cormorant Garamond",serif;--sans:"Pretendard Variable","Pretendard",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.85;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.label{font-family:var(--en);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--rose)}
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.4}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;font-size:14px;letter-spacing:.16em;background:var(--ink);color:var(--ivory);transition:.3s}
.btn:hover{background:var(--rose)}
.link{display:inline-block;font-size:14px;letter-spacing:.14em;padding-bottom:6px;border-bottom:1px solid currentColor}

header.top{border-bottom:1px solid var(--line);background:var(--ivory)}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:20px}
.mark{font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:.34em}
.mark small{display:block;font-family:var(--en);font-style:italic;font-size:12px;letter-spacing:.24em;color:var(--rose);margin-top:2px}
header.top nav{display:flex;gap:24px;font-size:14px;align-items:center}
header.top nav .cta{border-bottom:1px solid var(--ink);padding-bottom:3px}
@media(max-width:720px){header.top nav a:not(.cta){display:none}}

.page{width:min(760px,calc(100% - 40px));margin:0 auto;padding:clamp(60px,9vw,120px) 0 40px}
.page>header{text-align:center;margin-bottom:56px}
.page h1{font-size:clamp(28px,4vw,44px);margin:16px 0 18px}
.page .lead{color:var(--ink2);font-size:16.5px}
.page figure.cover{margin:0 0 56px}
.page figure.cover img{width:100%;aspect-ratio:16/10;object-fit:cover}
.qa{border-top:1px solid var(--line)}
.qa h2{font-size:20px;font-weight:400;padding:28px 0 10px}
.qa p{color:var(--ink2);padding-bottom:28px;border-bottom:1px solid var(--line)}
.crumb{font-size:13px;color:var(--ink2);margin-bottom:30px}

/* 글 */
.phead{text-align:center;margin-bottom:50px}
.phead h1{font-size:clamp(26px,3.6vw,40px)}
.blog-post-meta{font-size:13px;letter-spacing:.1em;color:var(--ink2);margin-top:12px}
.blog-card-tags{margin-top:12px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.blog-tag{font-size:12.5px;color:var(--rose)}
.blog-post-content{font-size:16.5px}
.blog-post-content p{margin:0 0 1.3em}
.blog-post-content h2{font-size:24px;margin:2.2em 0 .8em}
.blog-post-content h3{font-size:19px;margin:1.8em 0 .6em}
.blog-post-content img{margin:1.6em auto}
.blog-post-content ul,.blog-post-content ol{margin:0 0 1.3em 1.3em}
.blog-post-content table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px}
.blog-post-content th,.blog-post-content td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.blog-post-content strong{font-weight:500}

/* 글 목록 */
.blist{display:grid;border-top:1px solid var(--line)}
.bcard{display:block;padding:30px 0;border-bottom:1px solid var(--line)}
.bcard time{font-family:var(--en);font-size:14px;letter-spacing:.14em;color:var(--rose)}
.bcard h3{font-size:21px;margin:6px 0 8px}
.bcard p{color:var(--ink2);font-size:15px}
.bcard .go{display:inline-block;margin-top:10px;font-size:13px;letter-spacing:.12em}

.legal h2{font-size:19px;font-weight:400;margin:2em 0 .6em}
.legal p,.legal li{color:var(--ink2);font-size:15px}
.legal ul{margin-left:1.2em}

.ask{margin-top:90px;padding:56px 32px;background:var(--paper);text-align:center}
.ask h2{font-size:26px;margin:12px 0 14px}
.ask p{color:var(--ink2);margin-bottom:28px;font-size:15px}

footer{margin-top:90px;background:var(--ink);color:var(--ivory);padding:80px 0 100px;text-align:center}
footer .mark small{color:var(--rose-l)}
footer .info{margin-top:26px;font-size:13.5px;opacity:.7;line-height:2}
footer .ch{display:flex;gap:26px;justify-content:center;margin-top:26px;font-family:var(--en);letter-spacing:.2em;font-size:13px;text-transform:uppercase;flex-wrap:wrap}
footer .bottom{margin-top:44px;font-size:12px;opacity:.5;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
footer .bottom a{text-decoration:underline;text-underline-offset:4px}

.dock{display:none}
@media(max-width:900px){
 .dock{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(247,242,235,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
 .dock a{min-height:58px;display:grid;place-items:center;font-size:14px;letter-spacing:.08em}
 .dock a.main{background:var(--ink);color:var(--ivory)}
 footer{padding-bottom:140px}
}

/* 메뉴 사진 카탈로그 — 상품마다 고유 링크(menu.html#id), 사진 여러 장 옆으로 넘기기 */
.toc{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;margin-top:30px;font-size:14px}
.toc a{border-bottom:1px solid var(--line);padding-bottom:2px}
.cat{padding:70px 0;border-top:1px solid var(--line);scroll-margin-top:20px}
.cat h2{font-size:clamp(24px,3vw,32px);margin:8px 0 10px}
.cat .lead{color:var(--ink2)}
.cat .price{margin-top:6px;font-size:14px;letter-spacing:.06em;color:var(--rose)}
.shots{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:28px -20px 0;padding:0 20px;scrollbar-width:none}
.shots::-webkit-scrollbar{display:none}
.shots figure{flex:0 0 min(420px,80%);scroll-snap-align:start;background:var(--stone)}
.shots img{width:100%;aspect-ratio:4/5;object-fit:cover}
.cat .acts{display:flex;gap:24px;align-items:center;margin-top:26px;flex-wrap:wrap}
.cat .share{background:none;border:0;border-bottom:1px solid currentColor;font:inherit;font-size:14px;letter-spacing:.14em;padding:0 0 6px;cursor:pointer;color:var(--ink)}