.encyclopedia-main {
  max-width: 1440px;
}

.encyclopedia-hero,
.world-hero,
.community-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: end;
}

.encyclopedia-topic-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.encyclopedia-topic-card {
  min-height: 250px;
  padding: clamp(20px, 3vw, 32px);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  display: flex;
  flex-direction: column;
}

.encyclopedia-topic-card h2,
.article-section h2,
.community-task h2 {
  margin: 8px 0 12px;
}

.encyclopedia-topic-card p,
.community-task p {
  color: var(--muted);
}

.topic-card-meta {
  margin-top: auto;
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: .82rem;
}

.topic-card-meta a,
.community-task a,
.world-route-grid a {
  color: var(--blue-dark);
  font-weight: 700;
}

.article-review-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}

.article-review-strip span {
  border: 1px solid var(--line);
  padding: 8px 12px;
  background: var(--paper-soft);
  font-size: .78rem;
}

.encyclopedia-fact-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.encyclopedia-fact {
  padding: 20px;
  border-right: 1px solid var(--line);
}

.encyclopedia-fact:last-child {
  border-right: 0;
}

.encyclopedia-fact p {
  margin: 0 0 20px;
  font-weight: 650;
}

.encyclopedia-fact small {
  color: var(--muted);
}

.article-layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 760px);
  gap: clamp(32px, 6vw, 96px);
  max-width: 1120px;
  margin: 0 auto;
  padding: 32px clamp(18px, 4vw, 48px) 64px;
}

.article-toc {
  position: sticky;
  top: 96px;
  align-self: start;
  display: grid;
  gap: 10px;
  padding-left: 16px;
  border-left: 2px solid var(--line);
  font-size: .86rem;
}

.article-toc a {
  color: var(--muted);
}

.article-section {
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}

.article-section p {
  max-width: 72ch;
  font-size: 1.04rem;
  line-height: 1.72;
}

.inline-source-list,
.encyclopedia-source-list {
  list-style: none;
  padding: 0;
}

.inline-source-list li,
.encyclopedia-source-list li {
  border-top: 1px solid var(--line);
}

.inline-source-list a,
.encyclopedia-source-list a {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 0;
}

.inline-source-list span,
.encyclopedia-source-list span {
  color: var(--muted);
  font-size: .78rem;
  text-align: right;
}

.encyclopedia-timeline {
  list-style: none;
  padding: 0;
}

.encyclopedia-timeline li {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 20px;
  padding: 16px 0;
  border-top: 1px solid var(--line);
}

.encyclopedia-timeline time {
  font-family: var(--font-mono);
  color: var(--blue-dark);
}

.contribution-callout {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  background: var(--paper-soft);
}

.community-task-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.community-task {
  min-height: 280px;
  padding: 28px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
}

.community-task:last-child {
  border-right: 0;
}

.community-task > span {
  font-family: var(--font-mono);
  color: var(--muted);
}

.community-task a {
  margin-top: auto;
}

.community-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 0;
  list-style-position: inside;
  background: var(--line);
}

.community-flow li {
  padding: 24px;
  background: var(--paper);
}

.world-route-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.world-route-grid a {
  min-height: 180px;
  padding: 28px;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.world-route-grid a:last-child {
  border-right: 0;
}

.world-route-grid span {
  color: var(--muted);
  font-weight: 400;
}

.encyclopedia-hub-search {
  max-width: 720px;
  margin-block: 28px;
}

.encyclopedia-hub-search label,
.community-form label,
.community-status label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: .86rem;
  font-weight: 650;
}

.encyclopedia-hub-search > div {
  display: grid;
  grid-template-columns: 1fr auto;
  border-bottom: 2px solid var(--foreground);
}

.encyclopedia-hub-search input,
.encyclopedia-hub-search button,
.community-form input,
.community-form textarea,
.community-form select,
.community-status input,
.community-form button,
.community-status button,
.community-receipt button {
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 0;
  background: var(--paper);
  color: var(--foreground);
  font: inherit;
}

.encyclopedia-hub-search input {
  border: 0;
  padding-inline: 0;
  font-size: clamp(1.15rem, 2vw, 1.6rem);
}

.encyclopedia-hub-search button,
.community-form button,
.community-status button,
.community-receipt button {
  padding-inline: 18px;
  background: var(--foreground);
  color: var(--paper);
  font-weight: 700;
  cursor: pointer;
}

.encyclopedia-topic-block {
  padding-block: clamp(32px, 6vw, 72px);
  border-top: 1px solid var(--line);
}

.encyclopedia-topic-block > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}

.encyclopedia-topic-block > header h2,
.encyclopedia-topic-block > header p {
  margin-block: 0 8px;
}

.encyclopedia-topic-block > header > strong {
  font-family: var(--font-mono);
  font-size: clamp(1.8rem, 5vw, 4.4rem);
  font-weight: 400;
  line-height: 1;
}

.encyclopedia-dossier-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.encyclopedia-dossier-card {
  display: flex;
  min-height: 260px;
  flex-direction: column;
  padding: clamp(20px, 3vw, 30px);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.encyclopedia-dossier-card h3 {
  margin-block: 18px 12px;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
}

.encyclopedia-dossier-card p {
  color: var(--muted);
}

.encyclopedia-dossier-card .text-link {
  margin-top: auto;
  color: var(--blue-dark);
  font-weight: 700;
}

.article-state,
.article-topic-label {
  width: fit-content;
  color: var(--muted);
  font-family: var(--font-mono);
  font-size: .72rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.article-state-draft {
  border-bottom: 2px solid #b86b00;
}

.article-state-reviewed {
  border-bottom: 2px solid #23714a;
}

.article-hero {
  align-items: start;
}

.review-state {
  display: grid;
  gap: 5px;
  max-width: 70ch;
  margin-top: 28px;
  padding: 18px 20px;
  border-left: 4px solid #b86b00;
  background: color-mix(in srgb, #b86b00 8%, var(--paper));
}

.review-state-reviewed {
  border-color: #23714a;
  background: color-mix(in srgb, #23714a 8%, var(--paper));
}

.review-state span {
  color: var(--muted);
  line-height: 1.55;
}

.article-context-visual {
  min-width: 0;
  margin: 0;
  padding-block: 8px;
}

.article-context-visual figcaption {
  margin-bottom: 18px;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 700;
}

.context-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  border-top: 2px solid var(--foreground);
}

.context-timeline span {
  display: grid;
  gap: 8px;
  translate: 0 -6px;
}

.context-timeline i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--foreground);
}

.context-timeline small {
  font-family: var(--font-mono);
}

.context-connections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}

.context-node {
  min-height: 92px;
  padding: 14px;
  background: var(--paper);
  font-size: .82rem;
}

.context-node-0 {
  grid-column: 1 / -1;
  background: var(--foreground);
  color: var(--paper);
  font-weight: 700;
}

.claim-stack {
  display: grid;
  margin-top: 28px;
  border-top: 1px solid var(--line);
}

.claim-card {
  padding-block: 20px;
  border-bottom: 1px solid var(--line);
}

.claim-card > p {
  margin-top: 0;
  font-weight: 650;
}

.claim-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  color: var(--muted);
  font-family: var(--font-mono);
  font-size: .72rem;
}

.claim-source-list {
  display: grid;
  gap: 6px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.claim-source-list a,
.encyclopedia-timeline li ul a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  padding: 8px 0;
  color: var(--blue-dark);
  font-size: .78rem;
}

.claim-source-list span,
.encyclopedia-timeline li ul span {
  color: var(--muted);
  text-align: right;
}

.encyclopedia-timeline li > ul {
  grid-column: 2;
  margin: 0;
  padding: 0;
  list-style: none;
}

.related-dossier-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.related-dossier-grid a {
  display: grid;
  gap: 8px;
  min-height: 130px;
  padding: 18px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.related-dossier-grid span {
  color: var(--muted);
  font-size: .84rem;
}

.citation-ready blockquote {
  margin-inline: 0;
  padding-left: 22px;
  border-left: 3px solid var(--foreground);
  font-size: 1.18rem;
  line-height: 1.6;
}

.citation-ready code {
  white-space: normal;
  overflow-wrap: anywhere;
}

.responsibility-list {
  display: grid;
  border-top: 1px solid var(--line);
}

.responsibility-list div {
  display: grid;
  grid-template-columns: minmax(150px, .45fr) minmax(0, 1fr);
  gap: 24px;
  padding-block: 12px;
  border-bottom: 1px solid var(--line);
}

.responsibility-list dt {
  color: var(--muted);
}

.responsibility-list dd {
  margin: 0;
}

.revision-list {
  display: grid;
  gap: 8px;
  padding-left: 20px;
}

.revision-list li {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 12px;
}

.community-trust {
  display: grid;
  align-content: end;
  gap: 8px;
  padding-block: 16px;
  border-top: 2px solid var(--foreground);
}

.community-trust strong {
  font-size: clamp(2rem, 6vw, 5rem);
}

.community-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(32px, 7vw, 88px);
  align-items: start;
}

.community-form,
.community-status form {
  display: grid;
  gap: 18px;
}

.community-form input,
.community-form textarea,
.community-form select,
.community-status input {
  width: 100%;
  padding: 11px 12px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.check-row {
  grid-template-columns: 24px minmax(0, 1fr) !important;
  align-items: start;
}

.check-row input {
  width: 20px;
  min-height: 20px;
  margin: 0;
}

.form-result,
[data-status-result],
.community-ledger[data-state],
.community-queue[data-state] {
  padding: 14px 16px;
  border-left: 4px solid var(--line);
}

[data-state="success"] { border-color: #23714a; }
[data-state="error"] { border-color: #a52a2a; }

.community-receipt {
  position: sticky;
  top: 96px;
  padding: 24px;
  border: 2px solid var(--foreground);
}

.community-receipt dl div {
  padding-block: 12px;
  border-bottom: 1px solid var(--line);
}

.community-receipt dd {
  margin: 6px 0 0;
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
}

.community-ledger,
.community-queue {
  display: grid;
  gap: 1px;
  background: var(--line);
}

.community-ledger article,
.community-queue article {
  padding: 18px;
  background: var(--paper);
}

.danger-button {
  background: transparent !important;
  color: #8b1a1a !important;
  border-color: #8b1a1a !important;
}

:where(.encyclopedia-page, .community-page) :focus-visible {
  outline: 3px solid var(--blue-dark);
  outline-offset: 3px;
}

@media (max-width: 1050px) {
  .encyclopedia-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .encyclopedia-fact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .encyclopedia-fact { border-bottom: 1px solid var(--line); }
  .community-task-grid,
  .community-flow,
  .world-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .encyclopedia-dossier-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .encyclopedia-hero,
  .world-hero,
  .community-hero,
  .article-layout,
  .community-workspace { grid-template-columns: 1fr; }
  .article-toc { position: static; }
  .encyclopedia-topic-grid,
  .encyclopedia-fact-grid,
  .encyclopedia-dossier-grid,
  .community-task-grid,
  .community-flow,
  .world-route-grid { grid-template-columns: 1fr; }
  .encyclopedia-fact,
  .community-task,
  .world-route-grid a { border-right: 0; border-bottom: 1px solid var(--line); }
  .contribution-callout { align-items: flex-start; flex-direction: column; }
  .form-grid,
  .related-dossier-grid { grid-template-columns: 1fr; }
  .community-receipt { position: static; }
  .responsibility-list div { grid-template-columns: 1fr; gap: 4px; }
  .revision-list li { grid-template-columns: 1fr; }
  .claim-source-list a,
  .encyclopedia-timeline li ul a { grid-template-columns: 1fr; gap: 4px; }
  .claim-source-list span,
  .encyclopedia-timeline li ul span { text-align: left; }
}