.doc-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-white); transition: border-color 0.2s; }
  .doc-row:hover { border-color: rgba(201,169,97,0.4); }
  .doc-row__left { display: flex; align-items: flex-start; gap: 1rem; min-width: 0; }
  .doc-row__icon { width: 2.25rem; height: 2.25rem; flex-shrink: 0; background: rgba(201,169,97,0.08); border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; }
  .doc-row__icon svg { width: 1rem; height: 1rem; color: var(--color-secondary); }
  .doc-row__title { font-size: 0.9375rem; font-weight: 500; color: var(--color-fg); margin-bottom: 0.25rem; }
  .doc-row__meta { display: flex; flex-wrap: wrap; gap: 0.75rem; font-size: 0.75rem; color: var(--color-muted-fg); }
  .doc-row__badge { padding: 0.125rem 0.625rem; background: rgba(139,111,71,0.1); border-radius: 9999px; color: var(--color-primary); font-weight: 500; }
  .doc-row__download { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; font-weight: 600; color: var(--color-secondary); text-decoration: none; white-space: nowrap; padding: 0.5rem 1rem; border: 1px solid var(--color-secondary); border-radius: var(--radius); transition: all 0.2s; flex-shrink: 0; }
  .doc-row__download:hover { background: var(--color-secondary); color: var(--color-dark); }

  .cat-filter { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 2.5rem; }
  .cat-btn { padding: 0.5rem 1.25rem; border: 1px solid var(--color-border); border-radius: 9999px; background: var(--color-white); color: var(--color-muted-fg); font-size: 0.875rem; cursor: pointer; transition: all 0.2s; }
  .cat-btn:hover { border-color: var(--color-secondary); color: var(--color-secondary); }
  .cat-btn.is-active { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-dark); font-weight: 600; }

  .doc-section-label { font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-muted-fg); margin: 2rem 0 1rem; display: flex; align-items: center; gap: 0.75rem; }
  .doc-section-label::after { content:''; flex:1; height:1px; background: var(--color-border); }

/* Hero + list layout */
.page-hero--legal { padding-top: calc(var(--nav-height) + 6rem); }
.doc-list-stack { display: flex; flex-direction: column; gap: 0.75rem; }
.doc-empty { color: var(--color-muted-fg); padding: 2rem 0; }