/* cat-icons.css — 地圖頁類別磚的手機版（≤760px，提案 D 線畫），搭配 cat-icons.js。放在 map-mobile.css 之後載入。
   桌機（>760px）不變：.ct 一律隱藏，照片磚維持原樣。 */
.tile>.ct{display:none}
@media (max-width:760px){
  #v-home .tiles{grid-template-columns:1fr 1fr!important;gap:10px!important}
  /* 類別磚（提案 D 線畫，cat-icons.js 在每格加 .ct）：類別色淡底＋線畫圖示＋家數、名稱、百名店與細分、最高分一家；不放照片 */
  #v-home .tile.ct-on{--ct-i:color-mix(in srgb,var(--c) 88%,#000);--ct-b:color-mix(in srgb,var(--c) 7%,var(--sheet));
    --ct-l:color-mix(in srgb,var(--c) 22%,var(--sheet));--ct-d:color-mix(in srgb,var(--c) 40%,var(--sheet));
    display:flex!important;flex-direction:column;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:12px 12px 11px!important;
    background:var(--ct-b)!important;color:var(--ink)!important;border:1px solid var(--ct-l)!important;border-radius:14px!important;
    box-shadow:none!important;transform:none!important;text-align:left;overflow:hidden}
  #v-home .tile.ct-on>:not(.ct),#v-home .tile.ct-on::before,#v-home .tile.ct-on::after{display:none!important}
  #v-home .tile.ct-on.feature,#v-home .tile.ct-on.ct-wide{grid-column:1/-1}
  #v-home .tile.ct-on>.ct{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;min-height:112px;position:static;text-align:center}
  .ct-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
  .ct-ic{width:48px;height:48px;flex:none;color:var(--ct-i)}
  .ct-n{font:600 20px/1 var(--f-mono,ui-monospace,monospace);color:var(--ct-i);text-align:right;font-variant-numeric:tabular-nums}
  .ct-n small{display:block;margin-top:3px;font:500 11.5px/1.3 var(--f-body,system-ui,sans-serif);color:var(--ink-2)}
  .ct-h{font:700 17px/1.25 var(--f-display,serif);letter-spacing:.05em;color:var(--ink)}
  .ct-m{font-size:12px;line-height:1.5;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .ct-m b{color:var(--ink);font-weight:600}
  .ct-p{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;padding-top:7px;border-top:1px dashed var(--ct-d);font-size:12px;line-height:1.45;color:var(--ink)}
  .ct-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ct-s{flex:none;font:500 12.5px var(--f-mono,ui-monospace,monospace);color:var(--tabe,#b9531a)}
  .ct-a{flex:none;font-weight:600;color:var(--kin,#a8802f)}
  .ct-r{flex:none;color:var(--ink-2)}
  #v-home .tile.ct-on.feature>.ct,#v-home .tile.ct-on.ct-wide>.ct{flex-direction:row;justify-content:flex-start;gap:14px;min-height:0;text-align:left}
  .ct-on.feature .ct-ic,.ct-on.ct-wide .ct-ic{width:56px;height:56px}
  .ct-bx{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
  .ct-bx .ct-hd{align-items:baseline}
  .ct-bx .ct-n small{display:inline;margin:0 0 0 2px}
}
@media (max-width:760px) and (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) #v-home .tile.ct-on{--ct-i:color-mix(in srgb,var(--c) 70%,#fff);--ct-b:color-mix(in srgb,var(--c) 13%,var(--sheet));
    --ct-l:color-mix(in srgb,var(--c) 28%,var(--sheet));--ct-d:color-mix(in srgb,var(--c) 42%,var(--sheet))}
}
@media (max-width:760px){
  :root[data-theme="dark"] #v-home .tile.ct-on{--ct-i:color-mix(in srgb,var(--c) 70%,#fff);--ct-b:color-mix(in srgb,var(--c) 13%,var(--sheet));
    --ct-l:color-mix(in srgb,var(--c) 28%,var(--sheet));--ct-d:color-mix(in srgb,var(--c) 42%,var(--sheet))}
}
/* 地圖頁頁尾收合的「資料來源」（原本在閱讀流中展開的來源與說明段落） */
details.src{margin-top:28px;font-size:12.5px;line-height:1.7;color:var(--ink-2)}
details.src>summary{cursor:pointer;width:max-content;max-width:100%;padding:6px 0;color:var(--ink-2)}
details.src p,details.src ul{margin:6px 0 0}
details.src ul{padding-left:1.2em}
details.src a{color:inherit;overflow-wrap:anywhere}