/* 서밋 맵 (041) — 맵 이름 칩 + 큰 그림 */

.sm-picker { display: flex; flex-wrap: wrap; gap: .3rem; }
.sm-btn {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .28rem .7rem;
    border: 1px solid var(--ls-border);
    border-radius: .3rem;
    background: var(--ls-surface);
    color: var(--ls-text-2);
    font-size: .85rem;
    cursor: pointer;
    transition: background .12s, border-color .12s, color .12s;
}
.sm-btn:hover { border-color: var(--ls-primary); color: var(--ls-accent); }
.sm-btn.is-on { background: var(--ls-primary); border-color: var(--ls-primary); color: #fff; font-weight: 600; }
/* 작업중 단추는 draft.css 의 .is-draft 한 벌 (3-12) */

/* 맵 그림 — **PC 에서 50% 키운다** (2026-10-04 제보 엑시즈/성검: "서밋맵이 위에 목록이
   가로로 길어서 맵그림은 작은 상태로 좌측에 치우친 경향이 있었는데 … 50%씩은 키워도
   되겠네요"). 900 → 1350px. 본문은 1920 화면에서 1700px 남짓이라 넉넉히 들어간다.

   **좁은 화면은 안 바뀐다** — 그림은 `width: 100%` 라 이 값은 상한일 뿐이고, 폭이
   1350 보다 좁으면 전처럼 화면을 꽉 채운다 (폰 · 태블릿은 그대로다).
   지형 표시는 여기서 하지 않는다 — 그림 자체를 다시 그려 받기로 했다 (같은 제보). */
.sm-stage { max-width: 1350px; }
/* 맵 위의 이름줄(.sm-stage-head)은 2026-10-04 에 없앴다 — 이름은 위 단추가 들고 있고
   편집은 머리줄 '맵 등록 · 편집' 으로 합쳤다. */
.sm-image {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--ls-border);
    border-radius: .4rem;
    background: var(--ls-soft);
}
.sm-note { margin-top: .6rem; white-space: pre-line; font-size: .9rem; }