@layer pages{.pg-dateline{--dateline-row:var(--space-32);padding:var(--space-24) var(--space-24) var(--space-32);background:var(--ink-raised);box-shadow:inset 0 1px 0 var(--line), inset 0 -1px 0 var(--line);font:var(--fw-meta) var(--fs-meta) / var(--lh-meta) var(--font-mono);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--paper-dim)}.pg-dateline__head{justify-content:space-between;gap:var(--space-8) var(--space-24);margin:0 0 var(--space-24);flex-wrap:wrap;display:flex}.pg-dateline__count{color:var(--signal-strong)}.pg-dateline__sep{color:var(--paper-faint)}.pg-dateline__plot{padding-block-start:var(--space-32);position:relative}.pg-dateline__month{top:0;bottom:0;left:var(--x);box-shadow:inset 1px 0 0 var(--line);color:var(--paper-faint);padding-inline-start:var(--space-8);position:absolute}.pg-dateline__rows{margin:0;padding:0;list-style:none;position:relative}.pg-dateline__row{height:var(--dateline-row);position:relative}.pg-dateline__row:before{content:"";width:var(--x);height:var(--pixel-size);background:linear-gradient(90deg, var(--line-strong) 0 var(--pixel-size), transparent var(--pixel-size)) 0 0 / calc(3 * var(--pixel-size)) 100%;position:absolute;top:50%;left:0;translate:0 -50%}.pg-dateline__row:after{content:"";left:var(--x);width:var(--space-8);height:var(--space-8);background:var(--signal);position:absolute;top:50%;translate:-50% -50%}.pg-dateline__row--latest:after{background:var(--signal-strong);box-shadow:0 0 0 var(--space-4) var(--ink-raised), 0 0 0 calc(var(--space-4) + var(--pixel-size)) var(--signal)}.pg-dateline__label{top:50%;left:var(--x);gap:var(--space-12);padding-inline:var(--space-8);translate:var(--space-12) -50%;white-space:nowrap;background:var(--ink-raised);display:flex;position:absolute}.pg-dateline__row--flip .pg-dateline__label{translate:calc(-100% - var(--space-12)) -50%}.pg-dateline__label b{font-weight:inherit;color:var(--paper)}@media (width>=1024px){.pg-dateline{--dateline-row:calc(var(--space-32) + var(--space-12));padding:var(--space-32) var(--space-32) var(--space-48);font-size:calc(1.5 * var(--fs-meta))}.pg-dateline__head{margin-block-end:var(--space-32)}.pg-dateline__plot{padding-block-start:var(--space-48)}.pg-dateline__row:after{width:var(--space-12);height:var(--space-12)}}@media (width<=767px){.pg-dateline{--dateline-row:var(--space-48);padding:var(--space-16) var(--space-16) var(--space-24)}.pg-dateline__head{margin-block-end:var(--space-16)}.pg-dateline__label{flex-direction:column;gap:0}.pg-dateline__row--flip .pg-dateline__label{text-align:end}}}
