.writing-list{--at-year:2/3;--at-date:3/4;--at-gloss:11/-1;--at-band:2/14;--tl-h:141px}@media (max-width:1023px){.writing-list{--at-year:1/2;--at-band:1/-1}}.writing-list .empty{grid-column:var(--at-text);margin:45px 0 0;color:var(--ink-soft)}.writing-list .topics{display:flex;flex-wrap:wrap;gap:2px 18px;margin-top:18px;font-size:13px;line-height:2}.writing-list .topics a{color:var(--ink-soft);font-weight:inherit;text-decoration:none}.writing-list .topics a span{margin-inline-start:5px;font-size:11px;opacity:.8}.writing-list .topics a[aria-current=page]{color:var(--ink-strong);text-decoration:underline;text-decoration-color:var(--link-hover);text-decoration-thickness:1px;text-underline-offset:7px}.writing-list .topics a:hover{color:var(--link-hover)}.writing-list .tl{grid-column:1/-1;display:grid;grid-template-columns:subgrid;position:sticky;top:0;z-index:5;margin-top:24px;padding:18px 0 6px;border-bottom:1px solid var(--rule);background:var(--paper);overflow-x:clip}.writing-list .tl-in{grid-column:var(--at-band);position:relative;direction:ltr;font:10px var(--font-mono)}.writing-list .hist{position:relative;height:64px}.writing-list .bar{position:absolute;bottom:0;width:.3%;min-height:2px;background:var(--ink-soft);opacity:.7;transition:opacity .2s}.writing-list .bar:is(:hover,:focus-visible){background:var(--link-hover);opacity:1}.writing-list .bar:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;padding:3px 7px;border:1px solid var(--rule);border-radius:4px;background:var(--paper);color:var(--ink-strong);font:11px/1.6 Vazirmatn Variable,system-ui,sans-serif;white-space:nowrap;unicode-bidi:plaintext;translate:-50% 0;opacity:0;pointer-events:none}.writing-list .bar:is(:hover,:focus-visible):after{opacity:1}.writing-list .quiet{position:absolute;bottom:0;height:26px;border:1px dashed var(--rule);border-bottom:0;color:var(--ink-soft);font:11px/24px Vazirmatn Variable,system-ui,sans-serif;text-align:center;white-space:nowrap;unicode-bidi:plaintext;overflow:hidden}.writing-list .lane{position:relative;height:52px}.writing-list .cursor{position:absolute;top:0;bottom:18px;width:1px;margin-left:-.5px;background:var(--link-hover);transition:left .25s var(--ease)}.writing-list .cursor:before{content:"";position:absolute;top:-3px;left:-3px;width:7px;height:7px;border-radius:50%;background:var(--link-hover)}.writing-list .year{grid-column:1/-1;display:grid;grid-template-columns:subgrid;margin-top:48px}.writing-list .year>h2{grid-column:var(--at-year);grid-row:1;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}.writing-list .year>h2>span{position:sticky;top:calc(var(--tl-h) + 24px);display:flex;flex-direction:column;align-items:flex-end;padding-top:2px}.writing-list .year b{color:var(--ink-strong);font-size:22px;font-weight:600;line-height:1.6}.writing-list .year small{color:var(--ink-soft);font-size:11px;line-height:1.6}.writing-list .year>ol{grid-row:1;margin:0;padding:0;list-style:none}.writing-list .year li,.writing-list .year>ol{grid-column:1/-1;display:grid;grid-template-columns:subgrid}.writing-list .year li{align-items:baseline;scroll-margin-top:calc(var(--tl-h) + 24px)}.writing-list .line{grid-column:var(--at-text);grid-row:1;display:flex;align-items:baseline;gap:10px;padding:6.5px 0;text-decoration:none}.writing-list .line b{color:var(--ink-strong);font-size:16px;font-weight:500;line-height:25px;text-wrap:pretty}.writing-list .leader{flex:1;min-width:2em;border-bottom:1px dotted var(--ink-soft);translate:0 -.4em}.writing-list .line time{color:var(--ink-soft);font-size:12.5px;white-space:nowrap}.writing-list .year li>.when{grid-column:var(--at-date);grid-row:1;justify-self:end;color:var(--ink-soft);font-size:11px;letter-spacing:.06em;white-space:nowrap;opacity:0;transition:opacity .2s var(--ease)}.writing-list .year li>.gloss{grid-column:var(--at-gloss);grid-row:1;align-self:start;height:0;margin:0;padding-top:8px;color:var(--ink-soft);font-size:11px;line-height:1.55;opacity:0;translate:-6px 0;pointer-events:none;transition:opacity .2s var(--ease),translate .3s var(--ease)}.writing-list .gloss span{display:block;margin-top:3px;color:var(--ink)}.writing-list .year li:is(:hover,:focus-within,.flash) b{color:var(--link-hover)}.writing-list .year li:is(:hover,:focus-within,.flash) .leader{border-color:var(--link-hover)}.writing-list .year li:is(:hover,:focus-within,.flash) time{visibility:hidden}.writing-list .year li:is(:hover,:focus-within,.flash)>:is(.when,.gloss){opacity:1;translate:0 0}@media (max-width:1023px){.writing-list .year li>:is(.when,.gloss){display:none}.writing-list .year li:is(:hover,:focus-within,.flash) time{visibility:visible}}@media (max-width:719px){.writing-list .year{margin-top:36px}.writing-list .year>h2{grid-column:1/-1;grid-row:auto;margin-bottom:4px}.writing-list .year>h2>span{position:static;flex-direction:row;align-items:baseline;gap:12px;padding:0 0 4px}.writing-list .year>ol{grid-row:auto}.writing-list .quiet{display:none}}@media (prefers-reduced-motion:reduce){.writing-list .cursor,.writing-list .year li>:is(.when,.gloss){transition:none;translate:none}}