.typography-page{width:100%}.typography{max-width:100%;margin:0 auto;padding:24px 40px}.typography-header{justify-content:space-between;align-items:flex-start;gap:32px;margin:24px 0;display:flex}.typography-header-content{flex:1;min-width:0}.typography-header-content p{margin-top:12px}.typography-import{flex-shrink:0}.typography-section{flex-direction:column;gap:32px;margin-bottom:40px;display:flex}.typography-preview{flex-direction:column;gap:20px;width:100%;display:flex}@media (max-width:768px){.typography{padding:24px}.typography-header{flex-direction:column;align-items:stretch;gap:24px;margin:32px 0 48px}.typography-import,.typography-import>*{width:100%}.typography-section{gap:24px;margin-bottom:32px}}@media (max-width:520px){.typography{padding:24px}.typography-header{gap:16px;margin:24px 0 40px}.typography-header-content p{margin-top:8px}.typography-import{align-self:stretch}.typography-import>*{width:100%}.typography-section{gap:20px;margin-bottom:24px}}