.live-blog-section{background:linear-gradient(180deg, #F2FFF8 0%, #fff 360px);min-height:80vh;padding-bottom:6rem;font-family:'Outfit', sans-serif}.live-blog__hero{background:linear-gradient(90deg, #357960 0%, #357960 19%, #31c18b 81%);color:#fff;padding:3rem 0 2.5rem;margin-bottom:2.5rem;position:relative;overflow:hidden}.live-blog__hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 120%, rgba(174,255,189,0.3) 0%, transparent 55%);pointer-events:none}.live-blog__hero-inner{position:relative;z-index:1}.live-blog__title{font-size:clamp(2rem, 5vw, 3.4rem);font-weight:800;letter-spacing:-0.02em;margin:0.4rem 0 0.3rem;color:#fff;line-height:1.1}.live-blog__event-name{margin:0;opacity:0.92;font-size:1.05rem;font-weight:500;color:#fff}.live-blog__live-badge{display:inline-flex;align-items:center;gap:0.55rem;background:rgba(0,0,0,0.28);color:#fff;padding:0.4rem 0.95rem 0.4rem 0.7rem;border-radius:999px;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em}.live-blog__live-dot{width:0.55rem;height:0.55rem;border-radius:50%;background:#C96E5F;display:inline-block;flex-shrink:0;box-shadow:0 0 0 0 rgba(201,110,95,0.7)}.live-blog__live-badge--connected .live-blog__live-dot{animation:live-blog-pulse 1.6s infinite}@keyframes live-blog-pulse{0%{box-shadow:0 0 0 0 rgba(201,110,95,0.75)}70%{box-shadow:0 0 0 12px rgba(201,110,95,0)}100%{box-shadow:0 0 0 0 rgba(201,110,95,0)}}.live-blog__feed{display:flex;flex-direction:column}.live-blog__cards{display:flex;flex-direction:column}.live-blog__cards>.live-blog__card{margin-bottom:1rem}.live-blog__cards>.live-blog__card:last-child{margin-bottom:0}.live-blog__empty{background:#fff;border:1px dashed #C8E2D2;border-radius:0.75rem;padding:3rem 1.5rem;text-align:center;color:#6b7280;font-style:italic;margin:0}.live-blog__card{background:#fff;border:1.5px solid #E4EEE8;border-radius:0.85rem;padding:1rem 1.25rem;box-shadow:0 1px 3px rgba(40,90,65,0.04);transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, background-color 0.4s ease;position:relative;overflow:hidden}.live-blog__card:hover{border-color:#A9D5BB;box-shadow:0 6px 18px rgba(40,90,65,0.1);transform:translateY(-1px)}.live-blog__card--new{animation:live-blog-enter 0.55s cubic-bezier(0.2, 0.9, 0.25, 1) both,live-blog-highlight 1.4s ease-out 0.55s both}@keyframes live-blog-enter{0%{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0;transform:translateY(-8px)}100%{opacity:1;max-height:360px;margin-bottom:1rem;padding-top:1rem;padding-bottom:1rem;border-top-width:1.5px;border-bottom-width:1.5px;transform:translateY(0)}}@keyframes live-blog-highlight{0%{background:linear-gradient(180deg, #E6FBEF 0%, #fff 100%);border-color:var(--color-btn);box-shadow:0 0 0 4px rgba(50,153,98,0.22),0 8px 22px rgba(40,90,65,0.14)}100%{background:#fff;border-color:#E4EEE8;box-shadow:0 1px 3px rgba(40,90,65,0.04)}}.live-blog__card--leaving{animation:live-blog-leave 0.35s ease-in both;pointer-events:none}@keyframes live-blog-leave{0%{opacity:1;max-height:360px;margin-bottom:1rem}100%{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0;transform:translateY(-4px)}}.live-blog__card--updated{animation:live-blog-flash 0.9s ease-out both}@keyframes live-blog-flash{0%,100%{background:#fff}35%{background:#F2FFF8}}.live-blog__card--dsq{background:#FFF6F4;border-color:#F0CFC8}.live-blog__card--dsq:hover{border-color:var(--color-red)}.live-blog__card-header{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;padding-bottom:0.7rem;border-bottom:1px solid #EEF3F0;margin-bottom:0.7rem}.live-blog__time{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.05rem;color:#2B372D;letter-spacing:-0.01em}.live-blog__pill{display:inline-flex;align-items:center;gap:0.45rem;background:var(--color-0-opacity);color:var(--color-2);border:1px solid #B6DCC4;padding:0.3rem 0.8rem 0.3rem 0.35rem;border-radius:999px;font-size:0.75rem;font-weight:700;white-space:nowrap}.live-blog__pill-num{background:var(--color-btn);color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:800;flex-shrink:0}.live-blog__pill-label{text-transform:uppercase;letter-spacing:0.04em}.live-blog__distance-badge{margin-left:auto;background:linear-gradient(135deg, var(--color-btn) 0%, #2A8055 100%);color:#fff;padding:0.35rem 0.85rem;border-radius:0.5rem;font-weight:800;font-size:1rem;font-variant-numeric:tabular-nums;letter-spacing:-0.01em;box-shadow:0 2px 6px rgba(50,153,98,0.25)}.live-blog__distance-unit{font-size:0.75em;opacity:0.85;margin-left:0.1rem}.live-blog__distance-badge--full{background:linear-gradient(135deg, #E8A317 0%, #C96E5F 100%);text-transform:uppercase;letter-spacing:0.05em;box-shadow:0 2px 10px rgba(232,163,23,0.35);display:inline-flex;align-items:center;gap:0.3rem;cursor:help}.live-blog__star{display:inline-block;color:#FFE680;font-size:1.05em;line-height:1;filter:drop-shadow(0 0 4px rgba(255,230,128,0.6));animation:live-blog-star-spin 2.4s ease-in-out infinite}@keyframes live-blog-star-spin{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(15deg) scale(1.15)}}.live-blog__lane{margin:0.4rem 0 0;font-size:0.9rem;color:#4b5563;letter-spacing:0.01em}.live-blog__pull-label--full{color:#C96E5F;text-transform:uppercase;letter-spacing:0.04em;font-weight:800}.live-blog__card-body{display:flex;flex-direction:column;gap:0.3rem}.live-blog__name-row{display:flex;align-items:baseline;gap:0.55rem;flex-wrap:wrap}.live-blog__name{font-weight:700;color:var(--color-2);font-size:1.1rem}.live-blog__start-nr{color:#94a3b8;font-size:0.85rem;font-weight:600;font-variant-numeric:tabular-nums}.live-blog__tractor{margin-left:auto;color:#6b7280;font-size:0.9rem;font-weight:500}.live-blog__text{margin:0;color:#4b5563;font-size:0.98rem;line-height:1.5}.live-blog__text strong{color:var(--color-2);font-weight:800}.live-blog__text--dsq{color:var(--color-red);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;font-size:0.9rem}@media (max-width: 640px){.live-blog__hero{padding:2rem 0 1.75rem;margin-bottom:1.5rem}.live-blog__card{padding:0.9rem 1rem}.live-blog__card-header{gap:0.5rem}.live-blog__distance-badge{font-size:0.9rem;padding:0.3rem 0.65rem}.live-blog__name{font-size:1rem}.live-blog__text{font-size:0.92rem}}