/* 「기체 제원」 카드 안 사진 (v2 · 2026-10-01) — 규칙·이유는 aircraft-photo.js 머리말이 정본이다.
   격자를 6등분해 사진이 왼쪽 3칸 × 위 4줄, 첫 4칸(호출부호·회사명·기종·등록번호)이 오른쪽 3칸에 한 줄씩,
   그 아래 칸은 2칸씩(= 한 줄 3칸, 종전 .cols3과 같은 폭)으로 이어진다.
   ⚠ div.kvc:nth-of-type — 격자 자식 중 div는 칸뿐이고 사진은 figure라 순번에 끼지 않는다. */
.kv-grid.acp-has{grid-template-columns:repeat(6,minmax(0,1fr))}
.kv-grid.acp-has>.acp-fig{grid-column:1/4;grid-row:1/span 4;align-self:start}
.kv-grid.acp-has>div.kvc{grid-column:span 2}
.kv-grid.acp-has>div.kvc:nth-of-type(-n+4){grid-column:4/7}
.kv-grid.acp-has>div.kvc.full{grid-column:1/-1}
/* 아주 좁은 패널 — 사진을 맨 위 전체 폭으로, 제원은 그 아래 한 줄 3칸 */
.kv-grid.acp-has.acp-stack>.acp-fig{grid-column:1/-1;grid-row:auto;margin-bottom:4px}
.kv-grid.acp-has.acp-stack>div.kvc:nth-of-type(-n+4){grid-column:span 2}

.acp-fig{position:relative;margin:0 2px 0 0;border-radius:9px;overflow:hidden;background:#091521;
  border:1px solid var(--border-subtle,#dbe3ec)}
.acp-image{display:block;aspect-ratio:4/3}
.acp-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.acp-image:hover img{transform:scale(1.03)}
.acp-fig:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(3,11,20,.7));pointer-events:none}
.acp-fig figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:4px 4px 4px 7px;
  display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:nowrap}
.acp-fig figcaption a{color:#e6fbff;font-size:10.5px;font-weight:700;text-decoration:none;
  min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
.acp-fig figcaption a:hover{text-decoration:underline}

/* v3 — 저작권 표시(신청 때 회원이 적은 license, 본인 촬영이 아닐 때만).
   v4 — 고정 여백(46px) 대신 figcaption 안 flex 오른쪽 칸. 저작권은 줄지 않되 폭 62%까지(닉네임이 최소 ⅓은 보이게),
   닉네임이 남은 폭을 쓴다. 둘 다 길어도 겹치지 않고 각자 말줄임 — 전체 글은 title(마우스 오버). */
.acp-lic{flex:0 0 auto;max-width:62%;
  font-size:9px;line-height:1.3;font-weight:600;color:#eafbff;
  background:rgba(3,11,20,.65);padding:1px 5px;border-radius:5px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v4 — 한 기체 여러 장(최대 5): 좌우 ‹ › 단추 + 오른쪽 위 「1/3」. 한 장이면 둘 다 그리지 않는다(.acp-multi). */
.acp-nav{position:absolute;z-index:2;top:calc(50% - 12px);width:24px;height:24px;padding:0;border:0;border-radius:50%;
  display:grid;place-items:center;font:700 16px/1 system-ui,sans-serif;color:#fff;background:rgba(3,11,20,.55);
  cursor:pointer;opacity:.85;transition:opacity .15s,background .15s}
.acp-nav:hover,.acp-nav:focus-visible{opacity:1;background:rgba(3,11,20,.82)}
.acp-nav:focus-visible{outline:2px solid #67e8f9;outline-offset:1px}
.acp-nav.prev{left:5px}.acp-nav.next{right:5px}
.acp-count{position:absolute;z-index:2;top:5px;right:6px;pointer-events:none;
  font-size:9.5px;font-weight:700;line-height:1.4;color:#eafbff;background:rgba(3,11,20,.6);padding:0 6px;border-radius:9px;
  font-variant-numeric:tabular-nums}

/* 긴 이름(실측 최장: 회사명 15자 「스카이서비스비즈니스에비에이션」 · 호출부호 10자) — 사진 옆 좁은 칸에서
   한 줄로 넘치지 않고 줄을 바꾼다. shell.css의 overflow-wrap:anywhere를 그대로 쓰되 칸이 격자를 밀지 않게 min-width:0. */
.kv-grid.acp-has>div.kvc{min-width:0}
.kv-grid.acp-has>div.kvc .v{overflow-wrap:anywhere;word-break:normal}


/* v5 (2026-10-25) — 내 사진이 붙은 기체: 왼쪽 위 「내가 찍은 기체」 칩. 색은 지도 카메라 배지(radar.js PHOTO_BADGE_C)와 같은 보라. */
.acp-mine{position:absolute;z-index:2;top:5px;left:6px;pointer-events:none;max-width:70%;
  font-size:9.5px;font-weight:700;line-height:1.5;color:#fff;background:#7048e8;padding:0 7px;border-radius:9px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 0 1.5px rgba(255,255,255,.9)}