/* everything.html — full archive page (extends a3.css) */

.everything-hero {
  padding: 80px 40px 48px;
  border-bottom: 1px solid var(--rule);
  background-image:
    radial-gradient(circle at 15% 85%, rgba(200, 122, 78, 0.10) 0%, transparent 50%),
    radial-gradient(circle at 85% 15%, rgba(42, 21, 48, 0.06) 0%, transparent 45%);
}
.everything-hero__head { max-width: 920px; }
.everything-hero__back {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink2);
  text-decoration: none;
  margin-bottom: 24px;
}
.everything-hero__back:hover { color: var(--accent); }
.everything-hero__title {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 120px;
  font-weight: 400;
  margin: 8px 0 16px;
  letter-spacing: -0.03em;
  line-height: 0.95;
  color: var(--ink);
}
.everything-hero__sub {
  font-family: var(--font-serif);
  font-size: 22px;
  line-height: 1.5;
  color: var(--ink2);
  max-width: 720px;
  margin: 0 0 32px;
}
.everything-hero__meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.everything-hero__count {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--ink2);
}
.everything-hero__download {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--ink);
  color: var(--bg);
  text-decoration: none;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 500;
}
.everything-hero__download:hover { background: var(--accent); }

.everything-section { padding: 48px 40px 80px; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.everything-search {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  margin-bottom: 24px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  background: var(--paper);
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.everything-search:focus-within {
  background: var(--bg);
  box-shadow: 0 0 0 3px rgba(200, 122, 78, 0.18);
}
.everything-search__label {
  color: var(--ink2);
  display: flex;
  align-items: center;
}
.everything-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font-family: var(--font-serif);
  font-size: 18px;
  color: var(--ink);
  padding: 4px 0;
}
.everything-search input::placeholder { color: var(--ink2); font-style: italic; }
.everything-search__hint {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--ink2);
  background: var(--bg);
  border: 1px solid var(--rule);
  border-radius: 6px;
  padding: 3px 8px;
  letter-spacing: 0.05em;
}
@media (max-width: 760px) {
  .everything-search__hint { display: none; }
  .everything-search input { font-size: 16px; }
}

mark.everything-hit {
  background: rgba(200, 122, 78, 0.28);
  color: inherit;
  padding: 0 2px;
  border-radius: 2px;
}

.everything-list {
  border-top: 1px solid var(--ink);
}
.everything-row {
  display: grid;
  grid-template-columns: 130px 160px 1fr auto;
  gap: 20px;
  align-items: baseline;
  padding: 16px 8px;
  border-bottom: 1px solid var(--rule);
  text-decoration: none;
  color: var(--ink);
  cursor: pointer;
  transition: background 0.15s ease;
}
.everything-row:hover { background: var(--paper); }
.everything-row[data-no-url] { cursor: default; }
.everything-row[data-no-url]:hover { background: transparent; }

.everything-row__date {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--ink2);
  letter-spacing: 0.05em;
}
.everything-row__label {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--bg);
  background: var(--ink2);
  padding: 4px 10px;
  border-radius: 999px;
  display: inline-block;
  white-space: nowrap;
  justify-self: start;
}
.everything-row__label[data-kind="article-authored"] { background: var(--ink); }
.everything-row__label[data-kind="podcast-host"]     { background: var(--accent); }
.everything-row__label[data-kind="podcast-guest"]    { background: #8a4f6e; }
.everything-row__label[data-kind="talk"]             { background: var(--ink); }
.everything-row__label[data-kind="interview"]        { background: #6b7a8a; }
.everything-row__label[data-kind="press-mention"]    { background: #a89072; color: var(--ink); }
.everything-row__label[data-kind="livestream"]       { background: #6b8a7a; }
.everything-row__label[data-kind="award"]            { background: var(--accent); }
.everything-row__label[data-kind="activity"]         { background: #8a7a6b; color: var(--ink); }
.everything-row__label[data-kind="advocacy"]         { background: #7a3a3a; }

.everything-row__title {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 400;
}
.everything-row__arrow {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 18px;
  color: var(--accent);
  justify-self: end;
}
.everything-row[data-no-url] .everything-row__arrow { color: var(--rule); }

.everything-empty {
  padding: 80px 24px;
  text-align: center;
  font-family: var(--font-serif);
  font-size: 22px;
  font-style: italic;
  color: var(--ink2);
}

/* Reuse archive filter chip styles from a3.css; just give the section a top
   margin and let the chips wrap. */
#everything-filters { margin-bottom: 24px; }

@media (max-width: 1100px) {
  .everything-hero__title { font-size: 88px; }
}
@media (max-width: 760px) {
  .everything-hero { padding: 48px 20px 32px; }
  .everything-hero__title { font-size: 56px; }
  .everything-hero__sub { font-size: 17px; }

  .everything-section { padding: 32px 20px 56px; }

  .everything-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 16px 0;
  }
  .everything-row__arrow { display: none; }
  .everything-row__title { font-size: 19px; }
}