/* Hub UX v0.1.3: CSS scoped to hub/directory/brand; article layout untouched. */
.zk-ux-tools{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:10px 0 16px}
.zk-ux-search{width:100%;min-width:0;border:1px solid #ccd5d2;background:#fff;border-radius:7px;padding:11px 13px;color:#293b41;font-size:15px;line-height:1.4;min-height:44px}
.zk-ux-search:focus-visible,.zk-ux-select:focus-visible,.zk-ux-chip:focus-visible,.zk-ux-toggle:focus-visible{outline:2px solid #b84737;outline-offset:2px}
.zk-ux-select{min-height:44px;width:100%;font:inherit;font-size:14px;padding:9px 30px 9px 11px;border:1px solid #ccd5d2;border-radius:7px;background:#fff;color:#293b41}
.zk-ux-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 13px}
.zk-ux-chip{min-height:38px;padding:7px 12px;border:1px solid #d7d9d5;background:#fff;color:#334449;border-radius:999px;font-size:12px;font-weight:750;cursor:pointer}
.zk-ux-chip[aria-pressed="true"]{background:#334449;color:#fff;border-color:#334449}
.zk-ux-empty{padding:12px;background:#f6f7f4;font-size:13px;color:#657376;line-height:1.6}
.zk-ux-count{font-size:12px;color:#6d7d80;line-height:1.5}
.zk-ux-hidden{display:none!important}
.zk-ux-pref-group{margin:19px 0 25px}
.zk-ux-pref-group h2{font-size:19px;margin:0 0 10px;border-bottom:1px solid #e3e6e4;padding:0 0 8px}
.zk-ux-region-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.zk-ux-region-tabs .zk-ux-chip{border-radius:6px}
.zk-ux-directory{margin:0 0 22px;padding:15px;border:1px solid #e1e5e2;background:#f7f8f5;border-radius:9px}
.zk-ux-directory>strong{display:block;margin-bottom:9px;color:#293b41;font-size:15px}
.zk-ux-city-group>details>summary{display:none;cursor:pointer;padding:12px 14px;font-weight:800;font-size:15px;border:1px solid #e0e5e3;background:#fff;border-radius:7px;line-height:1.6;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.zk-ux-city-group>details>summary::-webkit-details-marker{display:none}
.zk-ux-city-group>details>summary::after{content:"＋";font-size:18px;color:#b84737;flex:0 0 auto}
.zk-ux-city-group>details[open]>summary::after{content:"－"}
.zk-ux-city-group>details[open]>.zk-hub-directory-grid{padding:6px 4px 14px}
.zk-ux-brand-area{margin:15px 0 23px;padding:16px;background:#f5f7f4;border:1px solid #e0e5e2;border-radius:8px}
.zk-ux-brand-area h2{font-size:17px;margin:0 0 8px}
.zk-ux-brand-area p{font-size:12px;color:#657679;margin:0 0 11px}
.zk-ux-brand-area .zk-ux-select{max-width:480px}
.zk-ux-jumps{display:none}
.zk-ux-toggle{display:none}
@media(max-width:760px){
 .zk-ux-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-8px 0 18px}
 .zk-ux-jumps a{display:block;padding:11px 9px;border:1px solid #dfe3e0;background:#fff;border-radius:7px;font-weight:800;font-size:13px;color:#36444a;text-align:center;line-height:1.5}
 .zkh .zkh-section{margin-bottom:18px}
 .zkh .zkh-section .editor-section-title{margin:0 0 9px;align-items:center}
 .zkh .zkh-section.zk-ux-collapsible .editor-section-title{margin-bottom:0}
 .zk-ux-toggle{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;min-height:47px;padding:8px 12px;color:#293a40;background:#f7f8f5;border:1px solid #e0e3e0;border-radius:7px;text-align:left;font-size:15px;font-weight:850;cursor:pointer}
 .zk-ux-toggle::after{content:"＋";font-size:19px;color:#bc4836}
 .zk-ux-toggle[aria-expanded="true"]::after{content:"－"}
 .zk-ux-collapsible .editor-section-title>h2{display:none}
 .zk-ux-collapsible .editor-section-title>.section-english{display:none}
 .zk-ux-collapsible .zk-ux-foldbody{padding:12px 2px 8px}
 .zk-ux-collapsible .zk-ux-foldbody[hidden]{display:none!important}
 .zkh .zkh-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .zkh .zkh-months>.zkh-month.is-empty{display:none}
 .zk-ux-directory{padding:12px}
 .zk-ux-pref-group .zk-hub-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .zk-ux-city-group>h2{display:none}
 .zk-ux-city-group>details>summary{display:flex}
 .zk-ux-city-group{margin:0 0 9px}
 .zk-ux-city-group>details:not([open]) .zk-hub-directory-grid{display:none}
 .zk-ux-brand-area{padding:12px}
 .kn-brand-hero{margin-bottom:16px}
 .kn-brand-hero img{max-height:190px;object-fit:cover;width:100%}
}

.zkh .zkh-section{scroll-margin-top:14px}