/* Bare Ét Mere v4: kompakt mobilforside, foldbare løb og ryddelig praktisk info */
.home-features-compact { margin: 18px 0 28px; }
.race-list { display: grid; gap: 14px; margin-top: 22px; }
.race-accordion { background: #fff; border: 1px solid #e4e7ec; border-radius: 14px; overflow: hidden; }
.race-accordion summary { list-style: none; cursor: pointer; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.race-accordion summary::-webkit-details-marker { display: none; }
.race-summary-main { min-width: 0; }
.race-summary-main strong { display: block; font-size: 20px; }
.race-summary-meta { color: #667085; font-size: 15px; margin-top: 4px; }
.race-chevron { flex: 0 0 auto; font-size: 20px; transition: transform .2s ease; }
.race-accordion[open] .race-chevron { transform: rotate(180deg); }
.race-body { border-top: 1px solid #e4e7ec; padding: 4px 20px 22px; }
.practical-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 18px 0; padding: 0; list-style: none; }
.practical-grid li { background: #f7f8f4; border: 1px solid #e4e7ec; border-radius: 10px; padding: 14px; }
.practical-grid strong { display: block; margin-bottom: 3px; }
.notice-box { margin: 14px 0; padding: 15px 16px; border-radius: 10px; background: #fff8e7; border-left: 4px solid #f5a623; }
.time-box { margin: 14px 0; padding: 15px 16px; border-radius: 10px; background: #eef7ff; border-left: 4px solid #3b82f6; }
.club-box { margin-top: 18px; padding: 17px; border-radius: 10px; background: #f2f8df; }

@media (max-width:760px) {
  .hero { padding: 42px 20px 48px; }
  .hero h1 { font-size: clamp(44px,13vw,62px); }
  .home-features-compact { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .home-features-compact .mini-feature { background:#fff; border:1px solid #e4e7ec; border-radius:10px; padding:11px 10px; font-size:13px; line-height:1.25; }
  .home-features-compact .mini-feature strong { display:block; font-size:14px; }
  .race-accordion summary { padding:15px 14px; }
  .race-summary-main strong { font-size:17px; }
  .race-summary-meta { font-size:13px; }
  .race-body { padding:2px 14px 18px; }
  .practical-grid { grid-template-columns:1fr; gap:8px; }
  .practical-grid li { padding:11px 12px; }
}