/* privacy/ledger.css: "What this page loaded", the live request ledger right of the title block.
   ledger.js fills it from the browser's own Resource Timing list. Matte and mono, no rules or grid lines.
   Rows print in the order the requests started. Two columns beside the short Privacy block; one when
   stacked on narrow screens. */
.ph__aside{--aside-w:36rem}
.lg{font:400 11px/1 var(--f-mono);color:var(--ink-3)}
.lg[hidden]{display:none}
.lg__h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 16px}
.lg__n{color:var(--ink-3);letter-spacing:.04em;text-transform:none}
.lg--ext .lg__n{color:var(--fire-ink)}
.lg__l{list-style:none;margin:0;padding:0}
.lg__r{position:relative;display:flex;align-items:baseline;gap:10px;height:20px;white-space:nowrap;break-inside:avoid}
.lg__p{flex:1 1 auto;min-width:0;display:flex}
/* the folder gives way first, then the name */
.lg__d{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink-3)}
.lg__f{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2)}
.lg__r--doc .lg__f{color:var(--cream)}
.lg__s{flex:none;min-width:6ch;text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}
/* a request to another site would read in fire, host and all: true by construction, so it never should */
.lg__r--ext .lg__d,.lg__r--ext .lg__f{color:var(--fire-ink)}
.lg__t{display:flex;flex-wrap:wrap;gap:4px 14px;margin:14px 0 0;font-size:11.5px;color:var(--ink-3)}
.lg__t b{font-weight:500;color:var(--cream);font-variant-numeric:tabular-nums}
.lg__t b.lg__z{color:var(--fire-ink)}
.lg__x{margin:10px 0 0;max-width:58ch;font-size:10.5px;line-height:1.55;letter-spacing:.01em;color:var(--ink-3);text-wrap:pretty}
.lg__c{display:inline-block;width:.55em;height:1.05em;margin-left:4px;vertical-align:-.2em;background:var(--fire-ink);
  animation:lg-blink 1.1s steps(1) infinite}
.lg--still .lg__c{animation-play-state:paused}
@keyframes lg-blink{50%{opacity:0}}

/* the replay: rows print in load order (ledger.js sets --i) */
.lg--play .lg__r{animation:lg-in .32s var(--e) both;animation-delay:calc(var(--i) * 48ms)}
@keyframes lg-in{from{opacity:0;translate:-6px 0}}

/* beside the block: two columns, read down then across */
@container aside (min-width:440px){.lg__l{columns:2;column-gap:30px}}
@media (max-width:1199px){.lg{max-width:34rem}}
@media (prefers-reduced-motion:reduce){
  .lg--play .lg__r{animation:none}
  .lg__c{animation:none}
}
/* stacked on a phone: the header's two parts on two lines */
@container aside (max-width:439px){.lg__h{flex-direction:column;align-items:flex-start;gap:7px}}