.timeline-page{--tl-pad:clamp(1rem, 3vw, 1.75rem);width:100%;max-width:720px;padding:.75rem var(--tl-pad) 2rem;margin:0 auto;container:timeline/inline-size}.timeline-page .tl-masthead{flex-direction:column;gap:.125rem;padding-block-start:.25rem;padding-block-end:.625rem;display:flex}.timeline-page .tl-title-row{align-items:baseline;gap:.375rem;display:flex;position:relative}.timeline-page .tl-title{font-family:var(--gp-display);letter-spacing:-.02em;color:var(--gp-ink);white-space:nowrap;text-overflow:ellipsis;margin-inline-start:-.375rem;margin-inline-end:-.375rem;padding-inline-start:.375rem;padding-inline-end:.375rem;font-size:clamp(1.5rem,5cqi,1.75rem);font-weight:600;line-height:1.15;overflow:hidden}.timeline-page .tl-controls{flex-shrink:0;align-self:center;align-items:center;gap:.875rem;margin-left:auto;padding-right:2.875rem;display:flex}.timeline-page .tl-controls .search-field{position:absolute;top:50%;right:0;translate:0 -50%}.timeline-page .tl-tabs{gap:.875rem;display:flex}.timeline-page .tl-tabs button{color:var(--gp-ink-faint);cursor:pointer;transition:color .15s var(--gp-ease), border-color .15s var(--gp-ease);background:0 0;border:0;border-bottom:2px solid #0000;padding:.375rem .0625rem;font-size:.8125rem;font-weight:600}.timeline-page .tl-tabs button:where(:hover){color:var(--gp-ink-muted)}.timeline-page .tl-tabs button:where([aria-pressed=true]){color:var(--gp-ink);border-bottom-color:var(--gp-accent)}.timeline-page .tl-controls :where(.tl-tabs,.tl-pager){transition:opacity .15s var(--gp-ease)}@media (prefers-reduced-motion:reduce){.timeline-page .tl-controls :where(.tl-tabs,.tl-pager){transition:none}}.timeline-page .tl-controls:has(.search-field:where(:focus-within,.is-open)) :where(.tl-tabs,.tl-pager){opacity:0;pointer-events:none}.timeline-page .tl-pager{background:var(--gp-surface);border-radius:10px;gap:1px;padding:2px;display:flex}.timeline-page .tl-page-btn{width:1.625rem;height:1.625rem;color:var(--gp-ink-muted);cursor:pointer;transition:color .15s var(--gp-ease), background .15s var(--gp-ease);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.timeline-page .tl-page-btn:where(:hover:not(:disabled)){color:var(--gp-ink);background:var(--gp-ground)}.timeline-page .tl-page-btn:where(:disabled){opacity:.25;cursor:not-allowed}.timeline-page .tl-date{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s var(--gp-ease);background:0 0;border:0;border-radius:9px;margin-inline-start:-.375rem;margin-inline-end:-.375rem;padding:.0625rem .375rem}.timeline-page .tl-date:where(:hover){background:var(--gp-surface)}.timeline-page .tl-weekday{color:var(--gp-ink-faint);white-space:nowrap;text-overflow:ellipsis;margin-left:.375rem;font-size:.8125rem;font-weight:600;overflow:hidden}@container timeline (width<=28rem){.timeline-page .tl-weekday{display:none}}.timeline-page .tl-date-input{opacity:0;pointer-events:none;position:absolute;top:100%;bottom:auto;left:0;right:auto}.timeline-page .tl-count{font-variant-numeric:tabular-nums;color:var(--gp-ink-faint);flex-shrink:0;font-size:.6875rem}.timeline-page .tl-empty{color:var(--gp-ink-faint);flex-direction:column;align-items:center;gap:.625rem;padding:clamp(2.5rem,14cqi,4rem) 1rem;font-size:.875rem;display:flex}.timeline-page .tl-empty-sub{margin-top:-.25rem;font-size:.75rem}.timeline-page .tl-sentinel{height:1px}