@use "@/common/styles/colors" as *

.legal-page
  min-height: 100vh
  padding: 8rem 4rem 4rem
  
.legal-container
  max-width: 800px
  margin: 0 auto

.legal-page h1
  font-size: 2.5rem
  font-weight: 700
  margin-bottom: 2rem
  padding-bottom: 1rem
  border-bottom: 1px solid $border-color

.legal-section
  margin-bottom: 2.5rem
  
  h2
    font-size: 1.25rem
    font-weight: 600
    color: $text
    margin-bottom: 1rem
    
  address
    font-style: normal
    font-size: 1rem
    line-height: 1.8
    color: $text-secondary
    
  p
    font-size: 1rem
    line-height: 1.8
    color: $text-secondary
    
  a
    color: $primary
    transition: opacity 0.2s
    
    &:hover
      opacity: 0.8

@media (max-width: 640px)
  .legal-page
    padding: 6rem 1.5rem 3rem
    
  .legal-page h1
    font-size: 2rem