Decoder2704/python-chatbot-jay

1.docs-page {2  min-height: 100%;3  padding: 2.5rem clamp(1rem, 4vw, 1.5rem) 4rem;4  background: #f5f6f8;5}6 7.docs-page__inner {8  max-width: 1120px;9  margin: 0 auto;10}11 12.docs-page__header {13  margin-bottom: 2.5rem;14  max-width: 40rem;15}16 17.docs-page__title {18  margin: 0 0 0.75rem;19  font-size: clamp(2rem, 4vw, 2.5rem);20  font-weight: 800;21  letter-spacing: -0.035em;22  line-height: 1.15;23  color: #0f172a;24}25 26.docs-page__subtitle {27  margin: 0;28  font-size: 1.0625rem;29  line-height: 1.6;30  color: #64748b;31}32 33.docs-page__grid-2 {34  display: grid;35  grid-template-columns: repeat(2, minmax(0, 1fr));36  gap: 1.5rem;37  margin-bottom: 2.5rem;38  align-items: stretch;39}40 41@media (max-width: 900px) {42  .docs-page__grid-2 {43    grid-template-columns: 1fr;44  }45 46  .docs-page__header {47    margin-bottom: 2rem;48  }49}50 51@media (max-width: 480px) {52  .docs-page {53    padding: 1.75rem 1rem 3rem;54  }55}56 57.docs-page__minis {58  display: grid;59  grid-template-columns: repeat(2, minmax(0, 1fr));60  gap: 1rem;61  margin-top: 1.25rem;62}63 64@media (max-width: 520px) {65  .docs-page__minis {66    grid-template-columns: 1fr;67  }68}69 70.docs-page__arch-list {71  margin: 0;72  padding-left: 1.2rem;73  list-style: none;74}75 76.docs-page__arch-list li {77  position: relative;78  margin-bottom: 0.65rem;79  padding-left: 0.5rem;80  font-size: 0.9375rem;81  line-height: 1.55;82  color: #475569;83}84 85.docs-page__arch-list li::before {86  content: "";87  position: absolute;88  left: -1rem;89  top: 0.55em;90  width: 6px;91  height: 6px;92  background: linear-gradient(135deg, #6366f1, #7c3aed);93  border-radius: 50%;94}95 96.docs-page__arch-list li:last-child {97  margin-bottom: 0;98}99 100.docs-page__section-label {101  margin: 0 0 1rem;102  font-size: 0.75rem;103  font-weight: 700;104  letter-spacing: 0.07em;105  text-transform: uppercase;106  color: #94a3b8;107}108 109.docs-page__compact-grid {110  display: grid;111  grid-template-columns: repeat(3, minmax(0, 1fr));112  gap: 1.25rem;113}114 115@media (max-width: 900px) {116  .docs-page__compact-grid {117    grid-template-columns: 1fr;118  }119}120