/* 掲載一覧ページ（list.html）だけで使う指定。色・書体は style.css の :root を使う */
.list-page{font-size:15px;line-height:1.75}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nowrap{white-space:nowrap}
.list-page .site-header nav>a{font-size:13px}
.list-page .site-header nav>a:not(.nav-current){color:var(--muted)}
.list-page .nav-current{font-weight:600;border-bottom:2px solid var(--navy);padding-bottom:4px}

.list-main{padding-top:36px;padding-bottom:40px}
.list-intro h1{font-size:32px;letter-spacing:3px;margin:6px 0 14px;word-break:auto-phrase}
.list-intro .section-kicker{font-size:12px}
.list-lead,.list-note>p,.list-empty span,.col-visit{word-break:auto-phrase}
.list-lead{font-size:15px;color:var(--ink);line-height:1.9}
.list-back{display:none;margin-top:12px;font-size:14px;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.list-back{display:inline-block;min-height:44px;line-height:44px}}
.list-lead b{font-size:18px;color:var(--navy);font-family:var(--serif)}
.list-asof{margin-top:8px;font-size:13px;color:var(--muted)}

.list-controls{margin-top:28px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:6px;display:grid;gap:16px}
.list-search{height:48px;border:1px solid #cdd6ca;border-radius:5px;background:#fff}
.list-search input{font-size:15px}
.list-filter-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.list-type{display:flex;border:1px solid #cdd6ca;border-radius:5px;overflow:hidden}
.list-type button{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 18px;background:#fff;font-size:14px;color:var(--muted);border-right:1px solid #e2e7de}
.list-type button:last-child{border-right:0}
.list-type button.active{background:var(--navy);color:#fff;font-weight:600}
.list-type button.active .legend-sake{background:#fff}
.list-select{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sage)}
.list-select select{min-height:44px;min-width:150px;padding:0 10px;font-size:14px;color:var(--navy);background:#fff;border:1px solid #cdd6ca;border-radius:4px}
.list-summary{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.list-summary p{font-size:14px;color:var(--navy);font-weight:500}
.list-csv{min-height:44px;padding:0 16px;background:transparent;border:1px solid var(--sage);border-radius:4px;color:var(--navy);font-size:13px}
.list-csv:disabled{opacity:.45}

.list-table-wrap{margin-top:20px;overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--paper)}
.list-table{width:100%;min-width:1080px;border-collapse:collapse;font-size:13px;line-height:1.7}
.list-table th{position:sticky;top:0;background:#eef2ea;color:#4f6457;font-weight:600;text-align:left;padding:12px 14px;font-size:12px;white-space:nowrap;border-bottom:1px solid var(--line)}
.list-table td{padding:14px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.list-table tbody tr:last-child td{border-bottom:0}
.list-table tbody tr:hover td{background:#fbfaf5}
.col-id{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;width:68px}
.col-name{min-width:170px;width:15%}
.col-name .category-label{font-size:11px;margin-bottom:4px}
.list-name{display:block;font-family:var(--serif);font-size:16px;font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:#c9d2c6;text-underline-offset:4px}
.list-name:hover{text-decoration-color:var(--terra)}
.list-pref{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.col-address{width:16%}
.col-feature{width:13%}
.col-visit{width:24%;color:#41555b}
.col-precision{width:12%;color:var(--muted);font-size:12px}
.col-source{min-width:130px}
.source-links{display:flex;flex-direction:column;gap:4px}
.source-links a{color:var(--navy);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b8c4b6;font-size:12.5px;white-space:nowrap}
.checked{display:block;margin-top:6px;font-size:11.5px;color:var(--muted);white-space:nowrap}
.list-empty td{text-align:center;padding:48px 16px}
.list-empty strong{display:block;font-size:16px;color:var(--navy);margin-bottom:6px}
.list-empty span{font-size:14px;color:var(--muted)}
.list-more{display:flex;justify-content:center;margin-top:20px}
.list-more button{min-height:48px;padding:0 32px;background:var(--navy);color:#fff;border-radius:4px;font-size:14px}
.list-note{margin-top:40px}
.list-note>p{font-size:12.5px;line-height:1.9;color:#78806f}
.list-note h2{font-size:13px}

.list-page .site-footer small{font-size:12px}
.list-page .site-footer small a{text-decoration:underline;text-underline-offset:3px}

/* 表が収まらない幅（タブレット・スマートフォン）：表をカード型にする */
@media(max-width:1120px){
  .list-table-wrap{overflow:visible;border:0;background:transparent}
  .list-table{min-width:0;display:block}
  .list-table thead{display:none}
  .list-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .list-table tr{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:14px 16px}
  .list-table td{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px dashed #e6e8df;font-size:13.5px;width:auto;min-width:0}
  .list-table td::before{content:attr(data-label);font-size:12px;color:var(--sage);font-weight:500}
  .list-table td:last-child{border-bottom:0}
  .list-table tbody tr:hover td{background:transparent}
  .list-table td.col-name{display:block;order:-1;padding-top:0}
  .list-table td.col-name::before,.list-table td.col-id::before{display:none}
  .list-table td.col-id{display:block;order:-2;padding:0 0 2px;border:0;font-size:12px}
  .list-name{font-size:18px}
  .list-table .list-empty{display:block;grid-column:1/-1}
  .list-table .list-empty td{display:block;text-align:center}
  .list-table .list-empty td::before{display:none}
  .source-links{flex-direction:row;flex-wrap:wrap;gap:4px 14px}
}
@media(max-width:860px){
  .list-table tbody{grid-template-columns:minmax(0,1fr)}
  .list-main{padding-top:24px}
  .list-intro h1{font-size:25px;letter-spacing:1.5px}
  .pc-br{display:none}
  .list-controls{padding:14px}
  .list-type{width:100%}
  .list-type button{flex:1;justify-content:center;padding:0 8px}
  .list-select{flex:1 1 140px}
  .list-select select{flex:1;min-width:0;width:100%}
}