.dtl{--dtl-good:#1b5c43;--dtl-avoid:#8e3828;--dtl-thread:color-mix(in srgb,var(--gold) 70%,var(--text));max-width:40rem;margin:clamp(2rem,5vw,2.75rem) 0 0}.dtl__title{margin:0 0 .9rem;font-size:.875rem;color:var(--text-3)}.dtl__list{margin:0;padding:0;list-style:none}.dtl__row{display:grid;grid-template-columns:7.25rem 22px minmax(0,1fr);column-gap:14px}.dtl__time{padding:.75rem 0;font-size:.875rem;line-height:1.35;font-variant-numeric:tabular-nums;text-align:right;color:var(--text)}.dtl__time span{display:block;color:var(--text-3)}.dtl__rail{position:relative}.dtl__rail:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1.5px;margin-left:-.75px;background:var(--dtl-thread)}.dtl__row[data-kind=avoid] .dtl__rail:before,.dtl__row[data-kind=good] .dtl__rail:before{top:4px;bottom:4px;width:8px;margin-left:-4px;border-radius:4px}.dtl__row[data-kind=good] .dtl__rail:before{background:var(--dtl-good)}.dtl__row[data-kind=avoid] .dtl__rail:before{background:var(--dtl-avoid)}.dtl__row[data-moment] .dtl__rail:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--bg-canvas);box-shadow:inset 0 0 0 1.5px var(--dtl-thread)}.dtl__row[data-moment=start] .dtl__rail:before{top:50%}.dtl__row[data-moment=end] .dtl__rail:before{bottom:50%}.dtl__now{position:absolute;top:1.1rem;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg-canvas);box-shadow:inset 0 0 0 3px var(--text)}.dtl__what{padding:.75rem 0;border-bottom:1px solid var(--hairline);font-size:1rem;line-height:1.45;color:var(--text-2)}.dtl__what b{font-weight:600;color:var(--text)}.dtl__row[data-kind=good] .dtl__what b{color:var(--dtl-good)}.dtl__row[data-kind=avoid] .dtl__what b{color:var(--dtl-avoid)}.dtl__what small{display:block;margin-top:2px;font-size:.8125rem;color:var(--text-3)}.dtl__row[data-moment] .dtl__what{border-bottom:0;font-size:.875rem;color:var(--text-3)}.dtl__pill{display:inline-block;margin:0 0 .35rem;padding:2px 9px;border-radius:999px;background:var(--text);color:var(--bg-canvas);font-size:.75rem;font-weight:600}.dtl__row[data-now] .dtl__what{padding-top:.6rem}.dtl__row[data-past]>*{opacity:.45}.dtl[data-wide] .dtl__row{grid-template-columns:8.5rem 22px minmax(0,1fr)}@media (max-width:600px){.dtl__row{grid-template-columns:5.9rem 20px minmax(0,1fr);column-gap:10px}.dtl__time{font-size:.8125rem}.dtl[data-wide] .dtl__row{grid-template-columns:7.25rem 20px minmax(0,1fr)}.dtl__what{font-size:.9375rem}}