.arc-search-page{width:calc(100% - 80px);max-width:1400px;margin:0 auto;padding:38px 0 80px;color:var(--arc-ink,#1f2937);font-family:'Noto Sans KR',Arial,sans-serif;--arc-tint:color-mix(in srgb, var(--arc-main,#111) 12%, #fff)}
.arc-search-page *{box-sizing:border-box}
.arc-search-page a{color:inherit;text-decoration:none}
.arc-search-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:32px;padding-bottom:20px}
.arc-search-head h1{margin:0;color:var(--arc-ink,#1f2937);font-size:32px;line-height:1.2;letter-spacing:-.03em}
.arc-crumb{display:flex;align-items:center;gap:7px;flex:none;color:#8b8e94;font-size:12.5px;white-space:nowrap}
.arc-crumb a{display:flex;color:#8b8e94}
.arc-crumb a:hover{color:var(--arc-ink,#1f2937)}
.arc-crumb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.arc-crumb span{color:#b9bcc2}
.arc-crumb span:last-child{color:#8b8e94}
/*
 * 검색 화면 (2026-08-24 부산관광아카이브 참고 재정리)
 * 카드+그림자로 떠 있던 느낌을 버리고, 참고 화면처럼 두 단으로 눕혔다:
 * 위는 밑줄 하나만 있는 입력줄(그 자체가 곧 페이지의 검색창), 아래는
 * 옅은 테두리 상자에 담긴 필터. 박스를 두 개로 나눴으니 폭도 카드 안에
 * 가두지 않고 페이지 폭(1400)을 그대로 채운다. 제출 버튼은 입력줄 오른쪽
 * 아이콘 하나로 충분해 아래쪽의 검정 버튼은 없앴다 — 남는 건 초기화뿐이다.
 */
.arc-search-form{max-width:none;margin:0;background:transparent;box-shadow:none;padding:0}
.arc-search-keyword-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px;max-width:700px;margin:0 auto;padding-bottom:10px;border-bottom:2px solid var(--arc-ink,#1f2937)}
.arc-search-keyword-row input{height:52px;border:0;background:transparent;color:var(--arc-ink,#1f2937);font:inherit;outline:0}
.arc-search-keyword-row input{min-width:0;padding:0 4px;font-size:22px}
.arc-search-keyword-row input::placeholder{color:#a2a5aa}
/* 아이콘이 시안 색(짙은 회색 링 + 보라 반짝임)을 그대로 쓰므로 바탕을
   비운다. 예전처럼 검은 원으로 채우면 아이콘이 통째로 묻힌다.
   빠른 검색 레이어의 버튼과 같은 처리다. */
.arc-search-main-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:opacity .15s,transform .12s;flex:none}
.arc-search-main-btn:hover{opacity:.72;transform:translateY(-1px)}
.arc-search-ai-icon{width:34px;height:34px;flex:none}
.arc-search-main-btn span{display:none}
.arc-search-detail{background:#fff;border:1px solid #e3e5e9;border-radius:12px;padding:6px 26px}
.arc-filter-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:baseline;padding:20px 0;border-top:1px solid #f0f1f3}
.arc-search-detail .arc-filter-row:first-child{border-top:0}
.arc-filter-label{display:flex;align-items:center;padding-top:1px;color:var(--arc-ink,#1f2937);font-size:14px;font-weight:800;letter-spacing:-.01em}
.arc-filter-body{display:flex;align-items:center;flex-wrap:wrap;min-width:0}
.arc-radio-chips{gap:8px;flex-wrap:wrap}
.arc-radio-chips label{position:relative;cursor:pointer}
.arc-radio-chips input{position:absolute;opacity:0;pointer-events:none}
.arc-radio-chips span{display:flex;align-items:center;justify-content:center;min-width:74px;height:38px;padding:0 19px;border:1px solid #e2e4e7;border-radius:8px;background:#fff;color:#555;font-size:13px;transition:.15s ease}
.arc-radio-chips input:checked+span{border-color:color-mix(in srgb, var(--arc-main,#111) 40%, #fff);background:var(--arc-tint,#eef1ef);color:var(--arc-main,#111);font-weight:700}
.arc-radio-chips input:focus-visible+span{outline:2px solid #5b9dd9;outline-offset:2px}
.arc-type-selects{gap:12px}
.arc-type-selects label{width:min(300px,42%)}
.arc-type-selects select,.arc-date-range input,.arc-sort-form select{width:100%;height:40px;padding:0 38px 0 13px;border:1px solid #d8dade;border-radius:8px;background:#fff;color:#333;font-size:13px;outline:0}
.arc-type-selects select:focus,.arc-date-range input:focus,.arc-sort-form select:focus{border-color:var(--arc-main,#555)}
.arc-type-arrow{color:#a1a4aa;font-size:20px}
.arc-date-range{display:block;padding-top:13px;padding-bottom:13px}
.arc-date-main{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.arc-date-fields{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.arc-date-fields label{width:190px}
.arc-date-wave{color:#8c8f94}
.arc-date-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.arc-date-presets button{height:40px;padding:0 14px;border:1px solid #e2e4e7;border-radius:8px;background:#fff;color:#555;font-size:12px;cursor:pointer;transition:.15s ease}
.arc-date-presets button:hover{border-color:#aeb1b6;color:var(--arc-ink,#111)}
.arc-date-presets button.is-active{border-color:color-mix(in srgb, var(--arc-main,#111) 40%, #fff);background:var(--arc-tint,#eef1ef);color:var(--arc-main,#111);font-weight:700}
.arc-date-notice{margin-top:9px}
.arc-date-notice p{margin:0;color:#8c8f94;font-size:12px;line-height:1.65}
.arc-date-notice .arc-date-limit{margin-top:2px;color:#666a70}
.arc-date-limit strong{color:#333}
.arc-date-error{display:none!important;margin-top:5px!important;color:#c0392b!important;font-weight:700}
.arc-date-error.is-show{display:block!important}
.arc-search-actions{display:flex;align-items:center;justify-content:center;padding:26px 0 6px}
.arc-reset-btn{display:flex;align-items:center;gap:7px;height:44px;padding:0 22px;border:1px solid #d8dade;border-radius:9px;background:#fff;color:#555;font-size:13.5px;font-weight:600;text-decoration:none;transition:.15s ease}
.arc-reset-btn:hover{border-color:#aeb1b6;color:var(--arc-ink,#1f2937)}
.arc-result-section{margin-top:56px}
.arc-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--arc-main,#111)}
.arc-result-head h2{margin:0;font-size:22px;letter-spacing:-.025em;color:var(--arc-ink,#1f2937)}
.arc-result-head h2 strong{font-weight:800}
.arc-result-head p{margin:7px 0 0;color:#777b81;font-size:12px}
.arc-sort-form select{width:112px;height:38px}
.arc-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}
.arc-result-card{min-width:0}
.arc-result-link{display:block}
.arc-result-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#eef0f3}
.arc-result-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.arc-result-link:hover .arc-result-thumb img{transform:scale(1.02)}
.arc-thumb-empty{display:grid;width:100%;height:100%;place-items:center;background:#f1f2f4;color:#c2c5ca}
.arc-thumb-empty svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.2}
.arc-media-icon{position:absolute;left:10px;top:10px;z-index:2;display:block;width:25px;height:25px;color:#fff;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));pointer-events:none}
.arc-media-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.arc-result-card-body{padding-top:11px}
.arc-result-board{margin-bottom:6px;color:#81858b;font-size:11px}
.arc-result-card h3{margin:0;overflow:hidden;color:var(--arc-ink,#1f2937);font-size:15px;font-weight:700;line-height:1.45;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
.arc-result-meta{display:flex;min-width:0;gap:8px;margin-top:7px;color:#7d8187;font-size:11px;white-space:nowrap}
.arc-result-meta span+span:before{content:'·';margin-right:8px;color:#b7bac0}
.arc-result-meta span:last-child{overflow:hidden;text-overflow:ellipsis}
.arc-result-place{display:flex;align-items:center;gap:4px;margin:7px 0 0;color:#696d73;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arc-result-place svg{flex:0 0 auto;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6}
.arc-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:52px}
.arc-pagination a{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;color:#555;font-size:12px}
.arc-pagination a:hover{background:#f2f3f5}
.arc-pagination a.is-active{background:var(--arc-main,#111);color:#fff;font-weight:700}
.arc-pagination .arc-page-arrow{border:1px solid #e0e2e5;font-size:20px}
.arc-no-result,.arc-search-guide{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#767a80}
.arc-no-result svg{width:36px;height:36px;margin-bottom:14px;fill:none;stroke:#a3a6ab;stroke-width:1.4;stroke-linecap:round}
.arc-no-result strong,.arc-search-guide strong{color:#333;font-size:15px}
.arc-no-result p,.arc-search-guide p{margin:8px 0 0;font-size:12px;line-height:1.6}
.arc-search-guide{margin-top:34px;border:1px solid #eceef1;border-radius:10px;background:#fafbfc}
.sound_only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1180px){.arc-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 태블릿 세로에서도 3열을 유지한다. 2열로 떨어뜨리면 한 화면에 두 장뿐이라
   목록을 훑는 맛이 사라진다. */
@media(max-width:900px){.arc-search-page{width:calc(100% - 40px)}.arc-filter-row{grid-template-columns:120px minmax(0,1fr)}.arc-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 14px}}
@media(max-width:640px){.arc-search-page{width:calc(100% - 32px);padding-top:26px}.arc-search-head h1{font-size:30px}.arc-search-form{padding:6px 18px 20px}.arc-search-keyword-row{grid-template-columns:1fr 44px}.arc-search-keyword-row input{height:60px;padding:0 10px;font-size:16px}.arc-filter-row{grid-template-columns:1fr;padding:16px 0}.arc-filter-label{min-height:0;margin-bottom:8px;font-size:13px}.arc-filter-body{padding:0}.arc-type-selects{align-items:stretch;flex-direction:column}.arc-type-selects label{width:100%}.arc-type-arrow{display:none}.arc-date-main{align-items:flex-start;flex-direction:column}.arc-date-fields{width:100%}.arc-date-fields label{width:calc(50% - 14px)}.arc-date-presets{width:100%}.arc-date-presets button{flex:1 1 calc(33.333% - 6px);padding:0 8px}.arc-date-notice{margin-top:10px}.arc-search-actions{flex-direction:column-reverse;gap:12px;padding:20px 0 4px}.arc-detail-submit{width:100%}.arc-result-section{margin-top:40px}.arc-result-head{align-items:flex-start}
/* 폰에서도 2열. 제목은 잘라내지 말고 두 줄까지 펼친다 */
.arc-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px}.arc-result-thumb{border-radius:8px}
.arc-result-card-body{padding-top:9px}
.arc-result-card h3{font-size:14px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.arc-result-board,.arc-result-meta,.arc-result-place{font-size:12px}
.arc-result-meta{flex-wrap:wrap;white-space:normal}}

/* 검색 화면: 검색 범위 안내 */
.arc-search-scope-guide{max-width:700px;margin:12px auto 28px;padding:0 4px;color:#9a9da2;font-size:12.5px;line-height:1.6}
/* 짧은 안내글은 폰 전용이다 — 기본은 감추고, 아래 640px 규칙이 되살린다.
   기본 규칙을 파일 끝에 두면 폰 규칙보다 뒤라 폰에서도 감춰진다. */
.arc-search-scope-guide--short{display:none}

/* 보기 방식 단추 — 폰 전용이다. 기본은 감추고, 아래 640px 규칙이 되살린다.
   (기본 규칙을 파일 끝에 두면 폰 규칙보다 뒤라 폰에서도 감춰진다.) */
.arc-view-switch{display:none}
/* 'AI' 만 살짝 도드라지게 — 배경 없이 같은 회색 계열에서 한 단계 진하게만.
   안내문은 어디까지나 보조 문구라 색을 더 넣으면 문장보다 배지가 먼저 읽힌다. */
.arc-ai-word{color:#4b5563;font-weight:800;letter-spacing:.01em}

/* 검색 화면: 현재 1차 유형 버튼 필터 */
.arc-type-chips{gap:8px;flex-wrap:wrap}
.arc-type-chips label{position:relative;cursor:pointer}
.arc-type-chips input{position:absolute;opacity:0;pointer-events:none}
.arc-type-chips span{display:flex;align-items:center;gap:8px;justify-content:center;min-width:82px;height:38px;padding:0 18px;border:1px solid #e2e4e7;border-radius:8px;background:#fff;color:#444;font-size:13px;white-space:nowrap;transition:.15s ease}
.arc-kogl-chip-img{width:auto;height:31px;object-fit:contain;flex:none}
[aria-label="공공누리 유형"] span{height:47px}
.arc-type-chips input:checked+span{border-color:color-mix(in srgb, var(--arc-main,#111) 40%, #fff);background:var(--arc-tint,#eef1ef);color:var(--arc-main,#111);font-weight:700}
.arc-type-chips input:focus-visible+span{outline:2px solid #5b9dd9;outline-offset:2px}

/* 유형 칩은 손가락으로 고르는 버튼이다. 높이를 줄이지 않는다. */
@media(max-width:640px){.arc-search-scope-guide{padding:0 4px;font-size:12px}.arc-type-chips{padding-top:12px;padding-bottom:12px}.arc-type-chips span{min-width:0;height:44px;padding:0 16px;font-size:14px}
.arc-date-presets button{height:44px}
.arc-pagination{gap:6px}.arc-pagination a{width:44px;height:44px;font-size:13px}}
/* ==== 장바구니 담기 (6단계) ==== */
.arc-result-card { position:relative; }
.arc-result-cart { position:absolute; top:10px; right:10px; z-index:5; width:34px; height:34px; border:0; border-radius:8px; background:rgba(17,24,39,.72); color:#fff; font-size:16px; cursor:pointer; opacity:0; transition:opacity .15s; }
.arc-result-card:hover .arc-result-cart, .arc-result-cart:focus-visible { opacity:1; }
@media (hover:none) { .arc-result-cart { opacity:1; background:rgba(17,24,39,.55); } }

/* 폰에서 남은 터치 영역 보정.
   장바구니 버튼과 정렬 선택은 이 아래에서 정의되므로(뒤에 오는 규칙이 이긴다)
   위쪽 640px 블록이 아니라 여기서 손봐야 실제로 먹는다. */
@media (max-width:640px) {
  .arc-result-cart { width:38px; height:38px; font-size:17px; }
  .arc-sort-form select { height:44px; }
}

/* 마우스가 없는 기기(폰·태블릿)라면 화면이 넓어도 손가락으로 누른다.
   유형 필터는 폭이 아니라 입력 방식을 기준으로 키운다. */
@media (hover:none) {
  .arc-type-chips span { height:44px; }
  .arc-date-presets button { height:44px; }
}

/* 폰 — 자료검색은 검색 칸과 결과만 (2026-08-30)
   ----------------------------------------------------------------------------
   검색 칸에서 넘어오면 검색어 아래로 자료유형·유형·공공누리 유형·생산일자가
   줄줄이 서서, 정작 찾은 자료를 보려면 한참을 내려야 했다. 조건 칸을 감추고,
   머리에 남은 빈 곳과 겹말도 함께 걷어낸다. 첫 화면에 검색 칸과 결과 첫 줄이
   같이 들어오는 것이 목표다(제보 뒤 두 번 더 줄였다).

   고르는 칸(input)은 지우지 않고 화면에서만 감춘다. 지우면 폼이 보내는 값이
   달라져 결과가 바뀐다. 감춰 두면 아무것도 고르지 않은 상태 그대로 —
   자료유형 전체, 유형 전체, 공공누리 전체, 기간 없음 — 이 실려 나간다.
   그래서 폰에서 하는 검색은 늘 전체 검색이 된다.

   조건이 이미 붙은 주소(장소·컬렉션에서 넘어온 경우)로 들어오면 그 조건은
   그대로 걸린다. 결과 위 조건 딱지(.arc-loc-chips)가 무엇으로 걸렀는지 알려
   주므로 영문 모를 화면이 되지는 않는다.

   걷어낸 겹말 두 가지
     안내글("…자연어로 검색하면…")  두 줄로 62px. 한 번 읽으면 그만인 말이다.
     "“바닷가”에 대한 검색 결과입니다."  바로 위 검색 칸에 그 말이 적혀 있고,
       옆의 '검색결과 20건'이 나머지를 말한다.

   검색칸 글자를 16px 아래로 내리지 않는 까닭 — iOS 는 그보다 작은 입력칸을
   누르면 화면을 통째로 확대한다. 높이만 줄인다.

   641px 이상(PC·태블릿)은 손대지 않는다. */
@media(max-width:640px){
  .arc-search-detail{display:none}
  .arc-search-actions{display:none}
  /* 긴 안내글은 빼고 짧은 쪽만 남긴다 — "AI 가 자연어로 찾아 준다"는
     이 화면의 핵심이라 없앨 수 없다. 짧게 줄여 한 줄로 세운다. */
  .arc-search-scope-guide{display:none}
  .arc-search-scope-guide--short{display:block;margin:10px 0 0;font-size:12px}
  .arc-result-head p{display:none}

  /* 제목 '자료검색'과 검색 칸 사이가 58px 이었다 — 머리 아래여백 20 +
     머리 바깥여백 32 + 폼 위여백 6. 길잡이 줄(홈 › 자료검색)이 어느 폭에서도
     나오지 않는데 그 자리를 받치던 20px 이 빈 곳으로 남아 있었다. */
  .arc-search-page{padding-top:14px}
  .arc-search-head{margin-bottom:14px;padding-bottom:0}
  .arc-search-head h1{font-size:22px}

  /* 폼 좌우 여백 18px 을 없애 검색 칸이 아래 카드와 같은 선에서 시작한다 */
  .arc-search-form{padding:0 0 6px}
  /* 검색어 글자 — 재 보니 글자 가운데가 줄 위쪽에서 24px, 밑줄까지는 36px
     으로 12px 이 어긋나 있었다. 줄 아래여백 10px 이 그 차이였다. 0 으로
     두면 위 24 / 아래 26 이 되어 눈에 맞는다.
     글자는 16 → 19px. 색과 굵기는 건드리지 않는다.
     16px 아래로는 내리지 않는다 — iOS 가 화면을 확대해 버린다. */
  .arc-search-keyword-row{padding-bottom:0}
  .arc-search-keyword-row input{
    height:48px;font-size:19px;
    /* 색·굵기는 PC 와 같게 둔다 — 키운 것은 크기뿐이다 */
  }

  .arc-result-section{margin-top:14px}
  .arc-result-head{padding-bottom:10px;margin-bottom:12px}
  .arc-result-head h2{font-size:19px}
}

/* 폰 — 정렬은 감추고, 그 자리에 '보기 방식'을 둔다 (2026-08-30)
   ----------------------------------------------------------------------------
   정렬은 최신순 하나면 충분해 감춘다. 고르는 칸은 지우지 않고 화면에서만
   감추므로 폼이 보내는 값은 그대로 arc_sort=new 다.

   그 자리에 크게 / 작게 / 사진만 세 가지를 둔다.
     크게    한 줄에 한 장. 사진을 크게 본다.
     작게    한 줄에 두 장(기본). 지금까지의 모습이다.
     사진만  한 줄에 두 장에 글자를 뺀다. 사진만 훑을 때.

   고른 값은 <html data-arc-view="…"> 로 걸린다 — 목록보다 앞선 인라인
   스크립트가 localStorage 에서 읽어 미리 박아 둔다. 그래서 페이지를 넘겨도
   깜빡임 없이 같은 보기로 이어진다. */
@media(max-width:640px){
  .arc-sort-form{display:none}

  .arc-view-switch{
    display:inline-flex;gap:4px;flex:none;
    padding:3px;border:1px solid #e3e5e9;border-radius:9px;background:#f7f8fa;
  }
  .arc-view-switch button{
    min-height:32px;padding:0 10px;border:0;border-radius:6px;
    background:transparent;color:#6b7280;
    font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;
    /* 연달아 누르면 글자가 파랗게 잡히고, 안드로이드는 회색 사각형을 그린다 */
    user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;
  }
  /* 지금 고른 것 하나만 진하게. <html> 의 값과 단추의 값이 같을 때다. */
  [data-arc-view="big"] .arc-view-switch [data-arc-view="big"],
  [data-arc-view="small"] .arc-view-switch [data-arc-view="small"],
  [data-arc-view="detail"] .arc-view-switch [data-arc-view="detail"]{
    background:#fff;color:var(--arc-main,#0f3a42);
    box-shadow:0 1px 3px rgba(17,24,39,.12);
  }

  /* 크게 — 한 줄에 한 장. 글자는 '사진만'과 같이 사진 안에 얹는다.
     사진이 343×193 이라 자락 위에 넉 줄(게시판·제목·날짜·촬영지)이 다 들어
     간다. 글자칸을 띄우므로 칸 높이는 사진 높이 그대로다. */
  [data-arc-view="big"] .arc-result-grid{grid-template-columns:1fr;gap:14px}
  [data-arc-view="big"] .arc-result-link{position:relative;display:block}
  [data-arc-view="big"] .arc-result-card-body{
    position:absolute;left:0;right:0;bottom:0;
    padding:40px 13px 12px;border-radius:0 0 8px 8px;
    background:linear-gradient(180deg,
      rgba(17,24,39,0) 0%, rgba(17,24,39,.55) 45%, rgba(17,24,39,.88) 100%);
  }
  [data-arc-view="big"] .arc-result-card h3{
    color:#fff;font-size:16px;line-height:1.35;
    text-shadow:0 1px 2px rgba(0,0,0,.55);
  }
  /* 사진 위에서는 옅은 회색이 안 읽힌다 — 흰색을 흐리게 쓴다 */
  [data-arc-view="big"] .arc-result-board{color:rgba(255,255,255,.78);margin-bottom:4px}
  [data-arc-view="big"] .arc-result-meta,
  [data-arc-view="big"] .arc-result-place{color:rgba(255,255,255,.82);margin-top:5px}
  [data-arc-view="big"] .arc-result-meta span+span:before{color:rgba(255,255,255,.5)}

  /* 작게(기본) — 한 줄에 두 장, 제목은 사진 안에.
     아래쪽에 어두운 자락을 깔고 그 위에 제목만 얹는다. 글자칸을 사진 위로
     띄우므로 칸 높이는 사진 높이 그대로다 — 목록이 길어지지 않는다.
     제목만 남긴다: 작은 사진에 게시판 이름·날짜·촬영지까지 얹으면 사진이
     글자에 묻힌다. 그것들을 다 보려면 [자세히]로 간다. */
  /* 사진을 키운다. 폭은 화면이 정하므로(두 칸) 키울 수 있는 것은 높이다.
     16:9 를 3:2 로 바꾸면 같은 폭에서 세로가 94 → 111px 로 는다.
     대신 원본(480×270)의 좌우 12.5%가 잘린다 — 가장자리에 선 사람이나
     현수막 끝이 잘릴 수 있다. 더 키우려면 4:3(125px)까지 갈 수 있지만
     그때는 좌우 25%가 잘린다.
     칸 사이도 6 → 4px 로 줄여 사진이 조금 더 넓게 선다. */
  [data-arc-view="small"] .arc-result-grid{gap:4px}
  [data-arc-view="small"] .arc-result-thumb{aspect-ratio:3/2}
  [data-arc-view="small"] .arc-result-link{position:relative;display:block}
  [data-arc-view="small"] .arc-result-card-body{
    position:absolute;left:0;right:0;bottom:0;
    padding:20px 8px 7px;border-radius:0 0 8px 8px;
    background:linear-gradient(180deg,
      rgba(17,24,39,0) 0%, rgba(17,24,39,.62) 52%, rgba(17,24,39,.86) 100%);
  }
  [data-arc-view="small"] .arc-result-board,
  [data-arc-view="small"] .arc-result-meta,
  [data-arc-view="small"] .arc-result-place{display:none}
  [data-arc-view="small"] .arc-result-card h3{
    color:#fff;font-size:12.5px;line-height:1.32;
    text-shadow:0 1px 2px rgba(0,0,0,.55);
  }

  /* 자세히 — 한 줄에 두 장, 글자는 사진 아래에 넉 줄 다.
     따로 규칙이 없다. 이것이 이 화면의 본래 모습이고, 위의 '크게'·'작게'가
     그 위에 덧칠하는 쪽이다. 여기에 규칙을 쓰지 않는 것이 곧 설명이다. */

}