:root {
  --ink: #141414;
  --paper: #fbfbf8;
  --rule: #e4e0d6;
  --cobalt: #1c3fbf;
  --mute: #5e5a52;
  --archive: #8d2a2a;
}
* { box-sizing: border-box; }
html { font-size: 16px; }
body {
  margin: 0;
  padding: 1.15rem 1.4rem 2rem;
  color: var(--ink);
  background: var(--paper);
  font: 17px/1.55 Calibri, "Segoe UI", sans-serif;
}
a { color: inherit; }
.spread {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16rem;
  gap: 0 2.25rem;
  max-width: 68rem;
  margin: 0 auto;
  min-height: calc(100vh - 2.3rem);
}
.spread > * { min-width: 0; }
.sheet { padding: .2rem 0 2.5rem; }
.contents {
  position: sticky;
  top: 1.15rem;
  align-self: start;
  max-height: calc(100vh - 2.3rem);
  overflow: auto;
  padding: .15rem 0 .5rem 1.25rem;
  border-left: 1px solid var(--rule);
}
.mark {
  display: block;
  color: inherit;
  text-decoration: none;
  font-family: Constantia, "Palatino Linotype", Palatino, serif;
  font-size: 1.45rem;
  letter-spacing: -.03em;
}
.mark i { font-style: italic; color: var(--cobalt); }
.when { margin: .2rem 0 .7rem; color: var(--mute); font-size: .75rem; }
.chiefs a, .side a {
  display: block;
  text-decoration: none;
}
.chiefs a {
  padding: .48rem 0 .42rem .55rem;
  border-top: 1px solid var(--rule);
  font-size: 1.02rem;
  font-weight: 700;
}
.chiefs a.markets {
  color: var(--cobalt);
  font-size: 1.14rem;
}
.chiefs a.on { box-shadow: inset 3px 0 0 var(--cobalt); }
.side { margin-top: .9rem; }
.side a {
  padding: .22rem 0 .22rem .55rem;
  color: var(--mute);
  font-size: .82rem;
}
.side a.on { color: var(--cobalt); }
.hosts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem 1.1rem;
  margin: 0 0 1.15rem;
}
.hosts a {
  display: block;
  text-decoration: none;
  min-width: 0;
  padding: .55rem .7rem .6rem;
  background: #fff;
  border-top: 3px solid var(--cobalt);
}
.hosts b { display: block; font-size: 1.02rem; }
.hosts small { color: var(--mute); font-weight: 400; font-size: .72rem; }
.hosts span {
  display: block;
  margin-top: .18rem;
  font-family: Consolas, "Cascadia Mono", monospace;
  font-size: .68rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.hosts a.arch { border-top-color: var(--archive); }
.hosts a.arch span { color: var(--archive); }
h1 {
  margin: 0 0 .85rem;
  font-family: Constantia, "Palatino Linotype", Palatino, serif;
  font-weight: 400;
  font-size: 1.85rem;
  line-height: 1.15;
  letter-spacing: -.02em;
}
.copy h2, .copy h3 {
  font-family: Constantia, "Palatino Linotype", Palatino, serif;
  font-weight: 400;
  font-size: 1.25rem;
  margin: 1.35rem 0 .35rem;
}
.copy p { margin: .5rem 0; }
.copy a { text-decoration: underline; text-underline-offset: .14em; }
.queries { margin: .8rem 0 1.1rem; padding: .15rem 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.queries a { display: inline-block; margin: .28rem .7rem .28rem 0; text-decoration: none; border-bottom: 1px solid var(--cobalt); font-size: .92rem; }
.dates { list-style: none; padding: 0; margin: .4rem 0 1rem; }
.dates li { display: grid; grid-template-columns: 8.2rem 1fr; gap: .6rem; border-top: 1px solid var(--rule); padding: .55rem 0; }
.dates b { font-weight: 700; font-size: .82rem; }
.entries { margin: .3rem 0 1rem; }
.entry {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  column-gap: .7rem;
  text-decoration: none;
  padding: .7rem 0;
  border-top: 1px solid var(--rule);
}
.entry > * { grid-column: 2; min-width: 0; }
.entry em {
  grid-column: 1;
  grid-row: 1 / span 5;
  font-style: normal;
  font-family: Constantia, Palatino, serif;
  color: var(--cobalt);
  font-size: 1.05rem;
}
.entry i { font-style: normal; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--mute); }
.entry.archive i { color: var(--archive); }
.entry strong { font-size: 1.15rem; letter-spacing: -.02em; }
.entry .host, .onion {
  display: block;
  font-family: Consolas, "Cascadia Mono", monospace;
  font-size: .75rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.entry .more, .host.quiet { color: var(--mute); font-size: .78rem; }
.entry > span:last-child { color: var(--mute); font-size: .92rem; }
.vault { border-top: 2px solid var(--ink); padding: .7rem 0 .2rem; margin-bottom: .6rem; }
.vault.empty { border-top-color: var(--rule); }
.kicker, .fine, .see { font-size: .8rem; color: var(--mute); }
.onion { background: #fff; border-left: 3px solid var(--cobalt); padding: .55rem .7rem; margin: .35rem 0; }
.warn, .warning-box { border-left: 3px solid var(--archive); color: var(--archive); background: #f8eeec; padding: .7rem .8rem; margin: 0 0 .8rem; }
.ledger, .index { list-style: none; padding: 0; margin: .3rem 0 1rem; }
.ledger li { display: grid; grid-template-columns: 6.4rem 1fr; gap: .6rem; border-top: 1px solid var(--rule); padding: .55rem 0; }
.ledger a, .index a { text-decoration: none; }
.ledger a:hover, .index a:hover { text-decoration: underline; }
.ledger time { font-size: .78rem; color: var(--mute); }
.index { columns: 2; column-gap: 1.5rem; }
.index li { break-inside: avoid; margin: .25rem 0; }
.grid, .seo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem 1.2rem; margin: .8rem 0; }
.seo-card, article.card { border-top: 1px solid var(--rule); padding: .7rem 0; }
.btn, .seo-btn { display: inline-block; margin-top: .3rem; font-size: .85rem; text-decoration: none; border-bottom: 1px solid var(--cobalt); }
table.status, table.seo-status { width: 100%; border-collapse: collapse; margin: .8rem 0; font-size: .92rem; }
table.status th, table.status td, table.seo-status th, table.seo-status td { border-bottom: 1px solid var(--rule); padding: .4rem .3rem; text-align: left; vertical-align: top; }
.colophon { margin: 1.5rem 0 0; padding: 0; font-size: .78rem; color: var(--mute); }
ol { padding-left: 1.15rem; }
ol li { margin: .3rem 0; }
.lead { font-size: 1.02rem; }
@media (max-width: 900px) {
  body { padding: .85rem .9rem 1.5rem; }
  .spread { grid-template-columns: 1fr; gap: 0; }
  .contents {
    position: static;
    max-height: none;
    overflow: visible;
    order: -1;
    padding: 0 0 .7rem;
    margin-bottom: .8rem;
    border-left: 0;
    border-bottom: 1px solid var(--rule);
  }
  .mark { font-size: 1.2rem; }
  .chiefs, .side { display: flex; flex-wrap: wrap; gap: .25rem .85rem; }
  .side { margin-top: .35rem; }
  .chiefs a, .side a { border-top: 0; padding: .12rem 0; }
  .chiefs a.markets { font-size: 1.02rem; }
  .hosts { grid-template-columns: 1fr 1fr; }
  h1 { font-size: 1.45rem; }
  .dates li, .ledger li { grid-template-columns: 1fr; gap: .1rem; }
  .index, .grid, .seo-grid { columns: 1; grid-template-columns: 1fr; }
}