@charset "UTF-8";
/* 우리 집 풍수(/palja/feng/): 색은 테마 토큰을 쓰고, 색만으로 구분하지 않는다(색 칩에는 이름을 같이). 접두어 fg- */
.fg .fg-hero .pm-title { margin-bottom: 6px; }
.fg-sub { margin: 6px 0 0; color: var(--pm-sub-text); font-size: 14px; line-height: 1.65; word-break: keep-all; }
.fg-line { margin: 8px 0; font-size: 15.5px; line-height: 1.7; word-break: keep-all; }
.fg-foot { margin: 14px 0 0; color: var(--pm-sub-text); font-size: 14px; }
.fg-foot a { color: var(--pm-info-ink); }
.fg-h { margin: 0 0 8px; font-family: var(--pm-font-head); font-weight: 400; font-size: 21px; line-height: 1.35; }
.fg-h small { font-weight: 400; display: block; margin-top: 2px; font-family: inherit; font-size: 14px; color: var(--pm-sub-text); }
.fg-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.fg-acts .pm-btn { min-height: var(--pm-tap, 44px); }
.fg-inline { display: inline-block; margin: 8px 0 0; }
.fg-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 900px) { .fg-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fg-card { min-width: 0; }
.fg-bul { margin: 0 0 8px; padding: 0 0 0 20px; font-size: 15px; line-height: 1.8; }

/* 사람 고르기·도움 기운 칩 */
.fg-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fg-chip { display: inline-flex; align-items: center; min-height: var(--pm-tap, 44px); padding: 6px 16px; border: 2px solid var(--pm-line); border-radius: var(--pm-r-pill, 999px); background: var(--pm-cream); color: inherit; font-size: 15px; text-decoration: none; }
.fg-chip.is-on { background: var(--pm-wood); border-color: var(--pm-wood); font-weight: 700; }
.fg-chip--static { min-height: 36px; padding: 4px 12px; }
.fg-chip small { margin-left: 6px; color: var(--pm-sub-text); font-size: 12.5px; }
.fg-chip:focus-visible { outline: 3px solid var(--pm-focus); outline-offset: 2px; }

/* 방향 고르기 */
.fg-spot { margin: 0 0 14px; padding: 0; border: 0; min-width: 0; }
.fg-spot legend { padding: 0; }
.fg-dirs { margin-top: 4px; }

/* 방 카드 */
.fg-rel { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--pm-info-bg); color: var(--pm-info-ink); font-size: 13px; font-weight: 700; vertical-align: 1px; }
.fg-lab { margin: 12px 0 2px; font-size: 13px; font-weight: 700; color: var(--pm-sub-text); }
.fg-list { margin: 0; font-size: 15px; line-height: 1.7; }
.fg-colors { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
.fg-color { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px 4px 6px; border-radius: 999px; background: var(--pm-soft); font-size: 14px; }
.fg-color i { display: inline-block; width: 22px; height: 22px; border-radius: 50%; box-shadow: inset 0 0 0 2px #43352d; }
.fg-fold { margin: 10px 0 0; }
.fg-fold summary { cursor: pointer; min-height: var(--pm-tap, 44px); display: flex; align-items: center; font-weight: 700; }
.fg-methods { margin: 4px 0 0; padding: 0 0 0 18px; font-size: 14px; line-height: 1.8; }
.fg-gold { font-weight: 700; }

/* 고지 */
.fg-notice { margin: 12px 0 0; padding: 12px 14px; border-radius: 16px; background: var(--pm-soft); }
.fg-notice ul { margin: 0; padding: 0 0 0 18px; font-size: 13.5px; line-height: 1.7; color: var(--pm-sub-text); }

/* 마당 소품 목록(글로 보기) */
.fg-items { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 12px 0 0; padding: 0; list-style: none; }
@media (min-width: 900px) { .fg-items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fg-item { min-width: 0; }
.fg-item-h { display: flex; align-items: center; gap: 12px; }
.fg-item-h .fg-h { margin: 0; }
.fg-pic { flex: none; width: 56px; height: 56px; border-radius: 16px; background: var(--pm-soft); object-fit: contain; }
.fg-emoji { display: inline-flex; align-items: center; justify-content: center; font-size: 30px; }
.fg-meta { margin: 2px 0 0; }
.fg-place label { display: block; margin: 8px 0 4px; font-size: 14px; color: var(--pm-sub-text); }
.fg-place select { width: 100%; min-height: var(--pm-tap, 44px); padding: 0 10px; border: 2px solid var(--pm-line); border-radius: 12px; background: var(--pm-cream); color: inherit; font: inherit; font-size: 15px; }
.fg-place select:focus-visible { outline: 3px solid var(--pm-focus); outline-offset: 2px; }

/* 이 방 기억하기 · 카드로 나누기 */
.fg-sharelist { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.fg-sharelist li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; font-size: 14px; color: var(--pm-sub-text); }
.fg-remember .fg-inline, .fg-share .fg-inline { margin-top: 8px; }