.compare-hero{text-align:center;padding:var(--space-8) 0 var(--space-6)}.compare-hero__flag{font-size:2rem;margin-bottom:var(--space-2)}.compare-hero__label{font-size:var(--text-sm);color:var(--ink-2);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.compare-hero__holiday{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2);overflow-wrap:break-word;text-wrap:balance}.compare-hero__date{font-size:var(--text-base);color:var(--ink-2);margin:0}.compare-countdowns{padding:var(--space-6) 0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7)}.compare-side{text-align:center;min-width:0}.compare-side__header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.compare-side__flag{font-size:1.5rem}.compare-side__name{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.compare-side__holiday{font-size:var(--text-lg);font-weight:var(--weight-medium);margin:0 0 var(--space-1);overflow-wrap:break-word}.compare-side__holiday a{color:var(--ink);text-decoration:none}.compare-side__holiday a:hover{color:var(--accent)}.compare-side__date{font-size:var(--text-sm);color:var(--ink-2);margin:0 0 var(--space-4)}.compare-timer{display:grid;grid-template-columns:repeat(4,minmax(68px,96px));justify-content:center;gap:var(--space-3)}.compare-timer .timer-box{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:14px 8px 10px}.compare-timer .num{font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;margin-bottom:0}.compare-timer .label{font-size:var(--text-2xs);color:var(--ink-2);letter-spacing:var(--tracking-wider);text-transform:uppercase}.compare-sentiment{margin-top:var(--space-3);font-size:var(--text-sm)}.compare-divider{border:0;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);margin:0}.compare-overlap{padding:var(--space-7) 0}.compare-overlap h2{margin:0 0 var(--space-2)}.compare-overlap__sub{margin:0 0 var(--space-5);color:var(--ink-2);font-size:var(--text-sm);max-width:56ch}.compare-overlap__empty{margin:0;color:var(--ink-2)}.overlap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.overlap-item{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid rgba(204,119,34,.25);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 4%,transparent)}.overlap-item__days{flex-shrink:0;font-weight:var(--weight-bold);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.overlap-item__range{font-weight:var(--weight-medium);white-space:nowrap}.overlap-item__reasons{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--ink-2);font-size:var(--text-sm);min-width:0}.overlap-item__reason{overflow-wrap:break-word;min-width:0}.compare-timeline{padding:var(--space-7) 0}.compare-timeline h2{margin:0 0 var(--space-5)}.timeline-list{list-style:none;margin:0;padding:0}.timeline-item{display:grid;grid-template-columns:100px auto 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 6%,transparent)}.timeline-item:last-child{border-bottom:0}.timeline-date{font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.timeline-flag{font-size:1.2rem;text-align:center}.timeline-name{font-weight:var(--weight-medium)}.timeline-name a{color:var(--ink);text-decoration:none}.timeline-name a:hover{color:var(--accent)}.timeline-type{font-size:var(--text-xs);color:var(--ink-2);text-align:right}.timeline-item--shared{background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:var(--radius-sm);padding-left:var(--space-3);padding-right:var(--space-3)}@media(max-width:640px){.compare-grid{grid-template-columns:1fr;gap:var(--space-5)}.compare-timer{gap:var(--space-2)}.compare-side+.compare-side{padding-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.overlap-item{flex-direction:column;gap:var(--space-1)}.overlap-item__range{white-space:normal}.timeline-item{grid-template-columns:1fr;gap:var(--space-1)}.timeline-date{order:1}.timeline-flag{display:inline}.timeline-name{order:0}.timeline-name:before{content:attr(data-flag) " "}.timeline-flag{display:none}.timeline-type{order:2;text-align:left}.compare-hero__holiday{font-size:var(--text-xl)}}@media(max-width:360px){.compare-timer{grid-template-columns:repeat(2,minmax(68px,120px))}}
