.place-switch,.place-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.place-switch [aria-pressed=true]{background:#263e39;color:white}.place-map{height:300px;border-radius:16px;background:#e1e8e3;z-index:0}.place-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.place-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.place-photo{display:block;min-width:0}.place-pin{background:#fff;border-radius:8px;padding:3px;box-shadow:0 2px 8px #0005;display:flex;align-items:center;gap:4px;color:#172923}.place-pin img{width:34px;height:34px;object-fit:cover;border-radius:5px}.place-editor{display:grid;gap:10px}.place-editor input,.place-editor select{width:100%}.place-status{min-height:24px}.place-library[hidden]{display:none!important}@media(max-width:680px){.place-map{height:230px}}

#fileGrid[hidden],.classification-nav[hidden]{display:none!important}

.place-switch button,.place-actions button,.place-detail-head button{font:inherit;border:1px solid var(--line,#59615c);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#172923);padding:10px 14px;cursor:pointer}.place-actions button{font-size:13px}.place-actions button:disabled{opacity:.4;cursor:default}.place-selected{margin-left:8px;font-size:13px}.place-status{font-size:13px;line-height:1.6}.place-detail p{font-size:14px;line-height:1.6}.place-photo input{margin-right:5px}.place-photo label{font-size:12px}.place-photo img{margin-top:7px}.place-map-note{font-size:12px;margin:8px 0;color:var(--ink,#263e39)}

.place-switch{margin:16px 20px}.place-library{padding:0 20px 20px}@media(max-width:680px){.place-switch{margin:12px}.place-library{padding:0 12px 12px}}

/* 2026-09-16: 장소 파일. 지도는 위에서 한눈에 보는 용도이고, 아래에 날짜 파일과 같은 황금비 카드(styles.css .golden-card,
   유리 재질은 bookshelf.css .file-grid .file-card)로 장소 파일을 늘어놓는다. 편집을 누르면 카드 아래에 기존 편집 패널이 열린다. */
.place-overview{margin:4px 0 18px}
.library-section .place-grid{padding-left:0;padding-right:0}
.place-file-card.is-focused,.place-file-card.is-editing{outline:3px solid var(--info,#487abe)!important;outline-offset:4px}
.place-detail{margin-top:22px;padding:18px 20px;border:1px solid var(--line-strong,#c3c3ce);border-radius:var(--ui-radius-lg,18px);background:var(--surface,#fff);color:var(--ink,#172923)}
.place-detail[hidden]{display:none!important}
.place-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.place-detail-head [data-close-detail]{order:-1}
.place-detail-head h3{margin:0;font:700 20px Georgia,"Pretendard",serif}
.place-detail-head button{padding:7px 12px;font-size:13px}
.place-detail h4{margin:18px 0 8px;font-size:13px}
.place-title-button{all:unset;cursor:pointer;font:inherit;color:inherit}
.place-title-button:hover{text-decoration:underline;text-underline-offset:3px}
.place-title-button:focus-visible{outline:2px solid var(--info,#487abe);outline-offset:2px;border-radius:4px}
.place-inferred{display:inline-block;margin-left:4px;padding:0 6px;border:1px solid var(--line-strong,#c3c3ce);border-radius:var(--ui-radius-pill,999px);color:var(--muted,#55555f);font-size:10px;line-height:16px}
/* 위치 미확인은 날짜마다 카드로 나뉜다. 그 앞에 격자 한 줄을 차지하는 소제목을 둔다(편집 패널 제목과 같은 글꼴). */
.place-unknown-head{grid-column:1/-1;margin:22px 0 2px;font:700 20px Georgia,"Pretendard",serif;color:var(--ink,#172923)}
.place-unknown-head span{margin-left:10px;font:600 13px "Pretendard",sans-serif;color:var(--ink-mute,#6c6c76)}
/* 인물 파일(분류 파일 "인물별"). 카드는 날짜 파일과 같은 황금비 카드를 그대로 쓰고,
   표지 사진만 얼굴 영역 가운데로 맞춘다(person-library.js 가 object-position 을 넣는다). */
.person-file-card .item-cover{object-fit:cover}
.person-date-picker h3{margin:0;font-size:15px}
.person-date-list{display:grid;gap:4px;max-height:min(50vh,340px);overflow:auto}
.person-date-list button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:38px;padding:0 12px;border:1px solid var(--line,#d4d5db);border-radius:var(--ui-radius-sm,8px);background:var(--surface,#fff);color:var(--ink,#172923);font:inherit;font-weight:700;cursor:pointer}
.person-date-list button span{color:var(--ink-dim,#666771);font-weight:500}
.person-date-list button:hover,.person-date-list button:focus-visible{background:var(--fill-hover,#f0f0f3);outline:none}
/* 인물별 보기의 안내 글·목록. 장소별과 같은 모양이지만 선택자는 따로 둔다(한 화면에 둘 다 있다). */
.person-status{min-height:24px;font-size:13px;line-height:1.6}
.person-content button{font:inherit;border:1px solid var(--line,#59615c);border-radius:12px;background:var(--surface,#fff);color:var(--ink,#172923);padding:10px 14px;cursor:pointer}
.person-content .item-actions button{padding:0}