/* RUVO · 相場ニュース（events.html）の見た目（2026-10-30 作り直し）
   オーナー指摘「データを置いただけでデザインが無い」。首页の抽選カード（.hm-chance）と BOX タイル（.v3-tile）と同じ語彙:
   パネル = --panel + --shadow-1 + 内側 1px 線、角丸 --r-lg、見出し h2/h3 トークン、強調は --lemon / --sky の wash。
   値は docs/design.md の token だけを使う。 */

/* ── 絞り込みパネル ── */
.evt-panel { display: flex; flex-direction: column; gap: 12px; margin: 0 0 24px; padding: 20px 24px; border-radius: var(--r-lg);
  background: var(--panel); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1); }
.evt-row { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; min-width: 0; }
.evt-row > label { display: inline-flex; align-items: center; gap: 8px; font: 700 13px/1.4 var(--f-jp); color: var(--text-2); }
.evt-lab { min-width: 4em; font: 800 13px/1.4 var(--f-jp); color: var(--text-3); }
.evt-row .chips { display: flex; flex-wrap: wrap; flex: 1 1 0; min-width: 0; gap: 8px; }
.evt-panel .chip { display: inline-flex; align-items: center; height: var(--c-h-md, 40px); padding: 0 16px; border-radius: var(--r-pill); border: 0;
  background: var(--tray); color: var(--text-2); font: 700 14px/1 var(--f-jp); cursor: pointer; transition: background .2s, color .2s, transform var(--c-d-press, .25s) var(--c-e-press, ease); }
.evt-panel .chip em { margin-left: 8px; padding: 2px 7px; border-radius: var(--r-pill); background: color-mix(in srgb, var(--panel) 70%, transparent);
  font: 800 12px/1.2 var(--f-num); font-style: normal; color: var(--text-3); }
.evt-panel .chip.is-on { background: var(--plate); color: var(--plate-ink); box-shadow: var(--shadow-plate); }
.evt-panel .chip.is-on em { background: color-mix(in srgb, var(--plate-ink) 18%, transparent); color: var(--plate-ink); }
@media (hover: hover) { .evt-panel .chip:not(.is-on):hover { background: var(--track); color: var(--text-1); } }
.evt-panel .chip:active { transform: scale(.96); }
.evt-panel .chip:focus-visible, .evt-sel:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
.evt-sel { height: var(--c-h-md, 40px); max-width: 100%; padding: 0 14px; border-radius: var(--r-pill); border: 1px solid var(--line-strong);
  background: var(--panel-b); color: var(--text-1); font: 700 14px/1 var(--f-jp); }
.evt-datechip { display: inline-flex; align-items: center; gap: 6px; height: var(--c-h-md, 40px); padding: 0 6px 0 16px; border-radius: var(--r-pill);
  background: var(--sky-wash); color: var(--sky-text); font: 800 13px/1 var(--f-jp); }
.evt-datechip button { border: 0; background: none; color: inherit; cursor: pointer; font: inherit; padding: 0 10px; }

/* ── 日付の見出し ── */
.evt-day { display: flex; align-items: center; gap: 12px; margin: 32px 0 14px; font: var(--title-h2-weight) 20px/1.3 var(--f-jp); }
.evt-day-pill { display: inline-flex; align-items: baseline; gap: 2px; padding: 8px 18px; border-radius: var(--r-pill); background: var(--plate); color: var(--plate-ink); box-shadow: var(--shadow-plate); }
.evt-day-pill small { font: 700 13px/1 var(--f-jp); opacity: .8; }
.evt-day > small { font: 700 13px/1 var(--f-jp); color: var(--text-3); }
.evt-day:first-child { margin-top: 0; }

/* ── カードの並び ── */
.evt-list { list-style: none; margin: 0; padding: 0; }
.evt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; align-items: stretch; }
.evt-card { position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 20px; border-radius: var(--r-lg);
  background: linear-gradient(150deg, var(--card-wash, var(--panel)), var(--panel) 62%); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1);
  transition: transform var(--c-d-press, .25s) var(--c-e-press, ease), box-shadow .25s; }
.evt-card.evt-opp { cursor: pointer; --card-wash: var(--sky-wash); }
.evt-card.evt-opp[data-st="open"] { --card-wash: var(--lemon-wash); }
.evt-card.evt-opp[data-st="closed"], .evt-card.evt-opp[data-st="result_pending"] { --card-wash: var(--tray); }
.evt-card.is-numeric { --card-wash:var(--panel); }
.evt-card.is-official { --card-wash: var(--sky-wash); }
@media (hover: hover) { .evt-card:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--line-strong), var(--shadow-2); } }
.evt-card.is-target { box-shadow: inset 0 0 0 2px var(--focus-ring), var(--shadow-2); }

.evt-head { display: flex; gap: 16px; align-items: flex-start; min-width: 0; }
.evt-head-main { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; min-width: 0; }
.evt-art { position: relative; flex: 0 0 108px; width: 108px; height: 108px; display: grid; place-items: center; border-radius: var(--r-row); overflow: hidden;
  background: radial-gradient(70% 70% at 50% 40%, var(--panel), var(--tray)); box-shadow: inset 0 0 0 1px var(--line); }
.evt-art img { position: relative; z-index: 1; width: 100%; height: 100%; padding: 4px; object-fit: contain; filter: drop-shadow(0 8px 10px color-mix(in srgb, var(--text-1) 22%, transparent)); }
.evt-art-ph { position: absolute; font: 900 13px/1 var(--f-jp); letter-spacing: .06em; color: var(--text-3); }
.evt-art img + .evt-art-ph { display: none; }

.evt-top { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; min-width: 0; }
.evt-badge { display: inline-flex; align-items: center; height: var(--kit-badge); padding: 0 11px; border-radius: var(--r-sticker); font: 900 13px/1 var(--f-jp);
  background: var(--badge-bg, var(--tray)); color: var(--badge-ink, var(--text-1)); box-shadow: var(--sticker-shadow-sm); white-space: nowrap; }
.evt-status { display: inline-flex; align-items: center; gap: 6px; height: var(--kit-badge); padding: 0 10px; border-radius: var(--r-pill); background: var(--tray); color: var(--text-2); font: 800 12px/1 var(--f-jp); }
.evt-status b { font-weight: 900; color: var(--text-1); }
.evt-status[data-st="open"] { background: var(--down-wash); color: var(--down-text); }
.evt-status[data-st="open"] b { color: var(--down-text); }
.evt-status[data-st="upcoming"] { background: var(--sky-wash); color: var(--sky-text); }
.evt-chip { display: inline-flex; align-items: center; height: var(--kit-badge); padding: 0 10px; border-radius: var(--r-pill); background: color-mix(in srgb, var(--panel) 70%, transparent);
  box-shadow: inset 0 0 0 1px var(--line); color: var(--text-2); font: 700 12px/1 var(--f-jp); white-space: nowrap; }
.evt-chip.is-shop { color: var(--warn); }
.evt-dates { font: 700 12px/1.4 var(--f-num); color: var(--text-3); }

.evt-title { margin: 0; font: var(--title-h3-weight) var(--title-h3-size)/var(--title-h3-line) var(--f-jp); overflow-wrap: anywhere; }
.evt-prods { margin: 0; font: 700 14px/1.6 var(--f-jp); color: var(--text-2); overflow-wrap: anywhere; }
.evt-prods a { color: var(--text-1); text-decoration: none; }
.evt-prods a:hover { text-decoration: underline; text-underline-offset: 3px; }
.evt-more-prods summary { margin-top: 4px; cursor: pointer; color: var(--text-3); font: 700 13px/1.6 var(--f-jp); }
.evt-label { margin: 0; font: 700 15px/1.65 var(--f-jp); color: var(--text-1); overflow-wrap: anywhere; }
.evt-pct { margin: 0; font: 900 34px/1 var(--f-num); letter-spacing: -.02em; }

/* 受付 · 当選発表 · 購入期限 の 3 マス */
.evt-steps { display: grid; grid-template-columns: minmax(0, 1.8fr) repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.evt-step { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 10px 12px; border-radius: var(--r-sm); background: color-mix(in srgb, var(--panel) 78%, transparent);
  box-shadow: inset 0 0 0 1px var(--line); font: 800 14px/1.35 var(--f-num); color: var(--text-1); overflow-wrap: anywhere; }
.evt-step b { font: 700 12px/1.2 var(--f-jp); color: var(--text-3); }
.evt-step.is-unknown { color: var(--text-3); font-weight: 600; }
.evt-step[data-k="apply"] { box-shadow: inset 3px 0 0 var(--lemon), inset 0 0 0 1px var(--line); }
.evt-step[data-k="result"] { box-shadow: inset 3px 0 0 var(--sky), inset 0 0 0 1px var(--line); }
.evt-step[data-k="buy"] { box-shadow: inset 3px 0 0 var(--up-mark), inset 0 0 0 1px var(--line); }

/* 定価 · 成約 · 当選したら */
.evt-money { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 0; border-radius: var(--r-sm); overflow: hidden; background: var(--line); }
.evt-mcell { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 10px 12px; background: var(--panel-b); font: 900 18px/1.2 var(--f-num); letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.evt-mcell b { font: 700 12px/1.2 var(--f-jp); color: var(--text-3); letter-spacing: 0; }
.evt-mcell small { font: 600 12px/1.3 var(--f-jp); color: var(--text-3); }
.evt-mcell.is-gain.up { background: var(--panel-b); color: var(--up-text); }
.evt-mcell.is-gain.down { background: var(--panel-b); color: var(--down-text); }
.evt-fine { margin: -6px 0 0; font: 500 12px/1.5 var(--f-jp); color: var(--text-3); }
.evt-tags { margin: 0; }

/* 下の行: 大きい応募ボタン · 応募した · 出典 */
.evt-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: auto; font: 600 13px/1.6 var(--f-jp); color: var(--text-3); }
/* .evt-cta is a C9 primary alias; sizing comes from is-lg. */
.evt-foot .lo-applied { min-height: var(--c-h-lg, 48px); }
.evt-src { margin-left: auto; display: inline-flex; flex-wrap: wrap; gap: 4px 12px; }
.evt-src a, .evt-foot a:not(.evt-cta) { color: var(--text-2); text-underline-offset: 3px; }
.evt-rel { display: inline-flex; flex-wrap: wrap; gap: 6px 10px; min-width: 0; max-width: 100%; }
.evt-rel a { max-width: 24em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.evt-rel details { display: inline; }
.evt-rel summary { cursor: pointer; color: var(--text-3); list-style: none; display: inline; }
.evt-rel summary::-webkit-details-marker { display: none; }
.evt-after { font-family: var(--f-num); font-variant-numeric: tabular-nums; }
.evt-chg.up { color: var(--up-text); } .evt-chg.down { color: var(--down-text); } .evt-chg.flat { color: var(--text-3); }
.evt-more { display: flex; margin: 24px auto 0; min-height: var(--c-h-lg, 48px); padding: 0 28px; border-radius: var(--r-pill); }
.evt-note { margin: 28px 0 0; font: 500 12px/1.9 var(--f-jp); color: var(--text-3); }

@media (max-width: 767px) {
  .evt-panel { padding: 16px; border-radius: var(--r-row); }
  .evt-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .evt-card { padding: 16px; border-radius: var(--r-row); }
  .evt-art { flex-basis: 76px; width: 76px; height: 76px; }
  .evt-mcell { font-size: 16px; padding: 9px 10px; }
  .evt-src { margin-left: 0; width: 100%; }
  .evt-cta { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { .evt-card, .evt-kpi, .evt-cta, .evt-panel .chip { transition: none; } }

/* ページ上の「商品で絞り込む」 */
.evt-product-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 20px; font: 700 14px/1.4 var(--f-jp); color: var(--text-2); }
.evt-product-bar .evt-sel { min-width: min(100%, 22em); }

/* J2 · C3 / C4. Existing opportunity-card content remains unchanged. */
.evt-kpis.c-kpis { display:grid; grid-template-columns:minmax(240px,1.3fr) minmax(0,3fr); gap:var(--kit-gap); overflow:visible; }
.evt-kpi-action { font:inherit; color:var(--text-1); text-align:left; cursor:pointer; border:0; }
.evt-kpi-action.c-kpi { background:none; }
.evt-kpi-action.c-kpi + .c-kpi { border-left:1px solid var(--line); }
.evt-kpi-action.c-kpi-hero { border-left:6px solid var(--lemon); --c-kpi-wash:var(--lemon-wash); }
.evt-kpi-action small { margin-left:4px; font:700 var(--kit-label)/1 var(--f-jp); color:var(--text-2); }
.evt-kpi-action:focus-visible { outline:3px solid var(--focus-ring); outline-offset:3px; }
.evt-kpi-action:active { transform:scale(.98); }
.evt-bar.c-filters { padding:12px var(--kit-pad); gap:0; position:relative; z-index:4; }
.evt-controls > .c-filter-row { justify-content:space-between; }
.evt-controls .evt-row { flex-wrap:nowrap; }
.evt-controls .evt-lab { min-width:0; }
.evt-controls .chips { flex-wrap:nowrap; }
.evt-controls .chip { white-space:nowrap; padding-inline:12px; }
.evt-games { margin-left:auto; }
.evt-details { position:relative; }
.evt-details > summary { list-style:none; }
.evt-details > summary::-webkit-details-marker { display:none; }
.evt-details[open] > summary .ic { transform:rotate(180deg); }
.evt-popover { position:absolute; right:0; top:calc(100% + 8px); width:360px; max-width:calc(100vw - 32px); padding:var(--kit-pad); background:var(--overlay); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow-3); }
.evt-popover .evt-row { flex-direction:column; align-items:stretch; gap:12px; }
.evt-popover label { display:flex; justify-content:space-between; width:100%; }
.evt-popover select { min-width:0; max-width:80%; }
.evt-popover .evt-product-bar { margin-top:12px; }
.evt-popover .evt-product-bar .evt-sel { min-width:0; width:100%; max-width:100%; }
.evt-mobile-bar,.evt-quick { display:none; }
.evt-day { position:static; width:fit-content; padding:4px; background:var(--bg); border-radius:var(--r-pill); }
.evt-money,.evt-steps { grid-template-columns:repeat(auto-fit,minmax(88px,1fr)); }
.evt-badge[data-tone] { --badge-bg:var(--kit-selected); --badge-ink:var(--kit-selected-ink); }
.evt-art img { box-sizing:border-box; padding:4px; filter:none; }
.evt-art-ph { width:100%; height:100%; }
.evt-card:not(.evt-opp):hover { transform:none; box-shadow:inset 0 0 0 1px var(--line),var(--shadow-1); }
.evt-sheet-controls .evt-controls { display:flex; flex-direction:column; gap:16px; }
.evt-sheet-controls .c-filter-row,.evt-sheet-controls .evt-row { display:flex; flex-wrap:wrap; align-items:flex-start; }
.evt-sheet-controls .evt-row .chips { flex-wrap:wrap; }
.evt-sheet-controls .evt-popover { position:static; width:auto; max-width:none; box-shadow:none; padding:16px 0; border:0; }
.evt-sheet-controls .evt-details { width:100%; }
.evt-sheet-controls .evt-games { margin:0; }
.evt-sheet-controls .evt-popover .evt-row { flex-direction:column; }
.evt-sheet-controls .c-select { min-height:var(--kit-touch); }
@media (max-width:1099px) and (min-width:768px) {
  .evt-controls .evt-lab { display:none; }
  .evt-controls .chip { padding-inline:8px; font-size:var(--kit-meta); }
}
@media (max-width:767px) {
  html.m-shell .evt-kpis.c-kpis { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:0; }
  html.m-shell .evt-kpi-hero { padding:16px 20px; }
  html.m-shell .evt-kpi-hero .c-kpi-value { font-size:var(--kit-price-xl); }
  html.m-shell .evt-kpi-peers { padding:12px 0; overflow:hidden; }
  html.m-shell .evt-kpi-peers .c-kpi { padding:0 8px; }
  html.m-shell .evt-kpi-peers .c-kpi-label { font-size:var(--kit-meta); }
  html.m-shell .evt-kpi-peers .c-kpi-value { font-size:var(--kit-price-l); }
  html.m-shell .evt-bar.c-filters { padding:12px; }
  html.m-shell .evt-controls { display:none; }
  html.m-shell .evt-controls.is-inline-open,html.m-shell .evt-sheet-controls .evt-controls { display:flex; }
  html.m-shell .evt-mobile-bar { display:flex; align-items:center; gap:8px; }
  html.m-shell .evt-mobile-bar .c-btn { min-height:var(--kit-touch); flex-shrink:0; }
  html.m-shell .evt-selected { font-size:var(--kit-meta); color:var(--text-2); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  html.m-shell .evt-quick { display:flex; gap:4px; margin-top:8px; }
  html.m-shell .evt-quick .c-chip { flex:1; padding:0 8px; min-height:var(--kit-touch); font-size:var(--kit-meta); }
  html.m-shell .evt-day { top:calc(100px + env(safe-area-inset-top,0px)); }
  html.m-shell .evt-foot .evt-cta { flex:0 0 100%; width:100%; min-height:var(--c-h-lg); box-sizing:border-box; }
  html.m-shell .evt-grid { grid-template-columns:minmax(0,1fr); }
  html.m-shell .evt-art { width:96px; height:96px; flex-basis:96px; }
  html.m-shell .evt-sheet-controls .evt-controls > .c-filter-row { display:flex; }
}
@media (prefers-reduced-motion:reduce) { .evt-details .ic,.evt-kpi-action { transition:none; transform:none; } }
.evt-controls.is-inline-open { flex-direction:column; margin-top:16px; }
.evt-controls.is-inline-open .c-filter-row,.evt-controls.is-inline-open .evt-row { display:flex; flex-wrap:wrap; }
.evt-controls.is-inline-open .evt-popover { position:static; width:auto; box-shadow:none; }
.evt-controls.is-inline-open .chips { flex-wrap:wrap; }

.evt-update { margin-bottom:8px; color:var(--text-3); font-size:var(--kit-meta); }

/* R2 · compact opportunity cards; details never enlarge the grid row. */
.evt-grid { align-items:stretch; }
.evt-opp { box-sizing:border-box; padding:12px; gap:6px; background:var(--panel); }
.evt-opp[data-st="open"] { box-shadow:inset 0 4px 0 var(--lemon),inset 0 0 0 1px var(--line),var(--shadow-1); }
.evt-opp .evt-head { height:86px; gap:12px; }
.evt-opp .evt-art { width:86px; height:86px; flex-basis:86px; }
.evt-opp .evt-head-main { gap:3px; }
.evt-opp .evt-top { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; gap:4px; }
.evt-opp .evt-top > * { flex-shrink:0; font-size:var(--kit-meta); padding-inline:6px; }
.evt-opp .evt-title { font-size:var(--kit-label); line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.evt-opp .evt-prods { font-size:var(--kit-label); line-height:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.evt-opp .evt-steps { display:flex; flex-wrap:wrap; gap:var(--rf-s1); }
.evt-opp .evt-step { flex:1 1 max-content; min-height:var(--c-h-md); max-width:100%; box-sizing:border-box; padding:var(--rf-s2) var(--rf-s3); gap:var(--rf-s1); font-size:var(--kit-meta); line-height:1.4; }
.evt-opp .evt-step { display:block; white-space:normal; overflow-wrap:normal; }
.evt-opp .evt-step b { display:block; margin-bottom:2px; }
.evt-opp .evt-money { grid-template-columns:repeat(auto-fit,minmax(0,1fr)); }
.evt-opp .evt-mcell { box-sizing:border-box; padding:var(--rf-s2) var(--rf-s3); gap:var(--rf-s1); font-size:var(--kit-price-m); line-height:1.4; white-space:nowrap; }
.evt-opp .evt-mcell b { font-size:var(--kit-meta); line-height:1.4; white-space:normal; }
.evt-opp > .evt-tags { display:flex; flex-wrap:nowrap; height:20px; gap:4px; overflow-x:auto; scrollbar-width:none; }
.evt-opp > .evt-tags .lo-tag { flex-shrink:0; padding:1px 6px; font-size:var(--kit-meta); line-height:18px; }
.evt-opp .evt-foot { flex-wrap:nowrap; gap:var(--rf-s2); margin-top:auto; }
.evt-opp .evt-cta { flex:1; min-width:0; padding-inline:10px; white-space:nowrap; }
.evt-opp .lo-applied { padding-inline:10px; white-space:nowrap; }
.evt-card-details { flex-shrink:0; }
.evt-card-details > summary { display:flex; list-style:none; min-height:48px; min-width:44px; padding:0 8px; box-sizing:border-box; }
.evt-card-details > summary::-webkit-details-marker { display:none; }
.evt-card-details[open] { z-index:5; }
.evt-opp:has(.evt-card-details[open]) { z-index:6; }
.evt-card-popover { position:absolute; inset:calc(100% - 8px) 8px auto; z-index:5; padding:16px; max-height:340px; overflow:auto; background:var(--overlay); color:var(--text-1); border:1px solid var(--line); border-radius:var(--r-row); box-shadow:var(--shadow-3); font:500 var(--kit-label)/1.6 var(--f-jp); }
.evt-card-popover a { color:var(--text-1); }
.evt-card-popover .evt-src { margin-left:0; }
@media (max-width:767px) {
  html.m-shell body[data-page="events"] .page-lead { margin-bottom:4px; row-gap:4px; }
  html.m-shell #panel-events { margin-top:4px !important; }
  html.m-shell .evt-update { display:none; }
  html.m-shell .evt-update-detail { display:block; }
  html.m-shell .evt-kpis.c-kpis { display:flex; flex-wrap:nowrap; gap:6px; overflow-x:auto; scrollbar-width:none; margin:0 0 4px; padding:0; background:none; box-shadow:none; }
  html.m-shell .evt-kpis .c-kpi-peers { display:contents; }
  html.m-shell .evt-kpis .evt-kpi-action { flex:0 0 auto; display:flex; align-items:center; gap:6px; min-height:40px; padding:0 12px; border:0; border-radius:var(--r-pill); background:var(--tray); box-shadow:none; }
  html.m-shell .evt-kpis .evt-kpi-action.c-kpi-hero { background:var(--lemon-wash); }
  html.m-shell .evt-kpis .c-kpi-label,html.m-shell .evt-kpis .c-kpi-value { margin:0; white-space:nowrap; font-size:var(--kit-label); line-height:1; }
  html.m-shell .evt-kpis .c-kpi-value small { display:none; }
  html.m-shell .evt-kpis [data-kind="official"],html.m-shell .evt-kpis [data-kind="numeric"] { display:none; }
  html.m-shell .evt-bar.c-filters { flex-direction:row; align-items:center; gap:6px; padding:0; margin-bottom:8px; background:none; box-shadow:none; overflow-x:auto; scrollbar-width:none; }
  html.m-shell .evt-mobile-bar,html.m-shell .evt-quick { flex-shrink:0; gap:4px; margin:0; }
  html.m-shell .evt-selected { display:none; }
  html.m-shell .evt-quick .c-chip { flex:0 0 auto; white-space:nowrap; }
  html.m-shell .evt-controls.is-inline-open { flex:0 0 100%; }
  html.m-shell .evt-bar:has(.is-inline-open) { flex-wrap:wrap; overflow:visible; }
  html.m-shell .evt-day { position:static; margin:12px 0 6px; padding:0; }
  html.m-shell .evt-day:first-child { margin-top:0; }
  html.m-shell .evt-day-pill { padding:4px 12px; font-size:16px; line-height:18px; }
  html.m-shell .evt-opp { padding:8px; gap:4px; }
  html.m-shell .evt-opp .evt-head { height:78px; gap:8px; }
  html.m-shell .evt-opp .evt-art { width:78px; height:78px; flex-basis:78px; }
  html.m-shell .evt-opp .evt-head-main { gap:2px; }
  html.m-shell .evt-opp .evt-foot .evt-cta { flex:1 1 0; width:auto; }
}

.evt-update-detail { display:none; }

/* R3: shared column lines and real content-sized date cells. */
@media (min-width:1100px) {
  .evt-kpis.c-kpis { grid-template-columns:calc((100% - 2 * var(--kit-gap)) / 3) minmax(0,1fr); }
  .evt-controls > .c-filter-row { display:grid; grid-template-columns:minmax(0,1fr) auto var(--row-number); column-gap:var(--rf-s3); }
  .evt-controls :is(.evt-games,.evt-types) { margin:0; width:calc(4em + var(--row-number) + var(--rf-s3) + var(--kit-touch)); }
  .evt-controls .evt-games,.evt-controls .evt-types > label { display:grid; grid-template-columns:4em minmax(0,1fr); gap:var(--rf-s3); align-items:center; width:100%; }
  .evt-controls .evt-games { width:calc(4em + var(--row-number) + var(--rf-s3) + var(--kit-touch)); }
  .evt-controls .evt-games > .evt-lab { text-align:right; }
  .evt-controls .evt-types > label { text-align:right; }
  .evt-controls :is(.evt-games,.evt-types) .evt-sel { width:100%; min-width:0; }
  .evt-controls .evt-details > summary { width:100%; box-sizing:border-box; padding-inline:var(--rf-s2); }
  .evt-controls [data-slot="datechip"] { grid-column:1/-1; }
  .evt-controls [data-slot="datechip"]:empty { display:none; }
}
html body[data-page="events"] .page-lead > .evt-update { flex-basis:100%; margin:0; order:3; }
html body[data-page="events"] #panel-events { margin-top:0 !important; }