/* Каталог тем · Xudoyorxon Bunyodov / Худоёрхон Бунёдов */
.c38 { max-width: 980px; margin: 0 auto; padding: 4px 0 96px; }
.c38-head h1 { margin: 0; font-size: 24px; }
.c38-sub { color: #6B7B88; font-size: 13px; margin: 4px 0 12px; }
.c38-blocks { display: grid; gap: 6px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); margin-bottom: 16px; }
.c38-b { text-align: left; padding: 9px 12px; border: 1px solid #E1E8ED; border-radius: 11px;
  background: #fff; cursor: pointer; font-size: 12.5px; position: relative; }
.c38-b:hover { border-color: #9FC3DA; }
.c38-b.is-on { border-color: #1B5E20; background: #F1F8F2; }
.c38-b b { display: block; font-size: 12px; color: #7C8B97; }
.c38-b span { display: block; font-weight: 600; line-height: 1.35; }
.c38-b i { position: absolute; right: 10px; top: 9px; font-style: normal; font-size: 11px; color: #9AA8B4; }
.c38-h2 { font-size: 15px; margin: 0 0 10px; color: #1B5E20; }
.c38-list { display: grid; gap: 5px; }
.c38-row { display: grid; grid-template-columns: 36px 1fr auto auto; align-items: center; gap: 10px;
  padding: 9px 12px; border: 1px solid #E1E8ED; border-radius: 10px; background: #fff; font-size: 13.5px; }
.c38-n { color: #9AA8B4; text-align: center; font-variant-numeric: tabular-nums; }
.c38-c { font-size: 11.5px; color: #9AA8B4; }
.c38-c.is-has { color: #14562B; font-weight: 600; }
.c38-go { font-size: 12px; padding: 6px 11px; border-radius: 8px; cursor: pointer;
  border: 1px solid #BFD9EC; background: #F7FBFE; color: #1B4F72; }
.c38-go:hover { background: #1B5E20; color: #fff; border-color: transparent; }
.c38-note { margin-top: 12px; font-size: 12.5px; color: #5A6B78; background: #F1F5F8; border-radius: 10px; padding: 10px 13px; }
.c38-empty { padding: 18px; border-radius: 12px; background: #F1F5F8; color: #46586A; }
[data-theme="dark"] .c38-b, [data-theme="dark"] .c38-row { background: #1E2A33; border-color: #2E4150; color: #DDE7EE; }