/* Local events page. Builds on the editorial-home palette in home.css. */
/* Feed shares the 1328px container (left edge = hero/tabs); rows keep a readable 960px width. */
#events-feed { max-width: 1328px; }
#events-feed > * { max-width: 960px; }
.events-status { color: #5A6B80; padding: 40px 0; text-align: center; }
.events-day { margin-top: 32px; }
.events-day-head { display: flex; align-items: baseline; gap: 10px; padding-bottom: 10px; border-bottom: 2px solid #3F8478; }
.events-day-head h3 { font-family: 'Pretendard Variable','Pretendard','Noto Sans KR',-apple-system,system-ui,sans-serif; font-weight: 800; font-size: 20px; letter-spacing: -.04em; color: #1E3A5F; }
.events-day-head span { color: #5A6B80; font-size: 13px; }
.events-day.is-today .events-day-head h3 { color: #3F8478; }
.event-row { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid #EADFCB; }
.event-time { color: #3F8478; font-size: 14px; font-weight: 700; white-space: nowrap; }
.event-time.is-muted { color: #8E9CB0; font-weight: 400; }
.event-main { min-width: 0; }
.event-title { font-size: 17px; line-height: 1.5; letter-spacing: -.03em; word-break: keep-all; overflow-wrap: anywhere; color: #1E3A5F; }
.event-title a { color: inherit; text-decoration: none; }
.event-title a:hover { color: #3F8478; text-decoration: underline; }
.event-orig { color: #7A8AA0; font-size: 12px; margin-top: 2px; overflow-wrap: anywhere; }
.event-sub { color: #5A6B80; font-size: 13px; margin-top: 4px; }
.event-place { color: #5A6B80; font-size: 13px; margin-top: 6px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.event-region { display: inline-block; padding: 1px 7px; border: 1px solid #DDD0B8; border-radius: 999px; color: #3F8478; font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.event-actions { display: flex; gap: 8px; }
.event-actions a { display: inline-block; padding: 8px 12px; border: 1px solid #3F8478; border-radius: 6px; color: #3F8478; font-size: 13px; text-decoration: none; white-space: nowrap; min-height: 36px; box-sizing: border-box; }
.event-actions a.primary { background: #3F8478; color: #fff; }
.event-actions a:hover { background: #2F6B61; color: #fff; }
.events-note { color: #5A6B80; font-size: 12px; line-height: 1.7; margin-bottom: 12px; }
@media (max-width: 640px) {
  .event-row { grid-template-columns: 58px minmax(0, 1fr); gap: 12px; }
  .event-actions { grid-column: 2; }
  .event-title { font-size: 16px; }
}
.editorial-home a.logo-container { text-decoration: none; }
.events-filter { display: flex; gap: 8px; margin-top: 18px; overflow-x: auto; padding-bottom: 4px; }
.events-tab { flex-shrink: 0; min-height: 40px; padding: 8px 16px; border: 1px solid #DDD0B8; border-radius: 999px; background: transparent; color: #5A6B80; font: inherit; font-size: 14px; cursor: pointer; }
.events-tab:hover { border-color: #3F8478; color: #3F8478; }
.events-tab.active { background: #3F8478; border-color: #3F8478; color: #fff; font-weight: 700; }
.events-hint { color: #7A8AA0; font-size: 12px; margin-top: 8px; min-height: 1em; }
/* Scale bars (1 동네 → 4 세계적) + category icon + location controls */
.event-when { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.scale-bars { display: inline-flex; align-items: flex-end; gap: 2px; height: 14px; }
.scale-bars i { display: block; width: 4px; border-radius: 1px; background: #EADFCB; }
.scale-bars i:nth-child(1) { height: 5px; }
.scale-bars i:nth-child(2) { height: 8px; }
.scale-bars i:nth-child(3) { height: 11px; }
.scale-bars i:nth-child(4) { height: 14px; }
.scale-1 i.on { background: #9db3a6; }
.scale-2 i.on { background: #4f8f73; }
.scale-3 i.on { background: #3F8478; }
.scale-4 i.on { background: #d08a1c; }
.event-row.scale-row-4 { background: linear-gradient(90deg, #fbf1dc, rgba(251, 241, 220, 0) 70%); box-shadow: inset 3px 0 0 #d08a1c; padding-left: 12px; }
.event-row.scale-row-3 .event-title { font-weight: 700; }
.event-row.scale-row-1 .event-title { color: #3C5878; }
.event-icon { display: inline-block; width: 1.5em; font-size: 16px; }
.event-dist { color: #fff; background: #3F8478; border-radius: 999px; padding: 1px 8px; font-size: 11px; font-weight: 700; }
.events-controls { margin-top: 18px; }
.loc-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.zip-form { display: flex; gap: 6px; }
.zip-input { width: 96px; min-height: 40px; padding: 8px 12px; border: 1px solid #DDD0B8; border-radius: 999px; background: #fff; font: inherit; font-size: 14px; color: #1E3A5F; box-sizing: border-box; }
.zip-input:focus { outline: 2px solid #3F8478; outline-offset: 1px; }
.radius-row { display: flex; gap: 6px; flex-wrap: wrap; }
.loc-chip { min-height: 40px; padding: 8px 14px; border: 1px solid #DDD0B8; border-radius: 999px; background: transparent; color: #3C5878; font: inherit; font-size: 14px; cursor: pointer; }
.loc-chip:hover { border-color: #3F8478; color: #3F8478; }
.loc-chip.active { background: #3F8478; border-color: #3F8478; color: #fff; font-weight: 700; }
.loc-chip.loc-clear { padding: 8px 12px; }
.loc-status { color: #b0452f; font-size: 12px; min-height: 1em; margin: 6px 0 0; }
.scale-legend { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.legend-chip { min-height: 34px; padding: 5px 12px; font-size: 12px; }
.legend-chip.is-dim { opacity: .4; }
.legend-chip.active { background: #f2efe4; color: #1E3A5F; border-color: #3F8478; }
.scale-legend-item { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 640px) {
  .event-row.scale-row-4 { padding-left: 8px; }
  .zip-input { width: 88px; }
}