.reflection{width:min(100% - 9rem,43rem);min-height:72svh;margin:5rem auto 7rem}.reflection__back{color:var(--muted);font-size:.8rem;text-decoration:none}.reflection__header{margin:5rem 0 3rem}.reflection__period{color:var(--accent,#b49bd4);font-family:var(--mono);letter-spacing:.18em;font-size:.75rem}.reflection__header h1{letter-spacing:-.025em;margin:1.25rem 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.reflection__description{color:var(--muted);line-height:1.8}.reflection__empty{color:var(--muted);margin-top:4rem;font-size:.95rem}.month-rail{z-index:20;width:4rem;font-family:var(--mono);position:fixed;top:50%;right:clamp(.75rem,4vw,5rem);transform:translateY(-50%)}.month-rail__year{color:var(--muted);text-align:right;padding:.6rem 0;font-size:.7rem;text-decoration:none;display:block}.month-rail ol{margin:0;padding:0;list-style:none}.month-rail li{margin:0;padding:0}.month-rail li a{justify-content:flex-end;align-items:center;gap:.8rem;height:33px;padding-left:.2rem;text-decoration:none;display:flex}.month-rail__number{opacity:.32;color:var(--muted);font-size:.6rem;transition:opacity .18s}.month-rail__tick{background:var(--muted);opacity:.3;border-radius:2px;width:12px;height:2px;transition:width .18s,background .18s,opacity .18s;display:block}.month-rail a[data-published=true] .month-rail__tick{opacity:.65}.month-rail a[aria-current=page],.month-rail a:hover,.month-rail a:focus-visible{color:var(--heading)}.month-rail a[aria-current=page] .month-rail__tick,.month-rail a:hover .month-rail__tick,.month-rail a:focus-visible .month-rail__tick{opacity:1;background:#a783d7;width:25px}.month-rail a[aria-current=page] .month-rail__number,.month-rail a:hover .month-rail__number,.month-rail a:focus-visible .month-rail__number{opacity:1}.month-rail a:focus-visible{outline-offset:2px;border-radius:3px;outline:1px solid #a783d7}@media (width<=600px){.reflection{width:auto;margin:3rem 5rem 5rem 1.5rem}.reflection__header{margin-top:3rem}.month-rail{width:3.2rem;right:.65rem}.month-rail li a{gap:.45rem;height:36px}}@media (height<=600px){.month-rail{top:5rem;bottom:1rem;overflow-y:auto;transform:none}}@media (prefers-reduced-motion:reduce){.month-rail__number,.month-rail__tick{transition:none}}