/* ============================================================
   100주년 (centennial/) — 입구 · 작품 100(기념판) · 서문·에세이 · 기념판 독백 · 연대기 · 풍토일력 365
   ============================================================ */

/* ---- 입구 ---- */
.cn-hero{min-height:66vh}
.cn-hero h1 small{display:block;font:italic 400 clamp(16px,1.6vw,22px)/1.3 Georgia,serif;color:#e2b36e;letter-spacing:.02em;margin-top:14px}
.cn-dates{font:600 12px/1 var(--sans);letter-spacing:.3em;color:#e2b36e;text-transform:uppercase;margin:0 0 18px}
.gate .sub{color:var(--gold-2);font-size:14px;margin:-4px 0 8px}
.cn-card .go{margin-top:6px}
.badge{display:inline-block;padding:1px 8px;border:1px solid var(--gold);border-radius:999px;color:var(--gold-2);font:600 10px/1.6 var(--sans);letter-spacing:.1em;font-style:normal;vertical-align:middle}

/* ---- 작품 100 (글 카드) ---- */
.cn-wcard .ph .noimg{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:16px;font-size:14px;color:var(--ink-2);font-family:var(--serif)}
.cn-wcard .ph .noimg b{font-size:30px;margin-bottom:8px}
.cn-wcard .ph .noimg small{display:block;margin-top:10px;font:11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}

/* ---- 작품 한 쪽 ---- */
.cn-work{max-width:820px}
.cn-plate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:3/2;max-height:260px;margin:0 0 28px;border:1px dashed var(--line);border-radius:var(--r-s);background:var(--paper-2);color:var(--muted)}
.cn-plate b{font:600 44px/1 var(--serif);color:var(--gold);letter-spacing:-.03em}
.cn-plate span{font:11px var(--sans);letter-spacing:.18em;text-transform:uppercase}
.cn-work .meta{font:13px/1.8 var(--sans);color:var(--ink-2);margin:0 0 10px}
.cn-work .meta b{color:var(--gold-2);letter-spacing:.1em}
.cn-work h1{font-size:clamp(32px,4vw,56px);line-height:1.05;letter-spacing:-.035em;margin:0 0 6px}
.cn-work .en-title{font:italic 400 20px/1.3 Georgia,serif;color:var(--muted);margin:0 0 30px}
.cn-text.main .poem{font-size:19px;line-height:2.1}
.cn-text.main .prose{font-size:18px}
.cn-text.other{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);color:var(--ink-2)}
.cn-text.other .poem{font-size:16.5px;line-height:1.95;color:var(--ink-2)}
.cn-text.other .prose{font-size:16px;color:var(--ink-2)}

/* ---- 읽기(서문·에세이·독백) ---- */
.cn-read h1{font-size:clamp(30px,3.8vw,52px);line-height:1.08;letter-spacing:-.035em;margin:6px 0 18px}
.cn-read .byline{margin:0 0 30px;font-size:15px;line-height:1.6}
.cn-prose{margin-top:10px}
.cn-prose.en{font-size:17.5px}
.cn-toc{margin:24px 0 10px}
.cn-toc .chip{text-decoration:none}
.cn-toc .chip:hover{border-color:var(--gold);color:var(--gold-2)}
.cn-part{padding:30px 0 6px;border-top:1px solid var(--line-2)}
.cn-part:first-of-type{border-top:0}
.cn-part .eyebrow{margin-bottom:12px}
.cn-part .poem{font-size:18px;line-height:2.05}
.cn-part.endnote{border-top:1px solid var(--gold);margin-top:20px}
.cn-part.endnote .poem{color:var(--ink-2);font-size:16.5px}
.cn-mono .lead{font-size:17px;margin:0 0 18px}

/* ---- 연대기 ---- */
.cn-acts{margin-bottom:28px}
.cn-tl .event{padding-bottom:22px}
.cn-tl .event .year{font-weight:600}
.cn-tl .event p{font-size:16px;color:var(--ink-2);max-width:860px}
.cn-detail li{grid-template-columns:84px 1fr}
.cn-detail .k small{font-weight:400;color:var(--muted);letter-spacing:0}
.cn-detail li.hl span:last-child{font-weight:600;color:var(--ink)}
.cn-detail li.hl .k{color:var(--gold-2)}

/* ---- 풍토일력 ---- */
.cn-months .chip{text-decoration:none}
.cn-months .chip:hover{border-color:var(--gold);color:var(--gold-2)}
.cn-days{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:0 36px}
.cn-days li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line-2)}
.cn-days .k{font:600 20px/1.3 var(--serif);color:var(--gold);letter-spacing:-.02em}
.cn-days .q{font-size:17px;line-height:1.6;margin:0 0 4px;color:var(--ink)}
.cn-days .r{font-size:14px;line-height:1.65;margin:0;color:var(--muted)}
@media (max-width:520px){.cn-days{grid-template-columns:1fr}}