/* Compact discovery UI (2026-10-10). Loaded only by home, campaigns, rich events and column indexes. */
:root{--ux-accent:var(--app-accent);--ux-surface:var(--card);--ux-gap:16px}
html{scroll-behavior:smooth} :is(section,[id]){scroll-margin-top:120px}
.ux-jump,.ux-event-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;align-items:center}
.ux-jump{max-width:1500px;margin:12px auto 0;padding:0 24px;border-block:1px solid var(--border);background:var(--card)}
.ux-jump a,.ux-event-nav a{flex:none;display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:12px;font-weight:700;color:var(--text-secondary);white-space:nowrap;text-decoration:none}
.ux-jump a:hover,.ux-event-nav a:hover{color:var(--ux-accent);background:var(--border-light)}
.ux-event-nav{border-bottom:1px solid var(--border);padding:0 16px}
.ux-find{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.ux-find input{min-width:0;flex:1;min-height:44px;border:1px solid var(--border);background:var(--card);border-radius:8px;padding:0 12px;color:var(--text);font-size:16px}
.ux-find span{min-width:38px;font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.ux-search-off{display:none!important}
.hm-sec{padding:24px 0 12px}.hm-sec-head{padding-top:14px;margin-bottom:12px;gap:10px}.hm-sec-title{font-size:22px}
.hm-sec-lead,.hm-art-title,.hm-art-desc,.hp-title,.hp-note,.hc-title,.hc-bonus,.kn-card-title,.kn-card-desc{display:block;-webkit-line-clamp:unset;overflow:visible}
.hm-sec-lead{line-height:1.55}.hc-title{font-size:14px;line-height:1.5}.hc-bonus{font-size:12px;line-height:1.5}
.hm-sec-more{min-height:44px;display:flex;align-items:center}.hm-sec-more-n{display:inline}
.hp-link,.hm-art-card,.hm-survey-card,.kn-group,.kn-card-link{box-shadow:none;border-radius:8px}
.hp-link{padding:10px;gap:10px;grid-template-columns:64px minmax(0,1fr)}.hp-thumb{width:64px;border:0}.hp-body{gap:3px}.hp-title{font-size:14px}.hp-note{font-size:12px;line-height:1.5}
.hm-art-link{padding:12px}.hm-art-title{font-size:15px}.hm-art-desc{font-size:12px;line-height:1.6}
.hm-hub-grid a{padding:12px;border-radius:8px}.hm-survey-card{padding:12px}
.hm-sec .kn-tile-desc{display:block;font-size:11.5px;line-height:1.5;color:var(--text-secondary)}
.hm-sec .kn-tile>a{padding:10px;gap:4px 8px}.hm-sec .kn-tile .kn-group-ico{width:28px;height:28px;grid-row:1/4}.hm-sec .kn-tile-n{grid-column:2}
.hc-chip{min-height:44px}.hc-filter{gap:2px}.hc-link{padding:10px 0;gap:4px}.hc-top{gap:5px}.hc-dl{padding-top:0}
.hc-next{border-radius:8px;padding:12px}.hm-up-item{padding:8px 0}
.ev-card{background:var(--card);box-shadow:none;border-radius:10px}.ev-hero{padding:20px 24px 14px}.ev-hero-text{gap:6px}.ev-title{font-size:26px;line-height:1.4}.ev-subtitle{line-height:1.65}
.ev-body{padding:16px 24px}.ev-main,.ev-aside{gap:18px}.ev-highlight{padding:14px;background:var(--brand-bg);box-shadow:none;border-radius:8px}.ev-hl-solo{font-size:22px;line-height:1.45}.ev-cta{min-height:48px;border-radius:8px}
.ev-fact,.ev-aside .ev-fact{display:grid;grid-template-columns:106px minmax(0,1fr);gap:10px;padding:9px 0}.ev-fact dd{font-size:13px;line-height:1.65}.ev-fact dt{font-size:12px;line-height:1.65}.ev-facts{gap:0}
.ev-h2{font-size:16px}.ev-step-desc{font-size:13px;line-height:1.65}.ev-notes{font-size:13px;line-height:1.7}.ev-foot{padding:8px 24px 20px}
.kn-hero{padding:0 0 12px}.kn-title{font-size:28px}.kn-lead{font-size:14px;line-height:1.65}.kn-sec{margin-top:22px}.kn-sec-head{margin-bottom:12px}.kn-sec-head h2{font-size:19px}.kn-card-link{padding:12px;gap:6px}.kn-card-desc{font-size:13px;line-height:1.6}.kn-group{padding:12px}.kn-group-cats a{min-height:44px}.kn-hubs a{min-height:44px;padding:8px 10px}.kn-dir-cat{padding:12px}.kn-dir-cat a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1024px){
 .hm-top{padding-top:8px}.hm-top-head{margin-bottom:8px}.hm-top-title{font-size:14px}.hm-top-meta{font-size:11.5px;gap:3px 10px}
 .hm-sec{padding:16px 0 4px}.hm-sec-head{padding-top:12px;margin-bottom:8px}.hm-sec-title{font-size:18px}.hm-meta{font-size:11.5px}.hm-sec-more{font-size:12px;margin-top:-8px;white-space:normal;text-align:right;justify-content:flex-end}
 .hm-top .hm-search-box,.hm-sec .kn-search-box{border-radius:8px;height:46px}.hm-top .hm-search-btn,.hm-sec .kn-search-box button{border-radius:6px}
 .hm-top .hm-hero-chips a,.hm-top .hm-chip-more{border-radius:6px;padding:0 12px;min-height:44px}.hm-top .hm-chips-block{margin-top:6px}
 .ux-jump{padding:0 12px;margin-top:8px}.ux-jump a{padding:0 10px}
 .hp-card{flex-basis:min(92%,410px)}.hp-link{padding:10px;grid-template-columns:64px minmax(0,1fr)}.hp-thumb{width:64px}.hp-grid{gap:8px}.hp-note{line-height:1.5}
 .hc-page .hm-sec-head{display:flex;flex-direction:column;gap:4px}.hc-page .hm-sec-more{margin:0;min-height:44px}
 .hc-filter{margin-bottom:0}.hc-title{font-size:14px}.hc-layout{gap:16px}
 .hm-art-card,.hm-art-card.is-new{flex-basis:min(88%,360px);border-radius:8px}.hm-note{font-size:11.5px;margin-top:6px}
 .ev-page{margin:0}.ev-card{border:0;border-radius:0}.ev-hero{padding:12px 4px}.ev-title{font-size:21px;line-height:1.4}.ev-subtitle{font-size:13px}.ev-hero-text{gap:6px}.ev-period{font-size:12px;line-height:1.5}.ev-body{padding:12px 4px}.ev-highlight{padding:12px}.ev-hl-solo{font-size:20px}.ev-foot{padding:8px 4px}.ev-step{gap:9px}.ev-steps{gap:12px}.ev-step-title{font-size:14px}.ev-fact{grid-template-columns:92px minmax(0,1fr)}.ux-event-nav{padding:0;gap:0}.ux-event-nav a{padding:0 12px}
 .kn{padding:0}.kn-title{font-size:23px}.kn-hero{padding:0}.kn-quick{gap:4px 8px}.kn-quick a{min-height:44px;display:inline-flex;align-items:center}.kn-lead{font-size:13px}.kn-sec-head{flex-wrap:wrap;gap:4px}.kn-cards{gap:0}.kn-card-title{font-size:15px}.kn-cards-new{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:10px}.kn-cards-new .kn-card{flex:0 0 90%;scroll-snap-align:start}.kn-search-box{border-radius:8px}.kn-search-box button{border-radius:6px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Disclosures expose complete text instead of silently cutting lines. */
[hidden]{display:none!important}
.ux-copy{font-size:12px;color:var(--text-secondary);padding:0 10px 8px;border-bottom:1px solid var(--border)}
.ux-copy summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;color:var(--ux-accent);font-weight:700;cursor:pointer}
.ux-copy summary::after{content:'＋';font-size:16px}.ux-copy[open] summary::after{content:'−'}
.ux-copy .hp-title{font-size:13px;line-height:1.6}.ux-short-title{font-size:14px;font-weight:800;line-height:1.5}
.hp-card{flex-direction:column;align-self:start}.hp-link{flex:none;width:100%}
.ux-directory{margin:0;border-bottom:1px solid var(--border)}
.ux-directory summary{display:block;cursor:pointer;position:relative;padding-right:26px}
.ux-directory summary:after{content:'＋';position:absolute;right:0;top:20px;font-size:16px;color:var(--ux-accent)}
.ux-directory[open] summary:after{content:'−'}.ux-directory .kn-dir-gtitle{margin:0;padding:14px 0;min-height:56px}.ux-directory .kn-dir-grid{padding-bottom:16px}
@media(max-width:1024px){
 .hp-grid,.hm-art-grid,.hm-survey-grid{align-items:flex-start}
 .hp-link{height:auto}.hp-grid>.hp-card{display:flex}
 .hc-page .hm-sec-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
 .hc-page .hm-sec-more{font-size:11.5px;margin-top:-8px;max-width:105px}
 .hc-page .hm-sec-head .hm-sec-title{font-size:18px}.hc-page .hm-meta{font-size:11px}
 .hb-card,.hb-has-product .hb-card{grid-template-rows:auto auto auto auto;row-gap:3px;padding-block:12px;border-radius:10px}
 .hb-title,.hb-has-product .hb-title{display:block;overflow:visible;-webkit-line-clamp:unset}
 .hb-kind{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
 .hb-foot{margin-top:6px}.hb-hl{font-size:27px}.hb-ctrl{height:40px}.hb-cta{min-height:40px}
 .hm-top .hm-chips-block{padding-bottom:0}.hm-top .hm-hero-tool{padding-top:0}
 .ux-jump a{font-size:11.5px}.hm-sec .hm-note{line-height:1.5}
 .ev-period{display:flex;align-items:flex-start;gap:6px}.ev-period svg{flex:none;margin-top:2px}
 .ev-meta-row{gap:6px}.ev-hero-text .pr-badge{padding:3px 6px;font-size:11px}
 .kn-dir-cat a{min-height:40px}
}
.hm-top-head{position:relative}.ux-menu{position:relative;z-index:8;margin-left:auto;flex:none}.ux-menu summary{cursor:pointer;min-width:60px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border);border-radius:7px;background:var(--card);font-size:12px;font-weight:700;color:var(--text-secondary)}.ux-menu summary:after{content:'⌄'}
.ux-menu>.ux-jump{position:absolute;right:0;top:40px;width:220px;max-height:65vh;overflow:auto;display:flex;flex-direction:column;align-items:stretch;padding:6px;margin:6px 0 0;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 24px #0001}.ux-menu:not([open])>.ux-jump{display:none}.ux-jump a{font-size:13px;padding:0 12px}
.ux-empty{padding:16px 0;color:var(--text-secondary);font-size:13px}
@media(max-width:1024px){
 .hm-top-head{padding-right:68px}.hm-top-head .hm-top-meta{margin-right:-68px}.ux-menu{position:absolute;right:0;top:0}
 .hp-grid,.hb-track{align-items:flex-start;overflow-y:hidden}.hp-grid{min-height:0!important}.hp-card{height:auto}.hb-slide{align-self:flex-start}.hb-card,.hb-has-product .hb-card{height:auto}
 .hp .hm-sec-head{padding-top:8px}.hp .hm-sec-head>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px}.hp .hm-meta{font-size:10.5px}
 .kn-dir .kn-dir-gtitle{font-size:15px}.kn-dir .kn-count{font-size:11px}
}

/* A: compact editorial index. */
.hc-link{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
.hc-top{grid-column:1;grid-row:1}.hc-dl{grid-column:2;grid-row:1;align-self:center;max-width:145px;font-size:11px}.hc-dl time{flex-wrap:wrap;justify-content:flex-end;gap:2px 4px}
.hc-title{grid-column:1/-1;grid-row:2}.hc-bonus{grid-column:1/-1;grid-row:3}
.hp-link{border:0;border-block:1px solid var(--border);border-radius:0;background:transparent}
.hm-art-card,.hm-art-card.is-new{border:0;border-top:2px solid var(--border);border-radius:0;background:transparent}.hm-art-link{padding-inline:0}
.kn-card-link{border:0;border-bottom:1px solid var(--border);border-radius:0}.kn-group{border:0;border-top:1px solid var(--border);border-radius:0;background:transparent}
@media(max-width:1024px){
 .hm-top .hm-hero-tool{padding:6px 0 0}.hb{margin-top:0}
 .hc-link{padding:10px 0}.hc-dl{max-width:130px}.hm-sec .kn-tile>a{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}

}
.hc-dl{max-width:none}.hc-dl time{gap:0 4px;flex-wrap:nowrap}.hc-dl{white-space:nowrap;font-size:10.5px}.hc-top{font-size:11px;gap:4px}.hc-dl svg{width:11px}
@media(max-width:359px){.hc-link{column-gap:4px}.hc-dl{font-size:10px}.hc-top .hm-plat{min-width:0;width:auto}.hc-top .hc-tag{font-size:10px}}
.ux-copy summary:focus-visible,.ux-directory summary:focus-visible,.ux-menu summary:focus-visible,.ux-event-nav a:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}
/* The live header/tabbar remain shared; the product search keeps its original position below the banner. */