/* 이름결 게시판 — 메인과 동일 DEEP PINE 라이트 톤 */
:root{
  --paper:#FAFAF7;--paper-2:#F2F2EC;--paper-3:#E9E9E1;
  --ink:#1A1A1A;--ink-2:#3A3A3A;--ash:#6E6E68;--ash-2:#9A9A92;
  --line:rgba(26,26,26,0.12);--line-soft:rgba(26,26,26,0.06);
  --jade:#0E9268;--jade-bright:#16A878;--gold:#C28A1E;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.3rem 3rem;display:flex;justify-content:space-between;align-items:center;background:rgba(250,250,247,0.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line-soft)}
.logo{font-family:'Noto Serif KR',serif;font-weight:900;font-size:1.3rem;color:var(--ink);text-decoration:none;letter-spacing:-0.02em}
.logo small{font-family:'Pretendard Variable',sans-serif;font-weight:500;font-size:0.62rem;letter-spacing:0.3em;color:var(--ash);margin-left:0.6rem;vertical-align:middle}
.nav-menu{display:flex;gap:2rem;align-items:center}
.nav-menu a{font-size:0.85rem;color:var(--ink-2);text-decoration:none;font-weight:500;transition:color 0.2s}
.nav-menu a:hover,.nav-menu a.active{color:var(--jade)}
.nav-cta{font-size:0.75rem;font-weight:700;letter-spacing:0.12em;color:var(--paper);background:var(--jade);padding:0.7rem 1.5rem;border-radius:999px;text-decoration:none;transition:all 0.25s}
.nav-cta:hover{background:var(--jade-bright);transform:translateY(-2px)}

/* PAGE HEAD */
.page-head{padding:10rem 2rem 3rem;position:relative;overflow:hidden}
.page-head::before{content:'';position:absolute;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(14,146,104,0.10) 0%,transparent 60%);top:-30%;left:-15%;pointer-events:none;filter:blur(40px)}
.ph-inner{max-width:1000px;margin:0 auto;position:relative}
.ph-label{font-family:ui-monospace,SFMono-Regular,monospace;font-size:0.78rem;letter-spacing:0.3em;color:var(--jade);font-weight:600;margin-bottom:1.5rem}
.ph-title{font-family:'Noto Serif KR',serif;font-weight:900;font-size:clamp(2.6rem,6vw,4rem);line-height:1.1;letter-spacing:-0.035em}

/* TABS */
.tabs-wrap{max-width:1000px;margin:2rem auto 0;padding:0 2rem;border-bottom:1px solid var(--line)}
.tabs{display:flex;gap:0;align-items:flex-end}
.tab{padding:1rem 1.5rem 1.2rem;font-family:'Noto Serif KR',serif;font-weight:700;font-size:1rem;color:var(--ash);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px;transition:all 0.2s;letter-spacing:-0.01em}
.tab:hover{color:var(--ink-2)}
.tab.active{color:var(--ink);border-bottom-color:var(--jade)}

/* GRID */
.posts-wrap{max-width:1000px;margin:0 auto;padding:4rem 2rem 8rem}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.post-card{background:var(--paper-2);border:1px solid var(--line);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;overflow:hidden;transition:all 0.3s;min-height:240px}
.post-card:hover{border-color:var(--jade);transform:translateY(-4px)}
.card-img{aspect-ratio:16/10;overflow:hidden;background:var(--paper-3)}
.card-img img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:1.6rem 1.5rem;display:flex;flex-direction:column;flex:1}
.cat{font-family:ui-monospace,SFMono-Regular,monospace;font-size:0.7rem;letter-spacing:0.18em;color:var(--jade);font-weight:700;margin-bottom:1rem;text-transform:uppercase}
.cat.notice{color:var(--gold)}
.cat .pin{color:var(--gold)}
.post-card h2{font-family:'Noto Serif KR',serif;font-weight:900;font-size:1.15rem;line-height:1.4;letter-spacing:-0.02em;margin-bottom:0.7rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-card p{font-size:0.86rem;line-height:1.7;color:var(--ash);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:auto}

.pager{margin-top:4rem;display:flex;justify-content:center;align-items:center;gap:2rem}
.pager a{font-size:0.85rem;color:var(--ink);text-decoration:none;padding:0.6rem 1.2rem;border:1px solid var(--line);transition:all 0.2s}
.pager a:hover{border-color:var(--jade);color:var(--jade)}
.pager span{font-size:0.85rem;color:var(--ash)}
.empty{text-align:center;padding:6rem 2rem;color:var(--ash)}

/* 본문 */
.post{max-width:760px;margin:0 auto;padding:9rem 2rem 4rem}
.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}
.post-cat{display:inline-block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:0.72rem;letter-spacing:0.2em;color:var(--jade);font-weight:700;text-decoration:none;margin-bottom:1.5rem;text-transform:uppercase}
.post-cat.notice{color:var(--gold)}
.post-title{font-family:'Noto Serif KR',serif;font-weight:900;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.3;letter-spacing:-0.025em;margin-bottom:1.2rem}
.post-meta{font-size:0.85rem;color:var(--ash);font-family:ui-monospace,SFMono-Regular,monospace}
.post-meta time{margin-right:0.3rem}

/* 본문 콘텐츠 — Quill 렌더 */
.post-content{font-size:17px;line-height:1.95;color:var(--ink-2)}
.post-content .ql-editor{padding:0;font-family:'Pretendard Variable',sans-serif}
.post-content p{margin-bottom:1.2rem;font-size:17px;color:var(--ink-2)}
.post-content h1,.post-content h2,.post-content h3{font-family:'Noto Serif KR',serif;font-weight:900;color:var(--ink);letter-spacing:-0.02em;margin:2.5rem 0 1rem}
.post-content h1{font-size:1.7rem}.post-content h2{font-size:1.45rem}.post-content h3{font-size:1.2rem}
.post-content a{color:var(--jade);text-decoration:underline;text-underline-offset:3px}
.post-content strong{font-weight:700;color:var(--ink)}
.post-content em{font-style:italic}
.post-content u{text-decoration:underline}
.post-content blockquote{margin:1.8rem 0;padding:0.8rem 1.4rem;border-left:3px solid var(--jade);background:var(--paper-2);color:var(--ink-2)}
.post-content ul,.post-content ol{padding-left:1.6rem;margin-bottom:1.2rem}
.post-content li{margin:0.4rem 0}
.post-content img{max-width:100%;height:auto;display:block;margin:1.8rem auto;border-radius:4px}
.post-content pre{background:#1A1A1A;color:#F0F0E8;padding:1.2rem;border-radius:4px;overflow-x:auto;margin:1.5rem 0;font-size:0.9rem}
/* Quill 정렬 클래스 */
.post-content .ql-align-center{text-align:center}
.post-content .ql-align-right{text-align:right}
.post-content .ql-align-justify{text-align:justify}
/* Quill 크기 (인라인 style로도 오지만 fallback) */
.post-content .ql-size-small{font-size:0.78em}
.post-content .ql-size-large{font-size:1.5em}
.post-content .ql-size-huge{font-size:2.2em}

.post-foot{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.back-link{font-family:'Noto Serif KR',serif;font-weight:700;color:var(--ink);text-decoration:none;font-size:0.95rem;transition:color 0.2s}
.back-link:hover{color:var(--jade)}

/* 다른 글 */
.siblings{max-width:760px;margin:0 auto;padding:0 2rem 6rem}
.siblings-title{font-family:'Noto Serif KR',serif;font-weight:900;font-size:1.2rem;margin-bottom:1.5rem;letter-spacing:-0.02em}
.siblings-list{list-style:none}
.siblings-list li{border-bottom:1px solid var(--line-soft)}
.siblings-list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;color:var(--ink-2);transition:color 0.2s}
.siblings-list a:hover{color:var(--jade)}
.s-title{font-size:0.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-date{font-size:0.78rem;color:var(--ash-2);font-family:ui-monospace,SFMono-Regular,monospace;flex-shrink:0}

/* FOOTER */
footer{background:var(--ink);padding:3rem 2rem}
.foot-bottom{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:0.75rem;color:rgba(250,250,247,0.4)}
.foot-bottom .domain{color:var(--jade-bright);letter-spacing:0.15em;font-weight:600}

@media (max-width:900px){
  nav{padding:1rem 1.2rem}.nav-menu{gap:1rem}.nav-menu a{font-size:0.76rem}
  .page-head{padding:7rem 1.2rem 2rem}
  .tabs-wrap{padding:0 1.2rem}.tab{padding:0.8rem 1rem 1rem;font-size:0.9rem}
  .posts-wrap{padding:3rem 1.2rem 5rem}.posts-grid{grid-template-columns:1fr;gap:1rem}
  .post{padding:7rem 1.2rem 3rem}.post-content{font-size:16px}
  .siblings{padding:0 1.2rem 4rem}
}