/* 참길명리원 공용 스타일 — 한지 기본 테마. 무료 사주(/free)·오늘의 운세(/today, /today/{띠})·후기(/reviews)가 함께 쓴다.
   랜딩(앱)은 styles.css 를 쓰되 같은 값을 따른다. 밤하늘 남색은 랜딩 첫 화면 같은 '무대'에만 쓴다.
   기준: Design System/colors_and_type.css · README(품위·이모지 없음·조용한 어른의 말투). */
:root{
  /* 한지와 먹 */
  --c-paper:#FAF7F0; --c-paper-2:#F5EEE0; --c-card:#FFFFFF;
  --c-ink:#2C2416; --c-ink-2:#6B5D45; --c-ink-3:#8B6F47;
  --c-line:#E8DCC4; --c-line-2:#C9B896;
  /* 금·주홍(인장) */
  --c-gold:#B8935A; --c-gold-2:#C79A2E; --c-red:#8B1A1A;
  /* 판정 칩 */
  --c-good:#1A4D3A; --c-good-bg:#E3EFE6; --c-mid:#6B5D45; --c-mid-bg:#F5EEE0; --c-warn:#8B1A1A; --c-warn-bg:#F6E2DF;
  /* 무대(밤하늘) */
  --c-night:#0c1428; --c-night-2:#1d1810;
  /* 글꼴·모양 */
  --f-serif:'Noto Serif KR','Nanum Myeongjo',serif;
  --f-sans:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
  --r-sm:6px; --r-md:8px; --r-lg:12px;
  --sh-card:0 1px 3px rgba(44,36,22,.06);
}

/* ── 공용 머리말 — 랜딩과 같은 남색 + 햄버거 메뉴 ───────────── */
.site-head{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 18px;background:rgba(12,20,40,.96);backdrop-filter:blur(6px);border-bottom:1px solid rgba(212,175,55,.18)}
.site-head .sh-brand{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:#f3ead2;white-space:nowrap}
.site-head .sh-name{font-family:var(--f-serif);font-size:17px;font-weight:600}
.site-head .sh-han{font-family:var(--f-serif);font-size:11px;color:#d4af37;letter-spacing:.08em}
.site-head .sh-menu{position:relative}
.site-head .sh-menu summary{list-style:none;cursor:pointer;width:36px;height:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px}
.site-head .sh-menu summary::-webkit-details-marker{display:none}
.site-head .sh-menu summary span{display:block;width:20px;height:1.5px;background:#f3ead2;border-radius:2px}
.site-head .sh-menu summary span:nth-child(2){width:14px}
.site-head .sh-nav{position:absolute;right:-6px;top:calc(100% + 10px);min-width:220px;display:flex;flex-direction:column;
  background:#0a1226;border:1px solid rgba(212,175,55,.25);border-radius:10px;padding:6px 0;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.site-head .sh-nav a{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-family:var(--f-serif);font-size:15px;color:#f3ead2;text-decoration:none;border-bottom:1px solid rgba(212,175,55,.1)}
.site-head .sh-nav a:last-child{border-bottom:0}
.site-head .sh-nav a i{font-style:normal;font-size:12px;color:#d4af37;opacity:.7}
.site-head .sh-nav a:hover{background:rgba(212,175,55,.08);color:#e8c659}

/* ── 배경: 낮의 산수화(명리 지식과 같은 그림). 무료 사주·오늘의 운세·후기 공통 ── */
/* 명리 지식과 같은 방식: 한지 질감 위에 산수화를 화면 폭 가득(82% 진하기 ≈ 위에 한지색 18% 막) */
body.cg-bg{background:linear-gradient(rgba(243,238,226,.18),rgba(243,238,226,.18)),url('/assets/bg/sansu-day.jpg') center top / 100% auto repeat-y,url('/assets/bg/hanji.jpg') center / cover fixed,#F3EEE2}

/* ── 공용 꼬리말(신뢰 + 내부 링크) ────────────── */
.cg-trust{border-top:1px solid var(--c-line);margin:48px auto 0;padding:24px 16px;max-width:860px;text-align:center;font-size:.82rem;line-height:1.7;color:var(--c-ink-2);font-family:var(--f-sans)}
.cg-trust nav,.cg-trust ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 0 14px;padding:0;list-style:none}
.cg-trust nav a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.cg-trust nav a:hover{color:var(--c-red);border-bottom-color:currentColor}
.cg-trust address a{color:inherit}
.cg-trust ul{gap:10px;margin:14px 0}
.cg-trust ul a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:inherit;opacity:.72;transition:opacity .15s,color .15s,background-color .15s}
.cg-trust ul a:hover{opacity:1;color:var(--c-red);background:rgba(128,128,128,.12)}
.cg-trust ul svg{display:block}
.cg-trust address{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;font-style:normal;font-size:.76rem;opacity:.85}
.cg-trust .cg-disc{margin-top:14px;font-size:.78rem}
.cg-trust .cg-copy{margin-top:10px;font-size:.74rem;opacity:.7}

/* ── 부품 ───────────────────────────────────── */
.c-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:20px 18px;box-shadow:var(--sh-card)}
.c-card--accent{border-color:var(--c-gold);background:#FFFDF7}
.c-card--stage{background:var(--c-night-2);border-color:var(--c-night-2);color:#f3ead2}
.c-title{font-family:var(--f-serif);font-size:17px;font-weight:600;color:var(--c-ink);margin:0 0 6px}
.c-note{font-size:12.5px;line-height:1.6;color:var(--c-ink-3)}
.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;border-radius:var(--r-md);border:0;background:var(--c-ink);color:#f3ead2;font-family:var(--f-serif);font-size:15px;text-decoration:none;cursor:pointer}
.c-btn--gold{background:var(--c-gold);color:var(--c-ink)}
.c-btn--ghost{background:transparent;color:var(--c-ink);border:1px solid var(--c-line-2)}
.c-btn--block{display:flex;width:100%}
.c-chip{display:inline-block;padding:1px 10px;border-radius:999px;font-size:12px}
.c-chip--good{background:var(--c-good-bg);color:var(--c-good)}
.c-chip--mid{background:var(--c-mid-bg);color:var(--c-mid)}
.c-chip--warn{background:var(--c-warn-bg);color:var(--c-warn)}
/* 이모지 대신 쓰는 작은 표식 */
.c-ico{display:inline-block;width:1em;height:1em;vertical-align:-.12em}
.c-seal{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;border-radius:4px;background:var(--c-red);color:#FAF7F0;font-family:var(--f-serif);font-size:.95em;line-height:1}