.scroll-area-page{width:100%}.scroll-area{width:100%;max-width:100%;margin:0 auto;padding:24px 40px}.scroll-area-header{justify-content:space-between;align-items:flex-start;gap:32px;margin:24px 0;display:flex}.scroll-area-header-content{flex:1;min-width:0}.scroll-area-header-content p{margin-top:12px}.scroll-area-section{margin-top:40px}.scroll-area-preview{flex-direction:column;gap:24px;width:100%;display:flex}.scroll-area-item{align-items:flex-start;gap:32px;width:100%;display:flex}.scroll-area-label{flex-shrink:0;width:140px;padding-top:10px}.scroll-area-example{flex:1;min-width:0}.scroll-area-content{flex-direction:column;min-width:600px;display:flex}.scroll-area-row{border-bottom:1px solid var(--color-border);align-items:center;min-height:48px;padding:0 16px;display:flex}.scroll-area-row:last-child{border-bottom:none}@media (max-width:768px){.scroll-area{padding:24px}.scroll-area-header{flex-direction:column;align-items:stretch;gap:24px}.scroll-area-item{flex-direction:column;gap:12px}.scroll-area-label{width:auto;padding-top:0}.scroll-area-example{width:100%}.scroll-area-content{min-width:100%}}@media (max-width:520px){.scroll-area{padding:20px}.scroll-area-preview{gap:20px}.scroll-area-section{margin-top:32px}.scroll-area-row{min-height:44px;padding:0 12px}}