/* Prefecture / chain list pages and the related-hotels block. Uses the tokens from clear.css. */
.discovery-page{gap:20px}
.discovery-page>*{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);box-sizing:border-box}
.discovery-page>.back-selection{max-width:400px}
.discovery-page .breadcrumb{gap:0 8px}
.discovery-page .breadcrumb span{display:inline}
.discovery-page .breadcrumb a~a::before{display:none}
.discovery-page .breadcrumb [aria-current]{color:var(--text-2,#4b5563)}
.discovery-header h1{margin-top:4px;font-size:var(--fs-display);line-height:1.45}
.discovery-stats{margin-top:8px;font-size:var(--fs-body);font-weight:600}
.discovery-topics,.discovery-order{margin-top:4px;font-size:var(--fs-meta);color:var(--text-3,#6b7280)}
.discovery-links{margin-bottom:8px}
.discovery-links p{font-size:var(--fs-label);font-weight:600;color:var(--text-3,#6b7280)}
.discovery-links ul{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.discovery-links a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-tag);color:inherit;font-size:var(--fs-label);font-weight:600;text-decoration:none}
.discovery-links a span{color:var(--text-3,#6b7280);font-weight:500}
.discovery-links a:hover{border-color:var(--accent);color:var(--accent)}
.discovery-links a[aria-current]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.discovery-section{display:grid;gap:10px}
.discovery-section h2{font-size:var(--fs-section)}
.discovery-section h2 small{margin-left:6px;font-size:var(--fs-label);font-weight:500;color:var(--text-3,#6b7280)}
.discovery-page .entry-reading span{display:inline-flex;gap:4px;margin-right:12px}
.related-hotels{display:grid;gap:4px;width:100%;max-width:var(--max);margin:8px auto 0;padding:20px var(--gutter) 0;border-top:1px solid var(--line);box-sizing:border-box}
.related-hotels h2{font-size:var(--fs-section)}
.related-scope{font-size:var(--fs-meta);color:var(--text-3,#6b7280)}
.related-list{display:grid;gap:0;margin:8px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.related-list li{padding:12px 0;border-bottom:1px solid var(--line)}
.related-list a{display:flex;justify-content:space-between;gap:12px;color:inherit;text-decoration:none}
.related-name{font-size:var(--fs-item);font-weight:600;color:var(--accent)}
.related-list a:hover .related-name{text-decoration:underline;text-underline-offset:3px}
.related-distance{flex:none;font-size:var(--fs-meta);color:var(--text-3,#6b7280)}
.related-meta{margin-top:2px;font-size:var(--fs-meta);color:var(--text-3,#6b7280)}
.related-reasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.related-reasons span{padding:2px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent-ink);font-size:.8125rem;font-weight:600}
@media (min-width:1080px){.related-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}
.discovery-section{margin-top:12px}
.hotel-discovery{width:100%;max-width:var(--max);margin:8px auto 0;padding:20px var(--gutter) 0;border-top:1px solid var(--line);box-sizing:border-box}
.hotel-discovery h2{font-size:var(--fs-label);font-weight:600;color:var(--text-3,#6b7280)}
.hotel-discovery ul{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}
.hotel-discovery a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--r-tag);color:inherit;font-size:var(--fs-label);font-weight:600;text-decoration:none}
.hotel-discovery a span{color:var(--text-3,#6b7280);font-weight:500}
.hotel-discovery a:hover{border-color:var(--accent);color:var(--accent)}