/* 봄날초대장 — 이용가이드 (/guide/*)
   common.css의 색·폰트를 그대로 쓰고, 읽기 좋은 본문 폭만 추가로 잡는다.
   한글 줄바꿈: 어절 단위로만 끊기게 (지시서 §48) */

.g-top{max-width:760px;margin:0 auto;padding:22px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.g-nav{display:flex;gap:16px}
.g-nav a{font-size:13.5px;font-weight:600;color:var(--ink-soft);text-decoration:none}
.g-nav a.on{color:var(--brand)}

.g-doc{max-width:680px;margin:0 auto;padding:26px 22px 60px;word-break:keep-all;overflow-wrap:break-word}
.g-cat{font-size:12px;font-weight:700;color:var(--brand);letter-spacing:.1em;margin-bottom:10px}
.g-doc h1{font-size:26px;font-weight:800;line-height:1.4;letter-spacing:-.02em;margin-bottom:26px}
.g-doc h2{font-size:18px;font-weight:800;margin:38px 0 12px;line-height:1.5}
.g-doc h3{font-size:15.5px;font-weight:700;margin:26px 0 8px}
.g-doc p{font-size:15px;line-height:1.95;color:#4d463e;margin:12px 0}
.g-doc p.q{font-weight:700;color:var(--ink);margin-top:22px}
.g-doc ul,.g-doc ol{padding-left:22px;margin:12px 0}
.g-doc li{font-size:15px;line-height:1.9;color:#4d463e;margin:7px 0}
.g-doc strong{font-weight:700;color:var(--ink)}

/* 글 안의 전환 버튼 — 해당 카테고리 갤러리로 */
.g-cta{margin:30px 0}
.g-cta a{display:block;text-align:center;background:var(--brand);color:#fff;text-decoration:none;
  font-weight:700;font-size:14.5px;padding:15px 18px;border-radius:14px}
/* 버튼 아래 보조 문장 (원문에서 CTA 뒤에 붙어 있던 한 줄) */
.g-cta-note{margin:-20px 0 30px;text-align:center;font-size:12.5px;color:var(--ink-soft)}

/* 함께 보면 좋은 글 */
.g-rel{list-style:none;padding:0}
.g-rel li{margin:0 0 8px}
.g-rel a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:13px 15px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}

/* 목록 페이지 */
.g-lead{color:var(--ink-soft);font-size:14.5px;margin-bottom:30px}
.g-list section{margin-bottom:34px}
.g-list h2{margin-top:0}
.g-cards{list-style:none;padding:0;display:grid;gap:10px}
.g-cards a{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:16px 17px;text-decoration:none}
.g-cards b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:5px;line-height:1.5}
.g-cards span{display:block;font-size:12.5px;color:var(--ink-soft);line-height:1.65}

/* 하단 */
.g-foot{max-width:680px;margin:0 auto;padding:0 22px 60px;text-align:center}
.g-foot .cta{display:block;background:var(--ink);color:var(--paper);text-decoration:none;
  font-weight:700;font-size:15px;padding:16px;border-radius:14px;margin-bottom:20px}
.g-foot p{font-size:12.5px;color:var(--ink-soft)}
.g-foot a{color:var(--ink-soft)}

@media (min-width:640px){
  .g-cards{grid-template-columns:1fr 1fr}
  .g-doc h1{font-size:30px}
}