/* Page-specific styles for documents.html */


.text-center { text-align: center; }
.text-primary { color: var(--text); }
.text-xs-subtle { font-size: var(--fs-xs); color: var(--text-3); }
.text-xs-subtle-mt { font-size: var(--fs-xs); color: var(--text-3); margin-top: var(--sp-2); }
.text-xs-subtle-mt-1 { font-size: var(--fs-xs); color: var(--text-3); margin-top: 4px; }
.text-xs-subtle-mb-1 { font-size: var(--fs-xs); color: var(--text-3); margin-bottom: 6px; }
.text-sm-secondary { font-size: var(--fs-sm); color: var(--text-2); margin: 0; line-height: 1.5; }

.font-bold-sm { font-weight: 600; font-size: var(--fs-sm); }
.fw-500 { font-weight: 500; }

.m-0 { margin: 0; }
.mt-4-px-5 { margin-top: var(--sp-4); padding: 0 var(--sp-5); }
.p-5 { padding: var(--sp-5); }
.p-4-5 { padding: var(--sp-4) var(--sp-5); }

.w-60 { width: 60%; }
.w-72 { width: 72%; }
.w-120 { width: 120px; flex: none; }
.w-auto-min-160 { width: auto; min-width: 160px; }
.max-w-300 { max-width: 300px; }

@media (max-width: 600px) {
  .w-120 { width: auto; flex: 1; }
  .w-auto-min-160 { min-width: 100px; }
  .max-w-300 { max-width: 100%; }
}

.h3-reset { font-size: var(--fs-md); margin-bottom: var(--sp-2); }

.block { display: block; }
.gap-1 { gap: 4px; }

.icon-lg { width: 28px; height: 28px; }
.label-reset { margin: 0; cursor: pointer; }
.doc-item { border: 1px solid var(--border); border-radius: var(--radius); padding: var(--sp-4); }